/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[7].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].rules[1].use[1]!./projects/main/src/styles.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}
.fas,.fass,.far,.fasr,.fal,.fasl,.fat,.fast,.fad,.fadr,.fadl,.fadt,.fasds,.fasdr,.fasdl,.fasdt,.fab,.fa-solid,.fa-regular,.fa-light,.fa-thin,.fa-brands,.fa-classic,.fa-duotone,.fa-sharp,.fa-sharp-duotone,.fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fas:before,.fass:before,.far:before,.fasr:before,.fal:before,.fasl:before,.fat:before,.fast:before,.fad:before,.fadr:before,.fadl:before,.fadt:before,.fasds:before,.fasdr:before,.fasdl:before,.fasdt:before,.fab:before,.fa-solid:before,.fa-regular:before,.fa-light:before,.fa-thin:before,.fa-brands:before,.fa-classic:before,.fa-duotone:before,.fa-sharp:before,.fa-sharp-duotone:before,.fa:before{content:var(--fa)}
.fad:after,.fa-duotone.fa-solid:after,.fa-duotone:after,.fadr:after,.fa-duotone.fa-regular:after,.fadl:after,.fa-duotone.fa-light:after,.fadt:after,.fa-duotone.fa-thin:after,.fasds:after,.fa-sharp-duotone.fa-solid:after,.fa-sharp-duotone:after,.fasdr:after,.fa-sharp-duotone.fa-regular:after,.fasdl:after,.fa-sharp-duotone.fa-light:after,.fasdt:after,.fa-sharp-duotone.fa-thin:after{content:var(--fa--fa)}
.fa-classic.fa-duotone{font-family:"Font Awesome 6 Duotone"}
.fass,.fa-sharp{font-weight:900}
.fad,.fa-duotone{font-weight:900}
.fasds,.fa-sharp-duotone{font-weight:900}
.fa-classic,.fas,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fat,.fa-thin{font-family:"Font Awesome 6 Pro"}
.fa-duotone,.fad,.fadr,.fadl,.fadt{font-family:"Font Awesome 6 Duotone"}
.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}
.fa-sharp,.fass,.fasr,.fasl,.fast{font-family:"Font Awesome 6 Sharp"}
.fa-sharp-duotone,.fasds,.fasdr,.fasdl,.fasdt{font-family:"Font Awesome 6 Sharp Duotone"}
.fa-1x{font-size:1em}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-6x{font-size:6em}
.fa-7x{font-size:7em}
.fa-8x{font-size:8em}
.fa-9x{font-size:9em}
.fa-10x{font-size:10em}
.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}
.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}
.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}
.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}
.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}
.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}
.fa-fw{text-align:center;width:1.25em}
.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}
.fa-ul>li{position:relative}
.fa-li{left:calc(-1*var(--fa-li-width,2em));position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}
.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}
.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}
.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}
.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}
.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}
.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}
.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}
.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}
.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}
.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}
.fa-spin-reverse{--fa-animation-direction:reverse}
.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}
@media (prefers-reduced-motion:reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}
@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}
@keyframes fa-bounce{0%{transform:scale(1)translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0)}57%{transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}
@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}
@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}
@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}
@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}
@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.fa-rotate-90{transform:rotate(90deg)}
.fa-rotate-180{transform:rotate(180deg)}
.fa-rotate-270{transform:rotate(270deg)}
.fa-flip-horizontal{transform:scaleX(-1)}
.fa-flip-vertical{transform:scaleY(-1)}
.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}
.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}
.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}
.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:var(--fa-inverse,#fff)}
.fa-0{--fa:"0";--fa--fa:"00"}
.fa-00{--fa:"";--fa--fa:""}
.fa-1{--fa:"1";--fa--fa:"11"}
.fa-100{--fa:"";--fa--fa:""}
.fa-2{--fa:"2";--fa--fa:"22"}
.fa-3{--fa:"3";--fa--fa:"33"}
.fa-360-degrees{--fa:"";--fa--fa:""}
.fa-4{--fa:"4";--fa--fa:"44"}
.fa-5{--fa:"5";--fa--fa:"55"}
.fa-6{--fa:"6";--fa--fa:"66"}
.fa-7{--fa:"7";--fa--fa:"77"}
.fa-8{--fa:"8";--fa--fa:"88"}
.fa-9{--fa:"9";--fa--fa:"99"}
.fa-a{--fa:"A";--fa--fa:"AA"}
.fa-abacus{--fa:"";--fa--fa:""}
.fa-accent-grave{--fa:"`";--fa--fa:"``"}
.fa-acorn{--fa:"";--fa--fa:""}
.fa-ad{--fa:"";--fa--fa:""}
.fa-add{--fa:"+";--fa--fa:"++"}
.fa-address-book{--fa:"";--fa--fa:""}
.fa-address-card{--fa:"";--fa--fa:""}
.fa-adjust{--fa:"";--fa--fa:""}
.fa-air-conditioner{--fa:"";--fa--fa:""}
.fa-air-freshener{--fa:"";--fa--fa:""}
.fa-airplay{--fa:"";--fa--fa:""}
.fa-alarm-clock{--fa:"";--fa--fa:""}
.fa-alarm-exclamation{--fa:"";--fa--fa:""}
.fa-alarm-plus{--fa:"";--fa--fa:""}
.fa-alarm-snooze{--fa:"";--fa--fa:""}
.fa-album{--fa:"";--fa--fa:""}
.fa-album-circle-plus{--fa:"";--fa--fa:""}
.fa-album-circle-user{--fa:"";--fa--fa:""}
.fa-album-collection{--fa:"";--fa--fa:""}
.fa-album-collection-circle-plus{--fa:"";--fa--fa:""}
.fa-album-collection-circle-user{--fa:"";--fa--fa:""}
.fa-alicorn{--fa:"";--fa--fa:""}
.fa-alien{--fa:"";--fa--fa:""}
.fa-alien-8bit{--fa:"";--fa--fa:""}
.fa-alien-monster{--fa:"";--fa--fa:""}
.fa-align-center{--fa:"";--fa--fa:""}
.fa-align-justify{--fa:"";--fa--fa:""}
.fa-align-left{--fa:"";--fa--fa:""}
.fa-align-right{--fa:"";--fa--fa:""}
.fa-align-slash{--fa:"";--fa--fa:""}
.fa-allergies{--fa:"";--fa--fa:""}
.fa-alt{--fa:"";--fa--fa:""}
.fa-ambulance{--fa:"";--fa--fa:""}
.fa-american-sign-language-interpreting{--fa:"";--fa--fa:""}
.fa-amp-guitar{--fa:"";--fa--fa:""}
.fa-ampersand{--fa:"&";--fa--fa:"&&"}
.fa-analytics{--fa:"";--fa--fa:""}
.fa-anchor{--fa:"";--fa--fa:""}
.fa-anchor-circle-check{--fa:"";--fa--fa:""}
.fa-anchor-circle-exclamation{--fa:"";--fa--fa:""}
.fa-anchor-circle-xmark{--fa:"";--fa--fa:""}
.fa-anchor-lock{--fa:"";--fa--fa:""}
.fa-angel{--fa:"";--fa--fa:""}
.fa-angle{--fa:"";--fa--fa:""}
.fa-angle-90{--fa:"";--fa--fa:""}
.fa-angle-double-down{--fa:"";--fa--fa:""}
.fa-angle-double-left{--fa:"";--fa--fa:""}
.fa-angle-double-right{--fa:"";--fa--fa:""}
.fa-angle-double-up{--fa:"";--fa--fa:""}
.fa-angle-down{--fa:"";--fa--fa:""}
.fa-angle-left{--fa:"";--fa--fa:""}
.fa-angle-right{--fa:"";--fa--fa:""}
.fa-angle-up{--fa:"";--fa--fa:""}
.fa-angles-down{--fa:"";--fa--fa:""}
.fa-angles-left{--fa:"";--fa--fa:""}
.fa-angles-right{--fa:"";--fa--fa:""}
.fa-angles-up{--fa:"";--fa--fa:""}
.fa-angles-up-down{--fa:"";--fa--fa:""}
.fa-angry{--fa:"";--fa--fa:""}
.fa-ankh{--fa:"";--fa--fa:""}
.fa-ant{--fa:"";--fa--fa:""}
.fa-apartment{--fa:"";--fa--fa:""}
.fa-aperture{--fa:"";--fa--fa:""}
.fa-apostrophe{--fa:"'";--fa--fa:"''"}
.fa-apple-alt{--fa:"";--fa--fa:""}
.fa-apple-core{--fa:"";--fa--fa:""}
.fa-apple-crate{--fa:"";--fa--fa:""}
.fa-apple-whole{--fa:"";--fa--fa:""}
.fa-archive{--fa:"";--fa--fa:""}
.fa-archway{--fa:"";--fa--fa:""}
.fa-area-chart{--fa:"";--fa--fa:""}
.fa-arrow-alt-circle-down{--fa:"";--fa--fa:""}
.fa-arrow-alt-circle-left{--fa:"";--fa--fa:""}
.fa-arrow-alt-circle-right{--fa:"";--fa--fa:""}
.fa-arrow-alt-circle-up{--fa:"";--fa--fa:""}
.fa-arrow-alt-down{--fa:"";--fa--fa:""}
.fa-arrow-alt-from-bottom{--fa:"";--fa--fa:""}
.fa-arrow-alt-from-left{--fa:"";--fa--fa:""}
.fa-arrow-alt-from-right{--fa:"";--fa--fa:""}
.fa-arrow-alt-from-top{--fa:"";--fa--fa:""}
.fa-arrow-alt-left{--fa:"";--fa--fa:""}
.fa-arrow-alt-right{--fa:"";--fa--fa:""}
.fa-arrow-alt-square-down{--fa:"";--fa--fa:""}
.fa-arrow-alt-square-left{--fa:"";--fa--fa:""}
.fa-arrow-alt-square-right{--fa:"";--fa--fa:""}
.fa-arrow-alt-square-up{--fa:"";--fa--fa:""}
.fa-arrow-alt-to-bottom{--fa:"";--fa--fa:""}
.fa-arrow-alt-to-left{--fa:"";--fa--fa:""}
.fa-arrow-alt-to-right{--fa:"";--fa--fa:""}
.fa-arrow-alt-to-top{--fa:"";--fa--fa:""}
.fa-arrow-alt-up{--fa:"";--fa--fa:""}
.fa-arrow-circle-down{--fa:"";--fa--fa:""}
.fa-arrow-circle-left{--fa:"";--fa--fa:""}
.fa-arrow-circle-right{--fa:"";--fa--fa:""}
.fa-arrow-circle-up{--fa:"";--fa--fa:""}
.fa-arrow-down{--fa:"";--fa--fa:""}
.fa-arrow-down-1-9{--fa:"";--fa--fa:""}
.fa-arrow-down-9-1{--fa:"";--fa--fa:""}
.fa-arrow-down-a-z{--fa:"";--fa--fa:""}
.fa-arrow-down-arrow-up{--fa:"";--fa--fa:""}
.fa-arrow-down-big-small{--fa:"";--fa--fa:""}
.fa-arrow-down-from-arc{--fa:"";--fa--fa:""}
.fa-arrow-down-from-bracket{--fa:"";--fa--fa:""}
.fa-arrow-down-from-dotted-line{--fa:"";--fa--fa:""}
.fa-arrow-down-from-line{--fa:"";--fa--fa:""}
.fa-arrow-down-left{--fa:"";--fa--fa:""}
.fa-arrow-down-left-and-arrow-up-right-to-center{--fa:"";--fa--fa:""}
.fa-arrow-down-long{--fa:"";--fa--fa:""}
.fa-arrow-down-right{--fa:"";--fa--fa:""}
.fa-arrow-down-short-wide{--fa:"";--fa--fa:""}
.fa-arrow-down-small-big{--fa:"";--fa--fa:""}
.fa-arrow-down-square-triangle{--fa:"";--fa--fa:""}
.fa-arrow-down-to-arc{--fa:"";--fa--fa:""}
.fa-arrow-down-to-bracket{--fa:"";--fa--fa:""}
.fa-arrow-down-to-dotted-line{--fa:"";--fa--fa:""}
.fa-arrow-down-to-line{--fa:"";--fa--fa:""}
.fa-arrow-down-to-square{--fa:"";--fa--fa:""}
.fa-arrow-down-triangle-square{--fa:"";--fa--fa:""}
.fa-arrow-down-up-across-line{--fa:"";--fa--fa:""}
.fa-arrow-down-up-lock{--fa:"";--fa--fa:""}
.fa-arrow-down-wide-short{--fa:"";--fa--fa:""}
.fa-arrow-down-z-a{--fa:"";--fa--fa:""}
.fa-arrow-from-bottom{--fa:"";--fa--fa:""}
.fa-arrow-from-left{--fa:"";--fa--fa:""}
.fa-arrow-from-right{--fa:"";--fa--fa:""}
.fa-arrow-from-top{--fa:"";--fa--fa:""}
.fa-arrow-left{--fa:"";--fa--fa:""}
.fa-arrow-left-from-arc{--fa:"";--fa--fa:""}
.fa-arrow-left-from-bracket{--fa:"";--fa--fa:""}
.fa-arrow-left-from-line{--fa:"";--fa--fa:""}
.fa-arrow-left-long{--fa:"";--fa--fa:""}
.fa-arrow-left-long-to-line{--fa:"";--fa--fa:""}
.fa-arrow-left-rotate{--fa:"";--fa--fa:""}
.fa-arrow-left-to-arc{--fa:"";--fa--fa:""}
.fa-arrow-left-to-bracket{--fa:"";--fa--fa:""}
.fa-arrow-left-to-line{--fa:"";--fa--fa:""}
.fa-arrow-pointer{--fa:"";--fa--fa:""}
.fa-arrow-progress{--fa:"";--fa--fa:""}
.fa-arrow-right{--fa:"";--fa--fa:""}
.fa-arrow-right-arrow-left{--fa:"";--fa--fa:""}
.fa-arrow-right-from-arc{--fa:"";--fa--fa:""}
.fa-arrow-right-from-bracket{--fa:"";--fa--fa:""}
.fa-arrow-right-from-file{--fa:"";--fa--fa:""}
.fa-arrow-right-from-line{--fa:"";--fa--fa:""}
.fa-arrow-right-long{--fa:"";--fa--fa:""}
.fa-arrow-right-long-to-line{--fa:"";--fa--fa:""}
.fa-arrow-right-rotate{--fa:"";--fa--fa:""}
.fa-arrow-right-to-arc{--fa:"";--fa--fa:""}
.fa-arrow-right-to-bracket{--fa:"";--fa--fa:""}
.fa-arrow-right-to-city{--fa:"";--fa--fa:""}
.fa-arrow-right-to-file{--fa:"";--fa--fa:""}
.fa-arrow-right-to-line{--fa:"";--fa--fa:""}
.fa-arrow-rotate-back{--fa:"";--fa--fa:""}
.fa-arrow-rotate-backward{--fa:"";--fa--fa:""}
.fa-arrow-rotate-forward{--fa:"";--fa--fa:""}
.fa-arrow-rotate-left{--fa:"";--fa--fa:""}
.fa-arrow-rotate-right{--fa:"";--fa--fa:""}
.fa-arrow-square-down{--fa:"";--fa--fa:""}
.fa-arrow-square-left{--fa:"";--fa--fa:""}
.fa-arrow-square-right{--fa:"";--fa--fa:""}
.fa-arrow-square-up{--fa:"";--fa--fa:""}
.fa-arrow-to-bottom{--fa:"";--fa--fa:""}
.fa-arrow-to-left{--fa:"";--fa--fa:""}
.fa-arrow-to-right{--fa:"";--fa--fa:""}
.fa-arrow-to-top{--fa:"";--fa--fa:""}
.fa-arrow-trend-down{--fa:"";--fa--fa:""}
.fa-arrow-trend-up{--fa:"";--fa--fa:""}
.fa-arrow-turn-down{--fa:"";--fa--fa:""}
.fa-arrow-turn-down-left{--fa:"";--fa--fa:""}
.fa-arrow-turn-down-right{--fa:"";--fa--fa:""}
.fa-arrow-turn-left{--fa:"";--fa--fa:""}
.fa-arrow-turn-left-down{--fa:"";--fa--fa:""}
.fa-arrow-turn-left-up{--fa:"";--fa--fa:""}
.fa-arrow-turn-right{--fa:"";--fa--fa:""}
.fa-arrow-turn-up{--fa:"";--fa--fa:""}
.fa-arrow-up{--fa:"";--fa--fa:""}
.fa-arrow-up-1-9{--fa:"";--fa--fa:""}
.fa-arrow-up-9-1{--fa:"";--fa--fa:""}
.fa-arrow-up-a-z{--fa:"";--fa--fa:""}
.fa-arrow-up-arrow-down{--fa:"";--fa--fa:""}
.fa-arrow-up-big-small{--fa:"";--fa--fa:""}
.fa-arrow-up-from-arc{--fa:"";--fa--fa:""}
.fa-arrow-up-from-bracket{--fa:"";--fa--fa:""}
.fa-arrow-up-from-dotted-line{--fa:"";--fa--fa:""}
.fa-arrow-up-from-ground-water{--fa:"";--fa--fa:""}
.fa-arrow-up-from-line{--fa:"";--fa--fa:""}
.fa-arrow-up-from-square{--fa:"";--fa--fa:""}
.fa-arrow-up-from-water-pump{--fa:"";--fa--fa:""}
.fa-arrow-up-left{--fa:"";--fa--fa:""}
.fa-arrow-up-left-from-circle{--fa:"";--fa--fa:""}
.fa-arrow-up-long{--fa:"";--fa--fa:""}
.fa-arrow-up-right{--fa:"";--fa--fa:""}
.fa-arrow-up-right-and-arrow-down-left-from-center{--fa:"";--fa--fa:""}
.fa-arrow-up-right-dots{--fa:"";--fa--fa:""}
.fa-arrow-up-right-from-square{--fa:"";--fa--fa:""}
.fa-arrow-up-short-wide{--fa:"";--fa--fa:""}
.fa-arrow-up-small-big{--fa:"";--fa--fa:""}
.fa-arrow-up-square-triangle{--fa:"";--fa--fa:""}
.fa-arrow-up-to-arc{--fa:"";--fa--fa:""}
.fa-arrow-up-to-bracket{--fa:"";--fa--fa:""}
.fa-arrow-up-to-dotted-line{--fa:"";--fa--fa:""}
.fa-arrow-up-to-line{--fa:"";--fa--fa:""}
.fa-arrow-up-triangle-square{--fa:"";--fa--fa:""}
.fa-arrow-up-wide-short{--fa:"";--fa--fa:""}
.fa-arrow-up-z-a{--fa:"";--fa--fa:""}
.fa-arrows{--fa:"";--fa--fa:""}
.fa-arrows-alt{--fa:"";--fa--fa:""}
.fa-arrows-alt-h{--fa:"";--fa--fa:""}
.fa-arrows-alt-v{--fa:"";--fa--fa:""}
.fa-arrows-cross{--fa:"";--fa--fa:""}
.fa-arrows-down-to-line{--fa:"";--fa--fa:""}
.fa-arrows-down-to-people{--fa:"";--fa--fa:""}
.fa-arrows-from-dotted-line{--fa:"";--fa--fa:""}
.fa-arrows-from-line{--fa:"";--fa--fa:""}
.fa-arrows-h{--fa:"";--fa--fa:""}
.fa-arrows-left-right{--fa:"";--fa--fa:""}
.fa-arrows-left-right-to-line{--fa:"";--fa--fa:""}
.fa-arrows-maximize{--fa:"";--fa--fa:""}
.fa-arrows-minimize{--fa:"";--fa--fa:""}
.fa-arrows-repeat{--fa:"";--fa--fa:""}
.fa-arrows-repeat-1{--fa:"";--fa--fa:""}
.fa-arrows-retweet{--fa:"";--fa--fa:""}
.fa-arrows-rotate{--fa:"";--fa--fa:""}
.fa-arrows-rotate-reverse{--fa:"";--fa--fa:""}
.fa-arrows-spin{--fa:"";--fa--fa:""}
.fa-arrows-split-up-and-left{--fa:"";--fa--fa:""}
.fa-arrows-to-circle{--fa:"";--fa--fa:""}
.fa-arrows-to-dot{--fa:"";--fa--fa:""}
.fa-arrows-to-dotted-line{--fa:"";--fa--fa:""}
.fa-arrows-to-eye{--fa:"";--fa--fa:""}
.fa-arrows-to-line{--fa:"";--fa--fa:""}
.fa-arrows-turn-right{--fa:"";--fa--fa:""}
.fa-arrows-turn-to-dots{--fa:"";--fa--fa:""}
.fa-arrows-up-down{--fa:"";--fa--fa:""}
.fa-arrows-up-down-left-right{--fa:"";--fa--fa:""}
.fa-arrows-up-to-line{--fa:"";--fa--fa:""}
.fa-arrows-v{--fa:"";--fa--fa:""}
.fa-asl-interpreting{--fa:"";--fa--fa:""}
.fa-assistive-listening-systems{--fa:"";--fa--fa:""}
.fa-asterisk{--fa:"*";--fa--fa:"**"}
.fa-at{--fa:"@";--fa--fa:"@@"}
.fa-atlas{--fa:"";--fa--fa:""}
.fa-atom{--fa:"";--fa--fa:""}
.fa-atom-alt{--fa:"";--fa--fa:""}
.fa-atom-simple{--fa:"";--fa--fa:""}
.fa-audio-description{--fa:"";--fa--fa:""}
.fa-audio-description-slash{--fa:"";--fa--fa:""}
.fa-austral-sign{--fa:"";--fa--fa:""}
.fa-automobile{--fa:"";--fa--fa:""}
.fa-avocado{--fa:"";--fa--fa:""}
.fa-award{--fa:"";--fa--fa:""}
.fa-award-simple{--fa:"";--fa--fa:""}
.fa-axe{--fa:"";--fa--fa:""}
.fa-axe-battle{--fa:"";--fa--fa:""}
.fa-b{--fa:"B";--fa--fa:"BB"}
.fa-baby{--fa:"";--fa--fa:""}
.fa-baby-carriage{--fa:"";--fa--fa:""}
.fa-backpack{--fa:"";--fa--fa:""}
.fa-backspace{--fa:"";--fa--fa:""}
.fa-backward{--fa:"";--fa--fa:""}
.fa-backward-fast{--fa:"";--fa--fa:""}
.fa-backward-step{--fa:"";--fa--fa:""}
.fa-bacon{--fa:"";--fa--fa:""}
.fa-bacteria{--fa:"";--fa--fa:""}
.fa-bacterium{--fa:"";--fa--fa:""}
.fa-badge{--fa:"";--fa--fa:""}
.fa-badge-check{--fa:"";--fa--fa:""}
.fa-badge-dollar{--fa:"";--fa--fa:""}
.fa-badge-percent{--fa:"";--fa--fa:""}
.fa-badge-sheriff{--fa:"";--fa--fa:""}
.fa-badger-honey{--fa:"";--fa--fa:""}
.fa-badminton{--fa:"";--fa--fa:""}
.fa-bag-seedling{--fa:"";--fa--fa:""}
.fa-bag-shopping{--fa:"";--fa--fa:""}
.fa-bag-shopping-minus{--fa:"";--fa--fa:""}
.fa-bag-shopping-plus{--fa:"";--fa--fa:""}
.fa-bagel{--fa:"";--fa--fa:""}
.fa-bags-shopping{--fa:"";--fa--fa:""}
.fa-baguette{--fa:"";--fa--fa:""}
.fa-bahai{--fa:"";--fa--fa:""}
.fa-baht-sign{--fa:"";--fa--fa:""}
.fa-balance-scale{--fa:"";--fa--fa:""}
.fa-balance-scale-left{--fa:"";--fa--fa:""}
.fa-balance-scale-right{--fa:"";--fa--fa:""}
.fa-ball-pile{--fa:"";--fa--fa:""}
.fa-balloon{--fa:"";--fa--fa:""}
.fa-balloons{--fa:"";--fa--fa:""}
.fa-ballot{--fa:"";--fa--fa:""}
.fa-ballot-check{--fa:"";--fa--fa:""}
.fa-ban{--fa:"";--fa--fa:""}
.fa-ban-bug{--fa:"";--fa--fa:""}
.fa-ban-parking{--fa:"";--fa--fa:""}
.fa-ban-smoking{--fa:"";--fa--fa:""}
.fa-banana{--fa:"";--fa--fa:""}
.fa-band-aid{--fa:"";--fa--fa:""}
.fa-bandage{--fa:"";--fa--fa:""}
.fa-bangladeshi-taka-sign{--fa:"";--fa--fa:""}
.fa-banjo{--fa:"";--fa--fa:""}
.fa-bank{--fa:"";--fa--fa:""}
.fa-bar-chart{--fa:"";--fa--fa:""}
.fa-barcode{--fa:"";--fa--fa:""}
.fa-barcode-alt{--fa:"";--fa--fa:""}
.fa-barcode-read{--fa:"";--fa--fa:""}
.fa-barcode-scan{--fa:"";--fa--fa:""}
.fa-barn-silo{--fa:"";--fa--fa:""}
.fa-bars{--fa:"";--fa--fa:""}
.fa-bars-filter{--fa:"";--fa--fa:""}
.fa-bars-progress{--fa:"";--fa--fa:""}
.fa-bars-sort{--fa:"";--fa--fa:""}
.fa-bars-staggered{--fa:"";--fa--fa:""}
.fa-baseball{--fa:"";--fa--fa:""}
.fa-baseball-ball{--fa:"";--fa--fa:""}
.fa-baseball-bat-ball{--fa:"";--fa--fa:""}
.fa-basket-shopping{--fa:"";--fa--fa:""}
.fa-basket-shopping-minus{--fa:"";--fa--fa:""}
.fa-basket-shopping-plus{--fa:"";--fa--fa:""}
.fa-basket-shopping-simple{--fa:"";--fa--fa:""}
.fa-basketball{--fa:"";--fa--fa:""}
.fa-basketball-ball{--fa:"";--fa--fa:""}
.fa-basketball-hoop{--fa:"";--fa--fa:""}
.fa-bat{--fa:"";--fa--fa:""}
.fa-bath{--fa:"";--fa--fa:""}
.fa-bathtub{--fa:"";--fa--fa:""}
.fa-battery{--fa:"";--fa--fa:""}
.fa-battery-0{--fa:"";--fa--fa:""}
.fa-battery-1{--fa:"";--fa--fa:""}
.fa-battery-2{--fa:"";--fa--fa:""}
.fa-battery-3{--fa:"";--fa--fa:""}
.fa-battery-4{--fa:"";--fa--fa:""}
.fa-battery-5{--fa:"";--fa--fa:""}
.fa-battery-bolt{--fa:"";--fa--fa:""}
.fa-battery-car{--fa:"";--fa--fa:""}
.fa-battery-empty{--fa:"";--fa--fa:""}
.fa-battery-exclamation{--fa:"";--fa--fa:""}
.fa-battery-full{--fa:"";--fa--fa:""}
.fa-battery-half{--fa:"";--fa--fa:""}
.fa-battery-low{--fa:"";--fa--fa:""}
.fa-battery-quarter{--fa:"";--fa--fa:""}
.fa-battery-slash{--fa:"";--fa--fa:""}
.fa-battery-three-quarters{--fa:"";--fa--fa:""}
.fa-bed{--fa:"";--fa--fa:""}
.fa-bed-alt{--fa:"";--fa--fa:""}
.fa-bed-bunk{--fa:"";--fa--fa:""}
.fa-bed-empty{--fa:"";--fa--fa:""}
.fa-bed-front{--fa:"";--fa--fa:""}
.fa-bed-pulse{--fa:"";--fa--fa:""}
.fa-bee{--fa:"";--fa--fa:""}
.fa-beer{--fa:"";--fa--fa:""}
.fa-beer-foam{--fa:"";--fa--fa:""}
.fa-beer-mug{--fa:"";--fa--fa:""}
.fa-beer-mug-empty{--fa:"";--fa--fa:""}
.fa-bell{--fa:"";--fa--fa:""}
.fa-bell-concierge{--fa:"";--fa--fa:""}
.fa-bell-exclamation{--fa:"";--fa--fa:""}
.fa-bell-on{--fa:"";--fa--fa:""}
.fa-bell-plus{--fa:"";--fa--fa:""}
.fa-bell-ring{--fa:"";--fa--fa:""}
.fa-bell-school{--fa:"";--fa--fa:""}
.fa-bell-school-slash{--fa:"";--fa--fa:""}
.fa-bell-slash{--fa:"";--fa--fa:""}
.fa-bells{--fa:"";--fa--fa:""}
.fa-bench-tree{--fa:"";--fa--fa:""}
.fa-betamax{--fa:"";--fa--fa:""}
.fa-bezier-curve{--fa:"";--fa--fa:""}
.fa-bible{--fa:"";--fa--fa:""}
.fa-bicycle{--fa:"";--fa--fa:""}
.fa-biking{--fa:"";--fa--fa:""}
.fa-biking-mountain{--fa:"";--fa--fa:""}
.fa-billboard{--fa:"";--fa--fa:""}
.fa-bin-bottles{--fa:"";--fa--fa:""}
.fa-bin-bottles-recycle{--fa:"";--fa--fa:""}
.fa-bin-recycle{--fa:"";--fa--fa:""}
.fa-binary{--fa:"";--fa--fa:""}
.fa-binary-circle-check{--fa:"";--fa--fa:""}
.fa-binary-lock{--fa:"";--fa--fa:""}
.fa-binary-slash{--fa:"";--fa--fa:""}
.fa-binoculars{--fa:"";--fa--fa:""}
.fa-biohazard{--fa:"";--fa--fa:""}
.fa-bird{--fa:"";--fa--fa:""}
.fa-birthday-cake{--fa:"";--fa--fa:""}
.fa-bitcoin-sign{--fa:"";--fa--fa:""}
.fa-blackboard{--fa:"";--fa--fa:""}
.fa-blanket{--fa:"";--fa--fa:""}
.fa-blanket-fire{--fa:"";--fa--fa:""}
.fa-blender{--fa:"";--fa--fa:""}
.fa-blender-phone{--fa:"";--fa--fa:""}
.fa-blind{--fa:"";--fa--fa:""}
.fa-blinds{--fa:"";--fa--fa:""}
.fa-blinds-open{--fa:"";--fa--fa:""}
.fa-blinds-raised{--fa:"";--fa--fa:""}
.fa-block{--fa:"";--fa--fa:""}
.fa-block-brick{--fa:"";--fa--fa:""}
.fa-block-brick-fire{--fa:"";--fa--fa:""}
.fa-block-question{--fa:"";--fa--fa:""}
.fa-block-quote{--fa:"";--fa--fa:""}
.fa-blog{--fa:"";--fa--fa:""}
.fa-blueberries{--fa:"";--fa--fa:""}
.fa-bluetooth{--fa:"";--fa--fa:""}
.fa-bold{--fa:"";--fa--fa:""}
.fa-bolt{--fa:"";--fa--fa:""}
.fa-bolt-auto{--fa:"";--fa--fa:""}
.fa-bolt-lightning{--fa:"";--fa--fa:""}
.fa-bolt-slash{--fa:"";--fa--fa:""}
.fa-bomb{--fa:"";--fa--fa:""}
.fa-bone{--fa:"";--fa--fa:""}
.fa-bone-break{--fa:"";--fa--fa:""}
.fa-bong{--fa:"";--fa--fa:""}
.fa-book{--fa:"";--fa--fa:""}
.fa-book-alt{--fa:"";--fa--fa:""}
.fa-book-arrow-right{--fa:"";--fa--fa:""}
.fa-book-arrow-up{--fa:"";--fa--fa:""}
.fa-book-atlas{--fa:"";--fa--fa:""}
.fa-book-bible{--fa:"";--fa--fa:""}
.fa-book-blank{--fa:"";--fa--fa:""}
.fa-book-bookmark{--fa:"";--fa--fa:""}
.fa-book-circle{--fa:"";--fa--fa:""}
.fa-book-circle-arrow-right{--fa:"";--fa--fa:""}
.fa-book-circle-arrow-up{--fa:"";--fa--fa:""}
.fa-book-copy{--fa:"";--fa--fa:""}
.fa-book-dead{--fa:"";--fa--fa:""}
.fa-book-font{--fa:"";--fa--fa:""}
.fa-book-heart{--fa:"";--fa--fa:""}
.fa-book-journal-whills{--fa:"";--fa--fa:""}
.fa-book-law{--fa:"";--fa--fa:""}
.fa-book-medical{--fa:"";--fa--fa:""}
.fa-book-open{--fa:"";--fa--fa:""}
.fa-book-open-alt{--fa:"";--fa--fa:""}
.fa-book-open-cover{--fa:"";--fa--fa:""}
.fa-book-open-reader{--fa:"";--fa--fa:""}
.fa-book-quran{--fa:"";--fa--fa:""}
.fa-book-reader{--fa:"";--fa--fa:""}
.fa-book-section{--fa:"";--fa--fa:""}
.fa-book-skull{--fa:"";--fa--fa:""}
.fa-book-sparkles{--fa:"";--fa--fa:""}
.fa-book-spells{--fa:"";--fa--fa:""}
.fa-book-tanakh{--fa:"";--fa--fa:""}
.fa-book-user{--fa:"";--fa--fa:""}
.fa-bookmark{--fa:"";--fa--fa:""}
.fa-bookmark-circle{--fa:"";--fa--fa:""}
.fa-bookmark-slash{--fa:"";--fa--fa:""}
.fa-books{--fa:"";--fa--fa:""}
.fa-books-medical{--fa:"";--fa--fa:""}
.fa-boombox{--fa:"";--fa--fa:""}
.fa-boot{--fa:"";--fa--fa:""}
.fa-boot-heeled{--fa:"";--fa--fa:""}
.fa-booth-curtain{--fa:"";--fa--fa:""}
.fa-border-all{--fa:"";--fa--fa:""}
.fa-border-bottom{--fa:"";--fa--fa:""}
.fa-border-bottom-right{--fa:"";--fa--fa:""}
.fa-border-center-h{--fa:"";--fa--fa:""}
.fa-border-center-v{--fa:"";--fa--fa:""}
.fa-border-inner{--fa:"";--fa--fa:""}
.fa-border-left{--fa:"";--fa--fa:""}
.fa-border-none{--fa:"";--fa--fa:""}
.fa-border-outer{--fa:"";--fa--fa:""}
.fa-border-right{--fa:"";--fa--fa:""}
.fa-border-style{--fa:"";--fa--fa:""}
.fa-border-style-alt{--fa:"";--fa--fa:""}
.fa-border-top{--fa:"";--fa--fa:""}
.fa-border-top-left{--fa:"";--fa--fa:""}
.fa-bore-hole{--fa:"";--fa--fa:""}
.fa-bottle-baby{--fa:"";--fa--fa:""}
.fa-bottle-droplet{--fa:"";--fa--fa:""}
.fa-bottle-water{--fa:"";--fa--fa:""}
.fa-bow-arrow{--fa:"";--fa--fa:""}
.fa-bowl-chopsticks{--fa:"";--fa--fa:""}
.fa-bowl-chopsticks-noodles{--fa:"";--fa--fa:""}
.fa-bowl-food{--fa:"";--fa--fa:""}
.fa-bowl-hot{--fa:"";--fa--fa:""}
.fa-bowl-rice{--fa:"";--fa--fa:""}
.fa-bowl-salad{--fa:"";--fa--fa:""}
.fa-bowl-scoop{--fa:"";--fa--fa:""}
.fa-bowl-scoops{--fa:"";--fa--fa:""}
.fa-bowl-shaved-ice{--fa:"";--fa--fa:""}
.fa-bowl-soft-serve{--fa:"";--fa--fa:""}
.fa-bowl-spoon{--fa:"";--fa--fa:""}
.fa-bowling-ball{--fa:"";--fa--fa:""}
.fa-bowling-ball-pin{--fa:"";--fa--fa:""}
.fa-bowling-pins{--fa:"";--fa--fa:""}
.fa-box{--fa:"";--fa--fa:""}
.fa-box-alt{--fa:"";--fa--fa:""}
.fa-box-archive{--fa:"";--fa--fa:""}
.fa-box-ballot{--fa:"";--fa--fa:""}
.fa-box-check{--fa:"";--fa--fa:""}
.fa-box-circle-check{--fa:"";--fa--fa:""}
.fa-box-dollar{--fa:"";--fa--fa:""}
.fa-box-fragile{--fa:"";--fa--fa:""}
.fa-box-full{--fa:"";--fa--fa:""}
.fa-box-heart{--fa:"";--fa--fa:""}
.fa-box-open{--fa:"";--fa--fa:""}
.fa-box-open-full{--fa:"";--fa--fa:""}
.fa-box-taped{--fa:"";--fa--fa:""}
.fa-box-tissue{--fa:"";--fa--fa:""}
.fa-box-up{--fa:"";--fa--fa:""}
.fa-box-usd{--fa:"";--fa--fa:""}
.fa-boxes{--fa:"";--fa--fa:""}
.fa-boxes-alt{--fa:"";--fa--fa:""}
.fa-boxes-packing{--fa:"";--fa--fa:""}
.fa-boxes-stacked{--fa:"";--fa--fa:""}
.fa-boxing-glove{--fa:"";--fa--fa:""}
.fa-bracket{--fa:"[";--fa--fa:"[["}
.fa-bracket-curly{--fa:"{";--fa--fa:"{{"}
.fa-bracket-curly-left{--fa:"{";--fa--fa:"{{"}
.fa-bracket-curly-right{--fa:"}";--fa--fa:"}}"}
.fa-bracket-left{--fa:"[";--fa--fa:"[["}
.fa-bracket-round{--fa:"(";--fa--fa:"(("}
.fa-bracket-round-right{--fa:")";--fa--fa:"))"}
.fa-bracket-square{--fa:"[";--fa--fa:"[["}
.fa-bracket-square-right{--fa:"]";--fa--fa:"]]"}
.fa-brackets{--fa:"";--fa--fa:""}
.fa-brackets-curly{--fa:"";--fa--fa:""}
.fa-brackets-round{--fa:"";--fa--fa:""}
.fa-brackets-square{--fa:"";--fa--fa:""}
.fa-braille{--fa:"";--fa--fa:""}
.fa-brain{--fa:"";--fa--fa:""}
.fa-brain-arrow-curved-right{--fa:"";--fa--fa:""}
.fa-brain-circuit{--fa:"";--fa--fa:""}
.fa-brake-warning{--fa:"";--fa--fa:""}
.fa-brazilian-real-sign{--fa:"";--fa--fa:""}
.fa-bread-loaf{--fa:"";--fa--fa:""}
.fa-bread-slice{--fa:"";--fa--fa:""}
.fa-bread-slice-butter{--fa:"";--fa--fa:""}
.fa-bridge{--fa:"";--fa--fa:""}
.fa-bridge-circle-check{--fa:"";--fa--fa:""}
.fa-bridge-circle-exclamation{--fa:"";--fa--fa:""}
.fa-bridge-circle-xmark{--fa:"";--fa--fa:""}
.fa-bridge-lock{--fa:"";--fa--fa:""}
.fa-bridge-suspension{--fa:"";--fa--fa:""}
.fa-bridge-water{--fa:"";--fa--fa:""}
.fa-briefcase{--fa:"";--fa--fa:""}
.fa-briefcase-arrow-right{--fa:"";--fa--fa:""}
.fa-briefcase-blank{--fa:"";--fa--fa:""}
.fa-briefcase-clock{--fa:"";--fa--fa:""}
.fa-briefcase-medical{--fa:"";--fa--fa:""}
.fa-brightness{--fa:"";--fa--fa:""}
.fa-brightness-low{--fa:"";--fa--fa:""}
.fa-bring-forward{--fa:"";--fa--fa:""}
.fa-bring-front{--fa:"";--fa--fa:""}
.fa-broadcast-tower{--fa:"";--fa--fa:""}
.fa-broccoli{--fa:"";--fa--fa:""}
.fa-broom{--fa:"";--fa--fa:""}
.fa-broom-ball{--fa:"";--fa--fa:""}
.fa-broom-wide{--fa:"";--fa--fa:""}
.fa-browser{--fa:"";--fa--fa:""}
.fa-browsers{--fa:"";--fa--fa:""}
.fa-brush{--fa:"";--fa--fa:""}
.fa-bucket{--fa:"";--fa--fa:""}
.fa-bug{--fa:"";--fa--fa:""}
.fa-bug-slash{--fa:"";--fa--fa:""}
.fa-bugs{--fa:"";--fa--fa:""}
.fa-building{--fa:"";--fa--fa:""}
.fa-building-circle-arrow-right{--fa:"";--fa--fa:""}
.fa-building-circle-check{--fa:"";--fa--fa:""}
.fa-building-circle-exclamation{--fa:"";--fa--fa:""}
.fa-building-circle-xmark{--fa:"";--fa--fa:""}
.fa-building-columns{--fa:"";--fa--fa:""}
.fa-building-flag{--fa:"";--fa--fa:""}
.fa-building-lock{--fa:"";--fa--fa:""}
.fa-building-magnifying-glass{--fa:"";--fa--fa:""}
.fa-building-memo{--fa:"";--fa--fa:""}
.fa-building-ngo{--fa:"";--fa--fa:""}
.fa-building-shield{--fa:"";--fa--fa:""}
.fa-building-un{--fa:"";--fa--fa:""}
.fa-building-user{--fa:"";--fa--fa:""}
.fa-building-wheat{--fa:"";--fa--fa:""}
.fa-buildings{--fa:"";--fa--fa:""}
.fa-bulldozer{--fa:"";--fa--fa:""}
.fa-bullhorn{--fa:"";--fa--fa:""}
.fa-bullseye{--fa:"";--fa--fa:""}
.fa-bullseye-arrow{--fa:"";--fa--fa:""}
.fa-bullseye-pointer{--fa:"";--fa--fa:""}
.fa-buoy{--fa:"";--fa--fa:""}
.fa-buoy-mooring{--fa:"";--fa--fa:""}
.fa-burger{--fa:"";--fa--fa:""}
.fa-burger-cheese{--fa:"";--fa--fa:""}
.fa-burger-fries{--fa:"";--fa--fa:""}
.fa-burger-glass{--fa:"";--fa--fa:""}
.fa-burger-lettuce{--fa:"";--fa--fa:""}
.fa-burger-soda{--fa:"";--fa--fa:""}
.fa-burn{--fa:"";--fa--fa:""}
.fa-burrito{--fa:"";--fa--fa:""}
.fa-burst{--fa:"";--fa--fa:""}
.fa-bus{--fa:"";--fa--fa:""}
.fa-bus-alt{--fa:"";--fa--fa:""}
.fa-bus-school{--fa:"";--fa--fa:""}
.fa-bus-simple{--fa:"";--fa--fa:""}
.fa-business-front{--fa:"";--fa--fa:""}
.fa-business-time{--fa:"";--fa--fa:""}
.fa-butter{--fa:"";--fa--fa:""}
.fa-c{--fa:"C";--fa--fa:"CC"}
.fa-cab{--fa:"";--fa--fa:""}
.fa-cabin{--fa:"";--fa--fa:""}
.fa-cabinet-filing{--fa:"";--fa--fa:""}
.fa-cable-car{--fa:"";--fa--fa:""}
.fa-cactus{--fa:"";--fa--fa:""}
.fa-caduceus{--fa:"";--fa--fa:""}
.fa-cake{--fa:"";--fa--fa:""}
.fa-cake-candles{--fa:"";--fa--fa:""}
.fa-cake-slice{--fa:"";--fa--fa:""}
.fa-calculator{--fa:"";--fa--fa:""}
.fa-calculator-alt{--fa:"";--fa--fa:""}
.fa-calculator-simple{--fa:"";--fa--fa:""}
.fa-calendar{--fa:"";--fa--fa:""}
.fa-calendar-alt{--fa:"";--fa--fa:""}
.fa-calendar-arrow-down{--fa:"";--fa--fa:""}
.fa-calendar-arrow-up{--fa:"";--fa--fa:""}
.fa-calendar-check{--fa:"";--fa--fa:""}
.fa-calendar-circle{--fa:"";--fa--fa:""}
.fa-calendar-circle-exclamation{--fa:"";--fa--fa:""}
.fa-calendar-circle-minus{--fa:"";--fa--fa:""}
.fa-calendar-circle-plus{--fa:"";--fa--fa:""}
.fa-calendar-circle-user{--fa:"";--fa--fa:""}
.fa-calendar-clock{--fa:"";--fa--fa:""}
.fa-calendar-day{--fa:"";--fa--fa:""}
.fa-calendar-days{--fa:"";--fa--fa:""}
.fa-calendar-download{--fa:"";--fa--fa:""}
.fa-calendar-edit{--fa:"";--fa--fa:""}
.fa-calendar-exclamation{--fa:"";--fa--fa:""}
.fa-calendar-heart{--fa:"";--fa--fa:""}
.fa-calendar-image{--fa:"";--fa--fa:""}
.fa-calendar-lines{--fa:"";--fa--fa:""}
.fa-calendar-lines-pen{--fa:"";--fa--fa:""}
.fa-calendar-minus{--fa:"";--fa--fa:""}
.fa-calendar-note{--fa:"";--fa--fa:""}
.fa-calendar-pen{--fa:"";--fa--fa:""}
.fa-calendar-plus{--fa:"";--fa--fa:""}
.fa-calendar-range{--fa:"";--fa--fa:""}
.fa-calendar-star{--fa:"";--fa--fa:""}
.fa-calendar-time{--fa:"";--fa--fa:""}
.fa-calendar-times{--fa:"";--fa--fa:""}
.fa-calendar-upload{--fa:"";--fa--fa:""}
.fa-calendar-users{--fa:"";--fa--fa:""}
.fa-calendar-week{--fa:"";--fa--fa:""}
.fa-calendar-xmark{--fa:"";--fa--fa:""}
.fa-calendars{--fa:"";--fa--fa:""}
.fa-camcorder{--fa:"";--fa--fa:""}
.fa-camera{--fa:"";--fa--fa:""}
.fa-camera-alt{--fa:"";--fa--fa:""}
.fa-camera-cctv{--fa:"";--fa--fa:""}
.fa-camera-circle{--fa:"";--fa--fa:""}
.fa-camera-home{--fa:"";--fa--fa:""}
.fa-camera-movie{--fa:"";--fa--fa:""}
.fa-camera-polaroid{--fa:"";--fa--fa:""}
.fa-camera-retro{--fa:"";--fa--fa:""}
.fa-camera-rotate{--fa:"";--fa--fa:""}
.fa-camera-security{--fa:"";--fa--fa:""}
.fa-camera-slash{--fa:"";--fa--fa:""}
.fa-camera-viewfinder{--fa:"";--fa--fa:""}
.fa-camera-web{--fa:"";--fa--fa:""}
.fa-camera-web-slash{--fa:"";--fa--fa:""}
.fa-campfire{--fa:"";--fa--fa:""}
.fa-campground{--fa:"";--fa--fa:""}
.fa-can-food{--fa:"";--fa--fa:""}
.fa-cancel{--fa:"";--fa--fa:""}
.fa-candle-holder{--fa:"";--fa--fa:""}
.fa-candy{--fa:"";--fa--fa:""}
.fa-candy-bar{--fa:"";--fa--fa:""}
.fa-candy-cane{--fa:"";--fa--fa:""}
.fa-candy-corn{--fa:"";--fa--fa:""}
.fa-cannabis{--fa:"";--fa--fa:""}
.fa-cannon{--fa:"";--fa--fa:""}
.fa-capsules{--fa:"";--fa--fa:""}
.fa-car{--fa:"";--fa--fa:""}
.fa-car-alt{--fa:"";--fa--fa:""}
.fa-car-battery{--fa:"";--fa--fa:""}
.fa-car-bolt{--fa:"";--fa--fa:""}
.fa-car-building{--fa:"";--fa--fa:""}
.fa-car-bump{--fa:"";--fa--fa:""}
.fa-car-burst{--fa:"";--fa--fa:""}
.fa-car-bus{--fa:"";--fa--fa:""}
.fa-car-circle-bolt{--fa:"";--fa--fa:""}
.fa-car-crash{--fa:"";--fa--fa:""}
.fa-car-garage{--fa:"";--fa--fa:""}
.fa-car-mechanic{--fa:"";--fa--fa:""}
.fa-car-mirrors{--fa:"";--fa--fa:""}
.fa-car-on{--fa:"";--fa--fa:""}
.fa-car-people{--fa:"";--fa--fa:""}
.fa-car-rear{--fa:"";--fa--fa:""}
.fa-car-side{--fa:"";--fa--fa:""}
.fa-car-side-bolt{--fa:"";--fa--fa:""}
.fa-car-tilt{--fa:"";--fa--fa:""}
.fa-car-tunnel{--fa:"";--fa--fa:""}
.fa-car-wash{--fa:"";--fa--fa:""}
.fa-car-wrench{--fa:"";--fa--fa:""}
.fa-caravan{--fa:"";--fa--fa:""}
.fa-caravan-alt{--fa:"";--fa--fa:""}
.fa-caravan-simple{--fa:"";--fa--fa:""}
.fa-card-club{--fa:"";--fa--fa:""}
.fa-card-diamond{--fa:"";--fa--fa:""}
.fa-card-heart{--fa:"";--fa--fa:""}
.fa-card-spade{--fa:"";--fa--fa:""}
.fa-cards{--fa:"";--fa--fa:""}
.fa-cards-blank{--fa:"";--fa--fa:""}
.fa-caret-circle-down{--fa:"";--fa--fa:""}
.fa-caret-circle-left{--fa:"";--fa--fa:""}
.fa-caret-circle-right{--fa:"";--fa--fa:""}
.fa-caret-circle-up{--fa:"";--fa--fa:""}
.fa-caret-down{--fa:"";--fa--fa:""}
.fa-caret-left{--fa:"";--fa--fa:""}
.fa-caret-right{--fa:"";--fa--fa:""}
.fa-caret-square-down{--fa:"";--fa--fa:""}
.fa-caret-square-left{--fa:"";--fa--fa:""}
.fa-caret-square-right{--fa:"";--fa--fa:""}
.fa-caret-square-up{--fa:"";--fa--fa:""}
.fa-caret-up{--fa:"";--fa--fa:""}
.fa-carpool{--fa:"";--fa--fa:""}
.fa-carriage-baby{--fa:"";--fa--fa:""}
.fa-carrot{--fa:"";--fa--fa:""}
.fa-cars{--fa:"";--fa--fa:""}
.fa-cart-arrow-down{--fa:"";--fa--fa:""}
.fa-cart-arrow-up{--fa:"";--fa--fa:""}
.fa-cart-circle-arrow-down{--fa:"";--fa--fa:""}
.fa-cart-circle-arrow-up{--fa:"";--fa--fa:""}
.fa-cart-circle-check{--fa:"";--fa--fa:""}
.fa-cart-circle-exclamation{--fa:"";--fa--fa:""}
.fa-cart-circle-plus{--fa:"";--fa--fa:""}
.fa-cart-circle-xmark{--fa:"";--fa--fa:""}
.fa-cart-flatbed{--fa:"";--fa--fa:""}
.fa-cart-flatbed-boxes{--fa:"";--fa--fa:""}
.fa-cart-flatbed-empty{--fa:"";--fa--fa:""}
.fa-cart-flatbed-suitcase{--fa:"";--fa--fa:""}
.fa-cart-minus{--fa:"";--fa--fa:""}
.fa-cart-plus{--fa:"";--fa--fa:""}
.fa-cart-shopping{--fa:"";--fa--fa:""}
.fa-cart-shopping-fast{--fa:"";--fa--fa:""}
.fa-cart-xmark{--fa:"";--fa--fa:""}
.fa-cash-register{--fa:"";--fa--fa:""}
.fa-cassette-betamax{--fa:"";--fa--fa:""}
.fa-cassette-tape{--fa:"";--fa--fa:""}
.fa-cassette-vhs{--fa:"";--fa--fa:""}
.fa-castle{--fa:"";--fa--fa:""}
.fa-cat{--fa:"";--fa--fa:""}
.fa-cat-space{--fa:"";--fa--fa:""}
.fa-cauldron{--fa:"";--fa--fa:""}
.fa-cctv{--fa:"";--fa--fa:""}
.fa-cedi-sign{--fa:"";--fa--fa:""}
.fa-cent-sign{--fa:"";--fa--fa:""}
.fa-certificate{--fa:"";--fa--fa:""}
.fa-chain{--fa:"";--fa--fa:""}
.fa-chain-broken{--fa:"";--fa--fa:""}
.fa-chain-horizontal{--fa:"";--fa--fa:""}
.fa-chain-horizontal-slash{--fa:"";--fa--fa:""}
.fa-chain-slash{--fa:"";--fa--fa:""}
.fa-chair{--fa:"";--fa--fa:""}
.fa-chair-office{--fa:"";--fa--fa:""}
.fa-chalkboard{--fa:"";--fa--fa:""}
.fa-chalkboard-teacher{--fa:"";--fa--fa:""}
.fa-chalkboard-user{--fa:"";--fa--fa:""}
.fa-champagne-glass{--fa:"";--fa--fa:""}
.fa-champagne-glasses{--fa:"";--fa--fa:""}
.fa-charging-station{--fa:"";--fa--fa:""}
.fa-chart-area{--fa:"";--fa--fa:""}
.fa-chart-bar{--fa:"";--fa--fa:""}
.fa-chart-bullet{--fa:"";--fa--fa:""}
.fa-chart-candlestick{--fa:"";--fa--fa:""}
.fa-chart-column{--fa:"";--fa--fa:""}
.fa-chart-diagram{--fa:"";--fa--fa:""}
.fa-chart-fft{--fa:"";--fa--fa:""}
.fa-chart-gantt{--fa:"";--fa--fa:""}
.fa-chart-kanban{--fa:"";--fa--fa:""}
.fa-chart-line{--fa:"";--fa--fa:""}
.fa-chart-line-down{--fa:"";--fa--fa:""}
.fa-chart-line-up{--fa:"";--fa--fa:""}
.fa-chart-line-up-down{--fa:"";--fa--fa:""}
.fa-chart-mixed{--fa:"";--fa--fa:""}
.fa-chart-mixed-up-circle-currency{--fa:"";--fa--fa:""}
.fa-chart-mixed-up-circle-dollar{--fa:"";--fa--fa:""}
.fa-chart-network{--fa:"";--fa--fa:""}
.fa-chart-pie{--fa:"";--fa--fa:""}
.fa-chart-pie-alt{--fa:"";--fa--fa:""}
.fa-chart-pie-simple{--fa:"";--fa--fa:""}
.fa-chart-pie-simple-circle-currency{--fa:"";--fa--fa:""}
.fa-chart-pie-simple-circle-dollar{--fa:"";--fa--fa:""}
.fa-chart-pyramid{--fa:"";--fa--fa:""}
.fa-chart-radar{--fa:"";--fa--fa:""}
.fa-chart-scatter{--fa:"";--fa--fa:""}
.fa-chart-scatter-3d{--fa:"";--fa--fa:""}
.fa-chart-scatter-bubble{--fa:"";--fa--fa:""}
.fa-chart-simple{--fa:"";--fa--fa:""}
.fa-chart-simple-horizontal{--fa:"";--fa--fa:""}
.fa-chart-sine{--fa:"";--fa--fa:""}
.fa-chart-tree-map{--fa:"";--fa--fa:""}
.fa-chart-user{--fa:"";--fa--fa:""}
.fa-chart-waterfall{--fa:"";--fa--fa:""}
.fa-check{--fa:"";--fa--fa:""}
.fa-check-circle{--fa:"";--fa--fa:""}
.fa-check-double{--fa:"";--fa--fa:""}
.fa-check-square{--fa:"";--fa--fa:""}
.fa-check-to-slot{--fa:"";--fa--fa:""}
.fa-cheese{--fa:"";--fa--fa:""}
.fa-cheese-swiss{--fa:"";--fa--fa:""}
.fa-cheeseburger{--fa:"";--fa--fa:""}
.fa-cherries{--fa:"";--fa--fa:""}
.fa-chess{--fa:"";--fa--fa:""}
.fa-chess-bishop{--fa:"";--fa--fa:""}
.fa-chess-bishop-alt{--fa:"";--fa--fa:""}
.fa-chess-bishop-piece{--fa:"";--fa--fa:""}
.fa-chess-board{--fa:"";--fa--fa:""}
.fa-chess-clock{--fa:"";--fa--fa:""}
.fa-chess-clock-alt{--fa:"";--fa--fa:""}
.fa-chess-clock-flip{--fa:"";--fa--fa:""}
.fa-chess-king{--fa:"";--fa--fa:""}
.fa-chess-king-alt{--fa:"";--fa--fa:""}
.fa-chess-king-piece{--fa:"";--fa--fa:""}
.fa-chess-knight{--fa:"";--fa--fa:""}
.fa-chess-knight-alt{--fa:"";--fa--fa:""}
.fa-chess-knight-piece{--fa:"";--fa--fa:""}
.fa-chess-pawn{--fa:"";--fa--fa:""}
.fa-chess-pawn-alt{--fa:"";--fa--fa:""}
.fa-chess-pawn-piece{--fa:"";--fa--fa:""}
.fa-chess-queen{--fa:"";--fa--fa:""}
.fa-chess-queen-alt{--fa:"";--fa--fa:""}
.fa-chess-queen-piece{--fa:"";--fa--fa:""}
.fa-chess-rook{--fa:"";--fa--fa:""}
.fa-chess-rook-alt{--fa:"";--fa--fa:""}
.fa-chess-rook-piece{--fa:"";--fa--fa:""}
.fa-chestnut{--fa:"";--fa--fa:""}
.fa-chevron-circle-down{--fa:"";--fa--fa:""}
.fa-chevron-circle-left{--fa:"";--fa--fa:""}
.fa-chevron-circle-right{--fa:"";--fa--fa:""}
.fa-chevron-circle-up{--fa:"";--fa--fa:""}
.fa-chevron-double-down{--fa:"";--fa--fa:""}
.fa-chevron-double-left{--fa:"";--fa--fa:""}
.fa-chevron-double-right{--fa:"";--fa--fa:""}
.fa-chevron-double-up{--fa:"";--fa--fa:""}
.fa-chevron-down{--fa:"";--fa--fa:""}
.fa-chevron-left{--fa:"";--fa--fa:""}
.fa-chevron-right{--fa:"";--fa--fa:""}
.fa-chevron-square-down{--fa:"";--fa--fa:""}
.fa-chevron-square-left{--fa:"";--fa--fa:""}
.fa-chevron-square-right{--fa:"";--fa--fa:""}
.fa-chevron-square-up{--fa:"";--fa--fa:""}
.fa-chevron-up{--fa:"";--fa--fa:""}
.fa-chevrons-down{--fa:"";--fa--fa:""}
.fa-chevrons-left{--fa:"";--fa--fa:""}
.fa-chevrons-right{--fa:"";--fa--fa:""}
.fa-chevrons-up{--fa:"";--fa--fa:""}
.fa-chf-sign{--fa:"";--fa--fa:""}
.fa-child{--fa:"";--fa--fa:""}
.fa-child-combatant{--fa:"";--fa--fa:""}
.fa-child-dress{--fa:"";--fa--fa:""}
.fa-child-reaching{--fa:"";--fa--fa:""}
.fa-child-rifle{--fa:"";--fa--fa:""}
.fa-children{--fa:"";--fa--fa:""}
.fa-chimney{--fa:"";--fa--fa:""}
.fa-chocolate-bar{--fa:"";--fa--fa:""}
.fa-chopsticks{--fa:"";--fa--fa:""}
.fa-church{--fa:"";--fa--fa:""}
.fa-circle{--fa:"";--fa--fa:""}
.fa-circle-0{--fa:"";--fa--fa:""}
.fa-circle-1{--fa:"";--fa--fa:""}
.fa-circle-2{--fa:"";--fa--fa:""}
.fa-circle-3{--fa:"";--fa--fa:""}
.fa-circle-4{--fa:"";--fa--fa:""}
.fa-circle-5{--fa:"";--fa--fa:""}
.fa-circle-6{--fa:"";--fa--fa:""}
.fa-circle-7{--fa:"";--fa--fa:""}
.fa-circle-8{--fa:"";--fa--fa:""}
.fa-circle-9{--fa:"";--fa--fa:""}
.fa-circle-a{--fa:"";--fa--fa:""}
.fa-circle-ampersand{--fa:"";--fa--fa:""}
.fa-circle-arrow-down{--fa:"";--fa--fa:""}
.fa-circle-arrow-down-left{--fa:"";--fa--fa:""}
.fa-circle-arrow-down-right{--fa:"";--fa--fa:""}
.fa-circle-arrow-left{--fa:"";--fa--fa:""}
.fa-circle-arrow-right{--fa:"";--fa--fa:""}
.fa-circle-arrow-up{--fa:"";--fa--fa:""}
.fa-circle-arrow-up-left{--fa:"";--fa--fa:""}
.fa-circle-arrow-up-right{--fa:"";--fa--fa:""}
.fa-circle-b{--fa:"";--fa--fa:""}
.fa-circle-bolt{--fa:"";--fa--fa:""}
.fa-circle-book-open{--fa:"";--fa--fa:""}
.fa-circle-bookmark{--fa:"";--fa--fa:""}
.fa-circle-c{--fa:"";--fa--fa:""}
.fa-circle-calendar{--fa:"";--fa--fa:""}
.fa-circle-camera{--fa:"";--fa--fa:""}
.fa-circle-caret-down{--fa:"";--fa--fa:""}
.fa-circle-caret-left{--fa:"";--fa--fa:""}
.fa-circle-caret-right{--fa:"";--fa--fa:""}
.fa-circle-caret-up{--fa:"";--fa--fa:""}
.fa-circle-check{--fa:"";--fa--fa:""}
.fa-circle-chevron-down{--fa:"";--fa--fa:""}
.fa-circle-chevron-left{--fa:"";--fa--fa:""}
.fa-circle-chevron-right{--fa:"";--fa--fa:""}
.fa-circle-chevron-up{--fa:"";--fa--fa:""}
.fa-circle-d{--fa:"";--fa--fa:""}
.fa-circle-dashed{--fa:"";--fa--fa:""}
.fa-circle-divide{--fa:"";--fa--fa:""}
.fa-circle-dollar{--fa:"";--fa--fa:""}
.fa-circle-dollar-to-slot{--fa:"";--fa--fa:""}
.fa-circle-dot{--fa:"";--fa--fa:""}
.fa-circle-down{--fa:"";--fa--fa:""}
.fa-circle-down-left{--fa:"";--fa--fa:""}
.fa-circle-down-right{--fa:"";--fa--fa:""}
.fa-circle-e{--fa:"";--fa--fa:""}
.fa-circle-ellipsis{--fa:"";--fa--fa:""}
.fa-circle-ellipsis-vertical{--fa:"";--fa--fa:""}
.fa-circle-envelope{--fa:"";--fa--fa:""}
.fa-circle-euro{--fa:"";--fa--fa:""}
.fa-circle-exclamation{--fa:"";--fa--fa:""}
.fa-circle-exclamation-check{--fa:"";--fa--fa:""}
.fa-circle-f{--fa:"";--fa--fa:""}
.fa-circle-g{--fa:"";--fa--fa:""}
.fa-circle-gf{--fa:"";--fa--fa:""}
.fa-circle-h{--fa:"";--fa--fa:""}
.fa-circle-half{--fa:"";--fa--fa:""}
.fa-circle-half-stroke{--fa:"";--fa--fa:""}
.fa-circle-heart{--fa:"";--fa--fa:""}
.fa-circle-i{--fa:"";--fa--fa:""}
.fa-circle-info{--fa:"";--fa--fa:""}
.fa-circle-j{--fa:"";--fa--fa:""}
.fa-circle-k{--fa:"";--fa--fa:""}
.fa-circle-l{--fa:"";--fa--fa:""}
.fa-circle-left{--fa:"";--fa--fa:""}
.fa-circle-location-arrow{--fa:"";--fa--fa:""}
.fa-circle-m{--fa:"";--fa--fa:""}
.fa-circle-microphone{--fa:"";--fa--fa:""}
.fa-circle-microphone-lines{--fa:"";--fa--fa:""}
.fa-circle-minus{--fa:"";--fa--fa:""}
.fa-circle-n{--fa:"";--fa--fa:""}
.fa-circle-nodes{--fa:"";--fa--fa:""}
.fa-circle-notch{--fa:"";--fa--fa:""}
.fa-circle-o{--fa:"";--fa--fa:""}
.fa-circle-p{--fa:"";--fa--fa:""}
.fa-circle-parking{--fa:"";--fa--fa:""}
.fa-circle-pause{--fa:"";--fa--fa:""}
.fa-circle-phone{--fa:"";--fa--fa:""}
.fa-circle-phone-flip{--fa:"";--fa--fa:""}
.fa-circle-phone-hangup{--fa:"";--fa--fa:""}
.fa-circle-play{--fa:"";--fa--fa:""}
.fa-circle-plus{--fa:"";--fa--fa:""}
.fa-circle-q{--fa:"";--fa--fa:""}
.fa-circle-quarter{--fa:"";--fa--fa:""}
.fa-circle-quarter-stroke{--fa:"";--fa--fa:""}
.fa-circle-quarters{--fa:"";--fa--fa:""}
.fa-circle-question{--fa:"";--fa--fa:""}
.fa-circle-r{--fa:"";--fa--fa:""}
.fa-circle-radiation{--fa:"";--fa--fa:""}
.fa-circle-right{--fa:"";--fa--fa:""}
.fa-circle-s{--fa:"";--fa--fa:""}
.fa-circle-small{--fa:"";--fa--fa:""}
.fa-circle-sort{--fa:"";--fa--fa:""}
.fa-circle-sort-down{--fa:"";--fa--fa:""}
.fa-circle-sort-up{--fa:"";--fa--fa:""}
.fa-circle-star{--fa:"";--fa--fa:""}
.fa-circle-sterling{--fa:"";--fa--fa:""}
.fa-circle-stop{--fa:"";--fa--fa:""}
.fa-circle-t{--fa:"";--fa--fa:""}
.fa-circle-three-quarters{--fa:"";--fa--fa:""}
.fa-circle-three-quarters-stroke{--fa:"";--fa--fa:""}
.fa-circle-trash{--fa:"";--fa--fa:""}
.fa-circle-u{--fa:"";--fa--fa:""}
.fa-circle-up{--fa:"";--fa--fa:""}
.fa-circle-up-left{--fa:"";--fa--fa:""}
.fa-circle-up-right{--fa:"";--fa--fa:""}
.fa-circle-user{--fa:"";--fa--fa:""}
.fa-circle-v{--fa:"";--fa--fa:""}
.fa-circle-video{--fa:"";--fa--fa:""}
.fa-circle-w{--fa:"";--fa--fa:""}
.fa-circle-waveform-lines{--fa:"";--fa--fa:""}
.fa-circle-wifi{--fa:"";--fa--fa:""}
.fa-circle-wifi-circle-wifi{--fa:"";--fa--fa:""}
.fa-circle-wifi-group{--fa:"";--fa--fa:""}
.fa-circle-x{--fa:"";--fa--fa:""}
.fa-circle-xmark{--fa:"";--fa--fa:""}
.fa-circle-y{--fa:"";--fa--fa:""}
.fa-circle-yen{--fa:"";--fa--fa:""}
.fa-circle-z{--fa:"";--fa--fa:""}
.fa-circles-overlap{--fa:"";--fa--fa:""}
.fa-circles-overlap-3{--fa:"";--fa--fa:""}
.fa-citrus{--fa:"";--fa--fa:""}
.fa-citrus-slice{--fa:"";--fa--fa:""}
.fa-city{--fa:"";--fa--fa:""}
.fa-clapperboard{--fa:"";--fa--fa:""}
.fa-clapperboard-play{--fa:"";--fa--fa:""}
.fa-clarinet{--fa:"";--fa--fa:""}
.fa-claw-marks{--fa:"";--fa--fa:""}
.fa-clinic-medical{--fa:"";--fa--fa:""}
.fa-clipboard{--fa:"";--fa--fa:""}
.fa-clipboard-check{--fa:"";--fa--fa:""}
.fa-clipboard-list{--fa:"";--fa--fa:""}
.fa-clipboard-list-check{--fa:"";--fa--fa:""}
.fa-clipboard-medical{--fa:"";--fa--fa:""}
.fa-clipboard-prescription{--fa:"";--fa--fa:""}
.fa-clipboard-question{--fa:"";--fa--fa:""}
.fa-clipboard-user{--fa:"";--fa--fa:""}
.fa-clock{--fa:"";--fa--fa:""}
.fa-clock-desk{--fa:"";--fa--fa:""}
.fa-clock-eight{--fa:"";--fa--fa:""}
.fa-clock-eight-thirty{--fa:"";--fa--fa:""}
.fa-clock-eleven{--fa:"";--fa--fa:""}
.fa-clock-eleven-thirty{--fa:"";--fa--fa:""}
.fa-clock-five{--fa:"";--fa--fa:""}
.fa-clock-five-thirty{--fa:"";--fa--fa:""}
.fa-clock-four{--fa:"";--fa--fa:""}
.fa-clock-four-thirty{--fa:"";--fa--fa:""}
.fa-clock-nine{--fa:"";--fa--fa:""}
.fa-clock-nine-thirty{--fa:"";--fa--fa:""}
.fa-clock-one{--fa:"";--fa--fa:""}
.fa-clock-one-thirty{--fa:"";--fa--fa:""}
.fa-clock-rotate-left{--fa:"";--fa--fa:""}
.fa-clock-seven{--fa:"";--fa--fa:""}
.fa-clock-seven-thirty{--fa:"";--fa--fa:""}
.fa-clock-six{--fa:"";--fa--fa:""}
.fa-clock-six-thirty{--fa:"";--fa--fa:""}
.fa-clock-ten{--fa:"";--fa--fa:""}
.fa-clock-ten-thirty{--fa:"";--fa--fa:""}
.fa-clock-three{--fa:"";--fa--fa:""}
.fa-clock-three-thirty{--fa:"";--fa--fa:""}
.fa-clock-twelve{--fa:"";--fa--fa:""}
.fa-clock-twelve-thirty{--fa:"";--fa--fa:""}
.fa-clock-two{--fa:"";--fa--fa:""}
.fa-clock-two-thirty{--fa:"";--fa--fa:""}
.fa-clone{--fa:"";--fa--fa:""}
.fa-close{--fa:"";--fa--fa:""}
.fa-closed-captioning{--fa:"";--fa--fa:""}
.fa-closed-captioning-slash{--fa:"";--fa--fa:""}
.fa-clothes-hanger{--fa:"";--fa--fa:""}
.fa-cloud{--fa:"";--fa--fa:""}
.fa-cloud-arrow-down{--fa:"";--fa--fa:""}
.fa-cloud-arrow-up{--fa:"";--fa--fa:""}
.fa-cloud-binary{--fa:"";--fa--fa:""}
.fa-cloud-bolt{--fa:"";--fa--fa:""}
.fa-cloud-bolt-moon{--fa:"";--fa--fa:""}
.fa-cloud-bolt-sun{--fa:"";--fa--fa:""}
.fa-cloud-check{--fa:"";--fa--fa:""}
.fa-cloud-download{--fa:"";--fa--fa:""}
.fa-cloud-download-alt{--fa:"";--fa--fa:""}
.fa-cloud-drizzle{--fa:"";--fa--fa:""}
.fa-cloud-exclamation{--fa:"";--fa--fa:""}
.fa-cloud-fog{--fa:"";--fa--fa:""}
.fa-cloud-hail{--fa:"";--fa--fa:""}
.fa-cloud-hail-mixed{--fa:"";--fa--fa:""}
.fa-cloud-meatball{--fa:"";--fa--fa:""}
.fa-cloud-minus{--fa:"";--fa--fa:""}
.fa-cloud-moon{--fa:"";--fa--fa:""}
.fa-cloud-moon-rain{--fa:"";--fa--fa:""}
.fa-cloud-music{--fa:"";--fa--fa:""}
.fa-cloud-plus{--fa:"";--fa--fa:""}
.fa-cloud-question{--fa:"";--fa--fa:""}
.fa-cloud-rain{--fa:"";--fa--fa:""}
.fa-cloud-rainbow{--fa:"";--fa--fa:""}
.fa-cloud-showers{--fa:"";--fa--fa:""}
.fa-cloud-showers-heavy{--fa:"";--fa--fa:""}
.fa-cloud-showers-water{--fa:"";--fa--fa:""}
.fa-cloud-slash{--fa:"";--fa--fa:""}
.fa-cloud-sleet{--fa:"";--fa--fa:""}
.fa-cloud-snow{--fa:"";--fa--fa:""}
.fa-cloud-sun{--fa:"";--fa--fa:""}
.fa-cloud-sun-rain{--fa:"";--fa--fa:""}
.fa-cloud-upload{--fa:"";--fa--fa:""}
.fa-cloud-upload-alt{--fa:"";--fa--fa:""}
.fa-cloud-word{--fa:"";--fa--fa:""}
.fa-cloud-xmark{--fa:"";--fa--fa:""}
.fa-clouds{--fa:"";--fa--fa:""}
.fa-clouds-moon{--fa:"";--fa--fa:""}
.fa-clouds-sun{--fa:"";--fa--fa:""}
.fa-clover{--fa:"";--fa--fa:""}
.fa-club{--fa:"";--fa--fa:""}
.fa-cny{--fa:"";--fa--fa:""}
.fa-cocktail{--fa:"";--fa--fa:""}
.fa-coconut{--fa:"";--fa--fa:""}
.fa-code{--fa:"";--fa--fa:""}
.fa-code-branch{--fa:"";--fa--fa:""}
.fa-code-commit{--fa:"";--fa--fa:""}
.fa-code-compare{--fa:"";--fa--fa:""}
.fa-code-fork{--fa:"";--fa--fa:""}
.fa-code-merge{--fa:"";--fa--fa:""}
.fa-code-pull-request{--fa:"";--fa--fa:""}
.fa-code-pull-request-closed{--fa:"";--fa--fa:""}
.fa-code-pull-request-draft{--fa:"";--fa--fa:""}
.fa-code-simple{--fa:"";--fa--fa:""}
.fa-coffee{--fa:"";--fa--fa:""}
.fa-coffee-bean{--fa:"";--fa--fa:""}
.fa-coffee-beans{--fa:"";--fa--fa:""}
.fa-coffee-pot{--fa:"";--fa--fa:""}
.fa-coffee-togo{--fa:"";--fa--fa:""}
.fa-coffin{--fa:"";--fa--fa:""}
.fa-coffin-cross{--fa:"";--fa--fa:""}
.fa-cog{--fa:"";--fa--fa:""}
.fa-cogs{--fa:"";--fa--fa:""}
.fa-coin{--fa:"";--fa--fa:""}
.fa-coin-blank{--fa:"";--fa--fa:""}
.fa-coin-front{--fa:"";--fa--fa:""}
.fa-coin-vertical{--fa:"";--fa--fa:""}
.fa-coins{--fa:"";--fa--fa:""}
.fa-colon{--fa:":";--fa--fa:"::"}
.fa-colon-sign{--fa:"";--fa--fa:""}
.fa-columns{--fa:"";--fa--fa:""}
.fa-columns-3{--fa:"";--fa--fa:""}
.fa-comet{--fa:"";--fa--fa:""}
.fa-comma{--fa:",";--fa--fa:",,"}
.fa-command{--fa:"";--fa--fa:""}
.fa-comment{--fa:"";--fa--fa:""}
.fa-comment-alt{--fa:"";--fa--fa:""}
.fa-comment-alt-arrow-down{--fa:"";--fa--fa:""}
.fa-comment-alt-arrow-up{--fa:"";--fa--fa:""}
.fa-comment-alt-captions{--fa:"";--fa--fa:""}
.fa-comment-alt-check{--fa:"";--fa--fa:""}
.fa-comment-alt-dollar{--fa:"";--fa--fa:""}
.fa-comment-alt-dots{--fa:"";--fa--fa:""}
.fa-comment-alt-edit{--fa:"";--fa--fa:""}
.fa-comment-alt-exclamation{--fa:"";--fa--fa:""}
.fa-comment-alt-image{--fa:"";--fa--fa:""}
.fa-comment-alt-lines{--fa:"";--fa--fa:""}
.fa-comment-alt-medical{--fa:"";--fa--fa:""}
.fa-comment-alt-minus{--fa:"";--fa--fa:""}
.fa-comment-alt-music{--fa:"";--fa--fa:""}
.fa-comment-alt-plus{--fa:"";--fa--fa:""}
.fa-comment-alt-quote{--fa:"";--fa--fa:""}
.fa-comment-alt-slash{--fa:"";--fa--fa:""}
.fa-comment-alt-smile{--fa:"";--fa--fa:""}
.fa-comment-alt-text{--fa:"";--fa--fa:""}
.fa-comment-alt-times{--fa:"";--fa--fa:""}
.fa-comment-arrow-down{--fa:"";--fa--fa:""}
.fa-comment-arrow-up{--fa:"";--fa--fa:""}
.fa-comment-arrow-up-right{--fa:"";--fa--fa:""}
.fa-comment-captions{--fa:"";--fa--fa:""}
.fa-comment-check{--fa:"";--fa--fa:""}
.fa-comment-code{--fa:"";--fa--fa:""}
.fa-comment-dollar{--fa:"";--fa--fa:""}
.fa-comment-dots{--fa:"";--fa--fa:""}
.fa-comment-edit{--fa:"";--fa--fa:""}
.fa-comment-exclamation{--fa:"";--fa--fa:""}
.fa-comment-heart{--fa:"";--fa--fa:""}
.fa-comment-image{--fa:"";--fa--fa:""}
.fa-comment-lines{--fa:"";--fa--fa:""}
.fa-comment-medical{--fa:"";--fa--fa:""}
.fa-comment-middle{--fa:"";--fa--fa:""}
.fa-comment-middle-alt{--fa:"";--fa--fa:""}
.fa-comment-middle-top{--fa:"";--fa--fa:""}
.fa-comment-middle-top-alt{--fa:"";--fa--fa:""}
.fa-comment-minus{--fa:"";--fa--fa:""}
.fa-comment-music{--fa:"";--fa--fa:""}
.fa-comment-nodes{--fa:"";--fa--fa:""}
.fa-comment-pen{--fa:"";--fa--fa:""}
.fa-comment-plus{--fa:"";--fa--fa:""}
.fa-comment-question{--fa:"";--fa--fa:""}
.fa-comment-quote{--fa:"";--fa--fa:""}
.fa-comment-slash{--fa:"";--fa--fa:""}
.fa-comment-smile{--fa:"";--fa--fa:""}
.fa-comment-sms{--fa:"";--fa--fa:""}
.fa-comment-text{--fa:"";--fa--fa:""}
.fa-comment-times{--fa:"";--fa--fa:""}
.fa-comment-xmark{--fa:"";--fa--fa:""}
.fa-commenting{--fa:"";--fa--fa:""}
.fa-comments{--fa:"";--fa--fa:""}
.fa-comments-alt{--fa:"";--fa--fa:""}
.fa-comments-alt-dollar{--fa:"";--fa--fa:""}
.fa-comments-dollar{--fa:"";--fa--fa:""}
.fa-comments-question{--fa:"";--fa--fa:""}
.fa-comments-question-check{--fa:"";--fa--fa:""}
.fa-compact-disc{--fa:"";--fa--fa:""}
.fa-compass{--fa:"";--fa--fa:""}
.fa-compass-drafting{--fa:"";--fa--fa:""}
.fa-compass-slash{--fa:"";--fa--fa:""}
.fa-compress{--fa:"";--fa--fa:""}
.fa-compress-alt{--fa:"";--fa--fa:""}
.fa-compress-arrows{--fa:"";--fa--fa:""}
.fa-compress-arrows-alt{--fa:"";--fa--fa:""}
.fa-compress-wide{--fa:"";--fa--fa:""}
.fa-computer{--fa:"";--fa--fa:""}
.fa-computer-classic{--fa:"";--fa--fa:""}
.fa-computer-mouse{--fa:"";--fa--fa:""}
.fa-computer-mouse-scrollwheel{--fa:"";--fa--fa:""}
.fa-computer-speaker{--fa:"";--fa--fa:""}
.fa-concierge-bell{--fa:"";--fa--fa:""}
.fa-construction{--fa:"";--fa--fa:""}
.fa-contact-book{--fa:"";--fa--fa:""}
.fa-contact-card{--fa:"";--fa--fa:""}
.fa-container-storage{--fa:"";--fa--fa:""}
.fa-conveyor-belt{--fa:"";--fa--fa:""}
.fa-conveyor-belt-alt{--fa:"";--fa--fa:""}
.fa-conveyor-belt-arm{--fa:"";--fa--fa:""}
.fa-conveyor-belt-boxes{--fa:"";--fa--fa:""}
.fa-conveyor-belt-empty{--fa:"";--fa--fa:""}
.fa-cookie{--fa:"";--fa--fa:""}
.fa-cookie-bite{--fa:"";--fa--fa:""}
.fa-copy{--fa:"";--fa--fa:""}
.fa-copyright{--fa:"";--fa--fa:""}
.fa-corn{--fa:"";--fa--fa:""}
.fa-corner{--fa:"";--fa--fa:""}
.fa-couch{--fa:"";--fa--fa:""}
.fa-couch-small{--fa:"";--fa--fa:""}
.fa-court-sport{--fa:"";--fa--fa:""}
.fa-cow{--fa:"";--fa--fa:""}
.fa-cowbell{--fa:"";--fa--fa:""}
.fa-cowbell-circle-plus{--fa:"";--fa--fa:""}
.fa-cowbell-more{--fa:"";--fa--fa:""}
.fa-crab{--fa:"";--fa--fa:""}
.fa-crate-apple{--fa:"";--fa--fa:""}
.fa-crate-empty{--fa:"";--fa--fa:""}
.fa-credit-card{--fa:"";--fa--fa:""}
.fa-credit-card-alt{--fa:"";--fa--fa:""}
.fa-credit-card-blank{--fa:"";--fa--fa:""}
.fa-credit-card-front{--fa:"";--fa--fa:""}
.fa-creemee{--fa:"";--fa--fa:""}
.fa-cricket{--fa:"";--fa--fa:""}
.fa-cricket-bat-ball{--fa:"";--fa--fa:""}
.fa-croissant{--fa:"";--fa--fa:""}
.fa-crop{--fa:"";--fa--fa:""}
.fa-crop-alt{--fa:"";--fa--fa:""}
.fa-crop-simple{--fa:"";--fa--fa:""}
.fa-cross{--fa:"";--fa--fa:""}
.fa-crosshairs{--fa:"";--fa--fa:""}
.fa-crosshairs-simple{--fa:"";--fa--fa:""}
.fa-crow{--fa:"";--fa--fa:""}
.fa-crown{--fa:"";--fa--fa:""}
.fa-crutch{--fa:"";--fa--fa:""}
.fa-crutches{--fa:"";--fa--fa:""}
.fa-cruzeiro-sign{--fa:"";--fa--fa:""}
.fa-crystal-ball{--fa:"";--fa--fa:""}
.fa-cube{--fa:"";--fa--fa:""}
.fa-cubes{--fa:"";--fa--fa:""}
.fa-cubes-stacked{--fa:"";--fa--fa:""}
.fa-cucumber{--fa:"";--fa--fa:""}
.fa-cup-straw{--fa:"";--fa--fa:""}
.fa-cup-straw-swoosh{--fa:"";--fa--fa:""}
.fa-cup-togo{--fa:"";--fa--fa:""}
.fa-cupcake{--fa:"";--fa--fa:""}
.fa-curling{--fa:"";--fa--fa:""}
.fa-curling-stone{--fa:"";--fa--fa:""}
.fa-custard{--fa:"";--fa--fa:""}
.fa-cut{--fa:"";--fa--fa:""}
.fa-cutlery{--fa:"";--fa--fa:""}
.fa-d{--fa:"D";--fa--fa:"DD"}
.fa-dagger{--fa:"";--fa--fa:""}
.fa-dash{--fa:"";--fa--fa:""}
.fa-dashboard{--fa:"";--fa--fa:""}
.fa-database{--fa:"";--fa--fa:""}
.fa-deaf{--fa:"";--fa--fa:""}
.fa-deafness{--fa:"";--fa--fa:""}
.fa-debug{--fa:"";--fa--fa:""}
.fa-dedent{--fa:"";--fa--fa:""}
.fa-deer{--fa:"";--fa--fa:""}
.fa-deer-rudolph{--fa:"";--fa--fa:""}
.fa-delete-left{--fa:"";--fa--fa:""}
.fa-delete-right{--fa:"";--fa--fa:""}
.fa-democrat{--fa:"";--fa--fa:""}
.fa-desktop{--fa:"";--fa--fa:""}
.fa-desktop-alt{--fa:"";--fa--fa:""}
.fa-desktop-arrow-down{--fa:"";--fa--fa:""}
.fa-desktop-code{--fa:"";--fa--fa:""}
.fa-desktop-medical{--fa:"";--fa--fa:""}
.fa-desktop-slash{--fa:"";--fa--fa:""}
.fa-dewpoint{--fa:"";--fa--fa:""}
.fa-dharmachakra{--fa:"";--fa--fa:""}
.fa-diagnoses{--fa:"";--fa--fa:""}
.fa-diagram-cells{--fa:"";--fa--fa:""}
.fa-diagram-lean-canvas{--fa:"";--fa--fa:""}
.fa-diagram-nested{--fa:"";--fa--fa:""}
.fa-diagram-next{--fa:"";--fa--fa:""}
.fa-diagram-predecessor{--fa:"";--fa--fa:""}
.fa-diagram-previous{--fa:"";--fa--fa:""}
.fa-diagram-project{--fa:"";--fa--fa:""}
.fa-diagram-sankey{--fa:"";--fa--fa:""}
.fa-diagram-subtask{--fa:"";--fa--fa:""}
.fa-diagram-successor{--fa:"";--fa--fa:""}
.fa-diagram-venn{--fa:"";--fa--fa:""}
.fa-dial{--fa:"";--fa--fa:""}
.fa-dial-high{--fa:"";--fa--fa:""}
.fa-dial-low{--fa:"";--fa--fa:""}
.fa-dial-max{--fa:"";--fa--fa:""}
.fa-dial-med{--fa:"";--fa--fa:""}
.fa-dial-med-high{--fa:"";--fa--fa:""}
.fa-dial-med-low{--fa:"";--fa--fa:""}
.fa-dial-min{--fa:"";--fa--fa:""}
.fa-dial-off{--fa:"";--fa--fa:""}
.fa-diamond{--fa:"";--fa--fa:""}
.fa-diamond-exclamation{--fa:"";--fa--fa:""}
.fa-diamond-half{--fa:"";--fa--fa:""}
.fa-diamond-half-stroke{--fa:"";--fa--fa:""}
.fa-diamond-turn-right{--fa:"";--fa--fa:""}
.fa-diamonds-4{--fa:"";--fa--fa:""}
.fa-dice{--fa:"";--fa--fa:""}
.fa-dice-d10{--fa:"";--fa--fa:""}
.fa-dice-d12{--fa:"";--fa--fa:""}
.fa-dice-d20{--fa:"";--fa--fa:""}
.fa-dice-d4{--fa:"";--fa--fa:""}
.fa-dice-d6{--fa:"";--fa--fa:""}
.fa-dice-d8{--fa:"";--fa--fa:""}
.fa-dice-five{--fa:"";--fa--fa:""}
.fa-dice-four{--fa:"";--fa--fa:""}
.fa-dice-one{--fa:"";--fa--fa:""}
.fa-dice-six{--fa:"";--fa--fa:""}
.fa-dice-three{--fa:"";--fa--fa:""}
.fa-dice-two{--fa:"";--fa--fa:""}
.fa-digging{--fa:"";--fa--fa:""}
.fa-digital-tachograph{--fa:"";--fa--fa:""}
.fa-dinosaur{--fa:"";--fa--fa:""}
.fa-diploma{--fa:"";--fa--fa:""}
.fa-directions{--fa:"";--fa--fa:""}
.fa-disc-drive{--fa:"";--fa--fa:""}
.fa-disease{--fa:"";--fa--fa:""}
.fa-display{--fa:"";--fa--fa:""}
.fa-display-arrow-down{--fa:"";--fa--fa:""}
.fa-display-chart-up{--fa:"";--fa--fa:""}
.fa-display-chart-up-circle-currency{--fa:"";--fa--fa:""}
.fa-display-chart-up-circle-dollar{--fa:"";--fa--fa:""}
.fa-display-code{--fa:"";--fa--fa:""}
.fa-display-medical{--fa:"";--fa--fa:""}
.fa-display-slash{--fa:"";--fa--fa:""}
.fa-distribute-spacing-horizontal{--fa:"";--fa--fa:""}
.fa-distribute-spacing-vertical{--fa:"";--fa--fa:""}
.fa-ditto{--fa:"\"";--fa--fa:"\"\""}
.fa-divide{--fa:"";--fa--fa:""}
.fa-dizzy{--fa:"";--fa--fa:""}
.fa-dna{--fa:"";--fa--fa:""}
.fa-do-not-enter{--fa:"";--fa--fa:""}
.fa-dog{--fa:"";--fa--fa:""}
.fa-dog-leashed{--fa:"";--fa--fa:""}
.fa-dollar{--fa:"$";--fa--fa:"$$"}
.fa-dollar-circle{--fa:"";--fa--fa:""}
.fa-dollar-sign{--fa:"$";--fa--fa:"$$"}
.fa-dollar-square{--fa:"";--fa--fa:""}
.fa-dolly{--fa:"";--fa--fa:""}
.fa-dolly-box{--fa:"";--fa--fa:""}
.fa-dolly-empty{--fa:"";--fa--fa:""}
.fa-dolly-flatbed{--fa:"";--fa--fa:""}
.fa-dolly-flatbed-alt{--fa:"";--fa--fa:""}
.fa-dolly-flatbed-empty{--fa:"";--fa--fa:""}
.fa-dolphin{--fa:"";--fa--fa:""}
.fa-donate{--fa:"";--fa--fa:""}
.fa-dong-sign{--fa:"";--fa--fa:""}
.fa-donut{--fa:"";--fa--fa:""}
.fa-door-closed{--fa:"";--fa--fa:""}
.fa-door-open{--fa:"";--fa--fa:""}
.fa-dot-circle{--fa:"";--fa--fa:""}
.fa-doughnut{--fa:"";--fa--fa:""}
.fa-dove{--fa:"";--fa--fa:""}
.fa-down{--fa:"";--fa--fa:""}
.fa-down-from-bracket{--fa:"";--fa--fa:""}
.fa-down-from-dotted-line{--fa:"";--fa--fa:""}
.fa-down-from-line{--fa:"";--fa--fa:""}
.fa-down-left{--fa:"";--fa--fa:""}
.fa-down-left-and-up-right-to-center{--fa:"";--fa--fa:""}
.fa-down-long{--fa:"";--fa--fa:""}
.fa-down-right{--fa:"";--fa--fa:""}
.fa-down-to-bracket{--fa:"";--fa--fa:""}
.fa-down-to-dotted-line{--fa:"";--fa--fa:""}
.fa-down-to-line{--fa:"";--fa--fa:""}
.fa-download{--fa:"";--fa--fa:""}
.fa-drafting-compass{--fa:"";--fa--fa:""}
.fa-dragon{--fa:"";--fa--fa:""}
.fa-draw-circle{--fa:"";--fa--fa:""}
.fa-draw-polygon{--fa:"";--fa--fa:""}
.fa-draw-square{--fa:"";--fa--fa:""}
.fa-dreidel{--fa:"";--fa--fa:""}
.fa-drivers-license{--fa:"";--fa--fa:""}
.fa-drone{--fa:"";--fa--fa:""}
.fa-drone-alt{--fa:"";--fa--fa:""}
.fa-drone-front{--fa:"";--fa--fa:""}
.fa-droplet{--fa:"";--fa--fa:""}
.fa-droplet-degree{--fa:"";--fa--fa:""}
.fa-droplet-percent{--fa:"";--fa--fa:""}
.fa-droplet-slash{--fa:"";--fa--fa:""}
.fa-drum{--fa:"";--fa--fa:""}
.fa-drum-steelpan{--fa:"";--fa--fa:""}
.fa-drumstick{--fa:"";--fa--fa:""}
.fa-drumstick-bite{--fa:"";--fa--fa:""}
.fa-dryer{--fa:"";--fa--fa:""}
.fa-dryer-alt{--fa:"";--fa--fa:""}
.fa-dryer-heat{--fa:"";--fa--fa:""}
.fa-duck{--fa:"";--fa--fa:""}
.fa-dumbbell{--fa:"";--fa--fa:""}
.fa-dumpster{--fa:"";--fa--fa:""}
.fa-dumpster-fire{--fa:"";--fa--fa:""}
.fa-dungeon{--fa:"";--fa--fa:""}
.fa-e{--fa:"E";--fa--fa:"EE"}
.fa-ear{--fa:"";--fa--fa:""}
.fa-ear-deaf{--fa:"";--fa--fa:""}
.fa-ear-listen{--fa:"";--fa--fa:""}
.fa-ear-muffs{--fa:"";--fa--fa:""}
.fa-earth{--fa:"";--fa--fa:""}
.fa-earth-africa{--fa:"";--fa--fa:""}
.fa-earth-america{--fa:"";--fa--fa:""}
.fa-earth-americas{--fa:"";--fa--fa:""}
.fa-earth-asia{--fa:"";--fa--fa:""}
.fa-earth-europe{--fa:"";--fa--fa:""}
.fa-earth-oceania{--fa:"";--fa--fa:""}
.fa-eclipse{--fa:"";--fa--fa:""}
.fa-eclipse-alt{--fa:"";--fa--fa:""}
.fa-edit{--fa:"";--fa--fa:""}
.fa-egg{--fa:"";--fa--fa:""}
.fa-egg-fried{--fa:"";--fa--fa:""}
.fa-eggplant{--fa:"";--fa--fa:""}
.fa-eject{--fa:"";--fa--fa:""}
.fa-elephant{--fa:"";--fa--fa:""}
.fa-elevator{--fa:"";--fa--fa:""}
.fa-ellipsis{--fa:"";--fa--fa:""}
.fa-ellipsis-h{--fa:"";--fa--fa:""}
.fa-ellipsis-h-alt{--fa:"";--fa--fa:""}
.fa-ellipsis-stroke{--fa:"";--fa--fa:""}
.fa-ellipsis-stroke-vertical{--fa:"";--fa--fa:""}
.fa-ellipsis-v{--fa:"";--fa--fa:""}
.fa-ellipsis-v-alt{--fa:"";--fa--fa:""}
.fa-ellipsis-vertical{--fa:"";--fa--fa:""}
.fa-empty-set{--fa:"";--fa--fa:""}
.fa-engine{--fa:"";--fa--fa:""}
.fa-engine-exclamation{--fa:"";--fa--fa:""}
.fa-engine-warning{--fa:"";--fa--fa:""}
.fa-envelope{--fa:"";--fa--fa:""}
.fa-envelope-badge{--fa:"";--fa--fa:""}
.fa-envelope-circle{--fa:"";--fa--fa:""}
.fa-envelope-circle-check{--fa:"";--fa--fa:""}
.fa-envelope-dot{--fa:"";--fa--fa:""}
.fa-envelope-open{--fa:"";--fa--fa:""}
.fa-envelope-open-dollar{--fa:"";--fa--fa:""}
.fa-envelope-open-text{--fa:"";--fa--fa:""}
.fa-envelope-square{--fa:"";--fa--fa:""}
.fa-envelopes{--fa:"";--fa--fa:""}
.fa-envelopes-bulk{--fa:"";--fa--fa:""}
.fa-equals{--fa:"=";--fa--fa:"=="}
.fa-eraser{--fa:"";--fa--fa:""}
.fa-escalator{--fa:"";--fa--fa:""}
.fa-ethernet{--fa:"";--fa--fa:""}
.fa-eur{--fa:"";--fa--fa:""}
.fa-euro{--fa:"";--fa--fa:""}
.fa-euro-sign{--fa:"";--fa--fa:""}
.fa-excavator{--fa:"";--fa--fa:""}
.fa-exchange{--fa:"";--fa--fa:""}
.fa-exchange-alt{--fa:"";--fa--fa:""}
.fa-exclamation{--fa:"!";--fa--fa:"!!"}
.fa-exclamation-circle{--fa:"";--fa--fa:""}
.fa-exclamation-square{--fa:"";--fa--fa:""}
.fa-exclamation-triangle{--fa:"";--fa--fa:""}
.fa-expand{--fa:"";--fa--fa:""}
.fa-expand-alt{--fa:"";--fa--fa:""}
.fa-expand-arrows{--fa:"";--fa--fa:""}
.fa-expand-arrows-alt{--fa:"";--fa--fa:""}
.fa-expand-wide{--fa:"";--fa--fa:""}
.fa-exploding-head{--fa:"";--fa--fa:""}
.fa-explosion{--fa:"";--fa--fa:""}
.fa-external-link{--fa:"";--fa--fa:""}
.fa-external-link-alt{--fa:"";--fa--fa:""}
.fa-external-link-square{--fa:"";--fa--fa:""}
.fa-external-link-square-alt{--fa:"";--fa--fa:""}
.fa-eye{--fa:"";--fa--fa:""}
.fa-eye-dropper{--fa:"";--fa--fa:""}
.fa-eye-dropper-empty{--fa:"";--fa--fa:""}
.fa-eye-dropper-full{--fa:"";--fa--fa:""}
.fa-eye-dropper-half{--fa:"";--fa--fa:""}
.fa-eye-evil{--fa:"";--fa--fa:""}
.fa-eye-low-vision{--fa:"";--fa--fa:""}
.fa-eye-slash{--fa:"";--fa--fa:""}
.fa-eyedropper{--fa:"";--fa--fa:""}
.fa-eyes{--fa:"";--fa--fa:""}
.fa-f{--fa:"F";--fa--fa:"FF"}
.fa-face-angry{--fa:"";--fa--fa:""}
.fa-face-angry-horns{--fa:"";--fa--fa:""}
.fa-face-anguished{--fa:"";--fa--fa:""}
.fa-face-anxious-sweat{--fa:"";--fa--fa:""}
.fa-face-astonished{--fa:"";--fa--fa:""}
.fa-face-awesome{--fa:"";--fa--fa:""}
.fa-face-beam-hand-over-mouth{--fa:"";--fa--fa:""}
.fa-face-clouds{--fa:"";--fa--fa:""}
.fa-face-confounded{--fa:"";--fa--fa:""}
.fa-face-confused{--fa:"";--fa--fa:""}
.fa-face-cowboy-hat{--fa:"";--fa--fa:""}
.fa-face-diagonal-mouth{--fa:"";--fa--fa:""}
.fa-face-disappointed{--fa:"";--fa--fa:""}
.fa-face-disguise{--fa:"";--fa--fa:""}
.fa-face-dizzy{--fa:"";--fa--fa:""}
.fa-face-dotted{--fa:"";--fa--fa:""}
.fa-face-downcast-sweat{--fa:"";--fa--fa:""}
.fa-face-drooling{--fa:"";--fa--fa:""}
.fa-face-exhaling{--fa:"";--fa--fa:""}
.fa-face-explode{--fa:"";--fa--fa:""}
.fa-face-expressionless{--fa:"";--fa--fa:""}
.fa-face-eyes-xmarks{--fa:"";--fa--fa:""}
.fa-face-fearful{--fa:"";--fa--fa:""}
.fa-face-flushed{--fa:"";--fa--fa:""}
.fa-face-frown{--fa:"";--fa--fa:""}
.fa-face-frown-open{--fa:"";--fa--fa:""}
.fa-face-frown-slight{--fa:"";--fa--fa:""}
.fa-face-glasses{--fa:"";--fa--fa:""}
.fa-face-grimace{--fa:"";--fa--fa:""}
.fa-face-grin{--fa:"";--fa--fa:""}
.fa-face-grin-beam{--fa:"";--fa--fa:""}
.fa-face-grin-beam-sweat{--fa:"";--fa--fa:""}
.fa-face-grin-hearts{--fa:"";--fa--fa:""}
.fa-face-grin-squint{--fa:"";--fa--fa:""}
.fa-face-grin-squint-tears{--fa:"";--fa--fa:""}
.fa-face-grin-stars{--fa:"";--fa--fa:""}
.fa-face-grin-tears{--fa:"";--fa--fa:""}
.fa-face-grin-tongue{--fa:"";--fa--fa:""}
.fa-face-grin-tongue-squint{--fa:"";--fa--fa:""}
.fa-face-grin-tongue-wink{--fa:"";--fa--fa:""}
.fa-face-grin-wide{--fa:"";--fa--fa:""}
.fa-face-grin-wink{--fa:"";--fa--fa:""}
.fa-face-hand-over-mouth{--fa:"";--fa--fa:""}
.fa-face-hand-peeking{--fa:"";--fa--fa:""}
.fa-face-hand-yawn{--fa:"";--fa--fa:""}
.fa-face-head-bandage{--fa:"";--fa--fa:""}
.fa-face-holding-back-tears{--fa:"";--fa--fa:""}
.fa-face-hushed{--fa:"";--fa--fa:""}
.fa-face-icicles{--fa:"";--fa--fa:""}
.fa-face-kiss{--fa:"";--fa--fa:""}
.fa-face-kiss-beam{--fa:"";--fa--fa:""}
.fa-face-kiss-closed-eyes{--fa:"";--fa--fa:""}
.fa-face-kiss-wink-heart{--fa:"";--fa--fa:""}
.fa-face-laugh{--fa:"";--fa--fa:""}
.fa-face-laugh-beam{--fa:"";--fa--fa:""}
.fa-face-laugh-squint{--fa:"";--fa--fa:""}
.fa-face-laugh-wink{--fa:"";--fa--fa:""}
.fa-face-lying{--fa:"";--fa--fa:""}
.fa-face-mask{--fa:"";--fa--fa:""}
.fa-face-meh{--fa:"";--fa--fa:""}
.fa-face-meh-blank{--fa:"";--fa--fa:""}
.fa-face-melting{--fa:"";--fa--fa:""}
.fa-face-monocle{--fa:"";--fa--fa:""}
.fa-face-nauseated{--fa:"";--fa--fa:""}
.fa-face-nose-steam{--fa:"";--fa--fa:""}
.fa-face-party{--fa:"";--fa--fa:""}
.fa-face-pensive{--fa:"";--fa--fa:""}
.fa-face-persevering{--fa:"";--fa--fa:""}
.fa-face-pleading{--fa:"";--fa--fa:""}
.fa-face-pouting{--fa:"";--fa--fa:""}
.fa-face-raised-eyebrow{--fa:"";--fa--fa:""}
.fa-face-relieved{--fa:"";--fa--fa:""}
.fa-face-rolling-eyes{--fa:"";--fa--fa:""}
.fa-face-sad-cry{--fa:"";--fa--fa:""}
.fa-face-sad-sweat{--fa:"";--fa--fa:""}
.fa-face-sad-tear{--fa:"";--fa--fa:""}
.fa-face-saluting{--fa:"";--fa--fa:""}
.fa-face-scream{--fa:"";--fa--fa:""}
.fa-face-shush{--fa:"";--fa--fa:""}
.fa-face-sleeping{--fa:"";--fa--fa:""}
.fa-face-sleepy{--fa:"";--fa--fa:""}
.fa-face-smile{--fa:"";--fa--fa:""}
.fa-face-smile-beam{--fa:"";--fa--fa:""}
.fa-face-smile-halo{--fa:"";--fa--fa:""}
.fa-face-smile-hearts{--fa:"";--fa--fa:""}
.fa-face-smile-horns{--fa:"";--fa--fa:""}
.fa-face-smile-plus{--fa:"";--fa--fa:""}
.fa-face-smile-relaxed{--fa:"";--fa--fa:""}
.fa-face-smile-tear{--fa:"";--fa--fa:""}
.fa-face-smile-tongue{--fa:"";--fa--fa:""}
.fa-face-smile-upside-down{--fa:"";--fa--fa:""}
.fa-face-smile-wink{--fa:"";--fa--fa:""}
.fa-face-smiling-hands{--fa:"";--fa--fa:""}
.fa-face-smirking{--fa:"";--fa--fa:""}
.fa-face-spiral-eyes{--fa:"";--fa--fa:""}
.fa-face-sunglasses{--fa:"";--fa--fa:""}
.fa-face-surprise{--fa:"";--fa--fa:""}
.fa-face-swear{--fa:"";--fa--fa:""}
.fa-face-thermometer{--fa:"";--fa--fa:""}
.fa-face-thinking{--fa:"";--fa--fa:""}
.fa-face-tired{--fa:"";--fa--fa:""}
.fa-face-tissue{--fa:"";--fa--fa:""}
.fa-face-tongue-money{--fa:"";--fa--fa:""}
.fa-face-tongue-sweat{--fa:"";--fa--fa:""}
.fa-face-unamused{--fa:"";--fa--fa:""}
.fa-face-viewfinder{--fa:"";--fa--fa:""}
.fa-face-vomit{--fa:"";--fa--fa:""}
.fa-face-weary{--fa:"";--fa--fa:""}
.fa-face-woozy{--fa:"";--fa--fa:""}
.fa-face-worried{--fa:"";--fa--fa:""}
.fa-face-zany{--fa:"";--fa--fa:""}
.fa-face-zipper{--fa:"";--fa--fa:""}
.fa-falafel{--fa:"";--fa--fa:""}
.fa-family{--fa:"";--fa--fa:""}
.fa-family-dress{--fa:"";--fa--fa:""}
.fa-family-pants{--fa:"";--fa--fa:""}
.fa-fan{--fa:"";--fa--fa:""}
.fa-fan-table{--fa:"";--fa--fa:""}
.fa-farm{--fa:"";--fa--fa:""}
.fa-fast-backward{--fa:"";--fa--fa:""}
.fa-fast-forward{--fa:"";--fa--fa:""}
.fa-faucet{--fa:"";--fa--fa:""}
.fa-faucet-drip{--fa:"";--fa--fa:""}
.fa-fax{--fa:"";--fa--fa:""}
.fa-feather{--fa:"";--fa--fa:""}
.fa-feather-alt{--fa:"";--fa--fa:""}
.fa-feather-pointed{--fa:"";--fa--fa:""}
.fa-feed{--fa:"";--fa--fa:""}
.fa-female{--fa:"";--fa--fa:""}
.fa-fence{--fa:"";--fa--fa:""}
.fa-ferris-wheel{--fa:"";--fa--fa:""}
.fa-ferry{--fa:"";--fa--fa:""}
.fa-field-hockey{--fa:"";--fa--fa:""}
.fa-field-hockey-stick-ball{--fa:"";--fa--fa:""}
.fa-fighter-jet{--fa:"";--fa--fa:""}
.fa-file{--fa:"";--fa--fa:""}
.fa-file-alt{--fa:"";--fa--fa:""}
.fa-file-archive{--fa:"";--fa--fa:""}
.fa-file-arrow-down{--fa:"";--fa--fa:""}
.fa-file-arrow-up{--fa:"";--fa--fa:""}
.fa-file-audio{--fa:"";--fa--fa:""}
.fa-file-award{--fa:"";--fa--fa:""}
.fa-file-binary{--fa:"";--fa--fa:""}
.fa-file-cad{--fa:"";--fa--fa:""}
.fa-file-caret-down{--fa:"";--fa--fa:""}
.fa-file-caret-up{--fa:"";--fa--fa:""}
.fa-file-certificate{--fa:"";--fa--fa:""}
.fa-file-chart-column{--fa:"";--fa--fa:""}
.fa-file-chart-line{--fa:"";--fa--fa:""}
.fa-file-chart-pie{--fa:"";--fa--fa:""}
.fa-file-check{--fa:"";--fa--fa:""}
.fa-file-circle-check{--fa:"";--fa--fa:""}
.fa-file-circle-exclamation{--fa:"";--fa--fa:""}
.fa-file-circle-info{--fa:"";--fa--fa:""}
.fa-file-circle-minus{--fa:"";--fa--fa:""}
.fa-file-circle-plus{--fa:"";--fa--fa:""}
.fa-file-circle-question{--fa:"";--fa--fa:""}
.fa-file-circle-xmark{--fa:"";--fa--fa:""}
.fa-file-clipboard{--fa:"";--fa--fa:""}
.fa-file-code{--fa:"";--fa--fa:""}
.fa-file-contract{--fa:"";--fa--fa:""}
.fa-file-csv{--fa:"";--fa--fa:""}
.fa-file-dashed-line{--fa:"";--fa--fa:""}
.fa-file-doc{--fa:"";--fa--fa:""}
.fa-file-download{--fa:"";--fa--fa:""}
.fa-file-edit{--fa:"";--fa--fa:""}
.fa-file-eps{--fa:"";--fa--fa:""}
.fa-file-excel{--fa:"";--fa--fa:""}
.fa-file-exclamation{--fa:"";--fa--fa:""}
.fa-file-export{--fa:"";--fa--fa:""}
.fa-file-fragment{--fa:"";--fa--fa:""}
.fa-file-gif{--fa:"";--fa--fa:""}
.fa-file-half-dashed{--fa:"";--fa--fa:""}
.fa-file-heart{--fa:"";--fa--fa:""}
.fa-file-image{--fa:"";--fa--fa:""}
.fa-file-import{--fa:"";--fa--fa:""}
.fa-file-invoice{--fa:"";--fa--fa:""}
.fa-file-invoice-dollar{--fa:"";--fa--fa:""}
.fa-file-jpg{--fa:"";--fa--fa:""}
.fa-file-lines{--fa:"";--fa--fa:""}
.fa-file-lock{--fa:"";--fa--fa:""}
.fa-file-magnifying-glass{--fa:"";--fa--fa:""}
.fa-file-medical{--fa:"";--fa--fa:""}
.fa-file-medical-alt{--fa:"";--fa--fa:""}
.fa-file-minus{--fa:"";--fa--fa:""}
.fa-file-mov{--fa:"";--fa--fa:""}
.fa-file-mp3{--fa:"";--fa--fa:""}
.fa-file-mp4{--fa:"";--fa--fa:""}
.fa-file-music{--fa:"";--fa--fa:""}
.fa-file-pdf{--fa:"";--fa--fa:""}
.fa-file-pen{--fa:"";--fa--fa:""}
.fa-file-plus{--fa:"";--fa--fa:""}
.fa-file-plus-minus{--fa:"";--fa--fa:""}
.fa-file-png{--fa:"";--fa--fa:""}
.fa-file-powerpoint{--fa:"";--fa--fa:""}
.fa-file-ppt{--fa:"";--fa--fa:""}
.fa-file-prescription{--fa:"";--fa--fa:""}
.fa-file-search{--fa:"";--fa--fa:""}
.fa-file-shield{--fa:"";--fa--fa:""}
.fa-file-signature{--fa:"";--fa--fa:""}
.fa-file-slash{--fa:"";--fa--fa:""}
.fa-file-spreadsheet{--fa:"";--fa--fa:""}
.fa-file-svg{--fa:"";--fa--fa:""}
.fa-file-text{--fa:"";--fa--fa:""}
.fa-file-times{--fa:"";--fa--fa:""}
.fa-file-upload{--fa:"";--fa--fa:""}
.fa-file-user{--fa:"";--fa--fa:""}
.fa-file-vector{--fa:"";--fa--fa:""}
.fa-file-video{--fa:"";--fa--fa:""}
.fa-file-waveform{--fa:"";--fa--fa:""}
.fa-file-word{--fa:"";--fa--fa:""}
.fa-file-xls{--fa:"";--fa--fa:""}
.fa-file-xmark{--fa:"";--fa--fa:""}
.fa-file-xml{--fa:"";--fa--fa:""}
.fa-file-zip{--fa:"";--fa--fa:""}
.fa-file-zipper{--fa:"";--fa--fa:""}
.fa-files{--fa:"";--fa--fa:""}
.fa-files-medical{--fa:"";--fa--fa:""}
.fa-fill{--fa:"";--fa--fa:""}
.fa-fill-drip{--fa:"";--fa--fa:""}
.fa-film{--fa:"";--fa--fa:""}
.fa-film-alt{--fa:"";--fa--fa:""}
.fa-film-canister{--fa:"";--fa--fa:""}
.fa-film-cannister{--fa:"";--fa--fa:""}
.fa-film-simple{--fa:"";--fa--fa:""}
.fa-film-slash{--fa:"";--fa--fa:""}
.fa-films{--fa:"";--fa--fa:""}
.fa-filter{--fa:"";--fa--fa:""}
.fa-filter-circle-dollar{--fa:"";--fa--fa:""}
.fa-filter-circle-xmark{--fa:"";--fa--fa:""}
.fa-filter-list{--fa:"";--fa--fa:""}
.fa-filter-slash{--fa:"";--fa--fa:""}
.fa-filters{--fa:"";--fa--fa:""}
.fa-fingerprint{--fa:"";--fa--fa:""}
.fa-fire{--fa:"";--fa--fa:""}
.fa-fire-alt{--fa:"";--fa--fa:""}
.fa-fire-burner{--fa:"";--fa--fa:""}
.fa-fire-extinguisher{--fa:"";--fa--fa:""}
.fa-fire-flame{--fa:"";--fa--fa:""}
.fa-fire-flame-curved{--fa:"";--fa--fa:""}
.fa-fire-flame-simple{--fa:"";--fa--fa:""}
.fa-fire-hydrant{--fa:"";--fa--fa:""}
.fa-fire-smoke{--fa:"";--fa--fa:""}
.fa-fireplace{--fa:"";--fa--fa:""}
.fa-firewall{--fa:"";--fa--fa:""}
.fa-first-aid{--fa:"";--fa--fa:""}
.fa-fish{--fa:"";--fa--fa:""}
.fa-fish-bones{--fa:"";--fa--fa:""}
.fa-fish-cooked{--fa:"";--fa--fa:""}
.fa-fish-fins{--fa:"";--fa--fa:""}
.fa-fishing-rod{--fa:"";--fa--fa:""}
.fa-fist-raised{--fa:"";--fa--fa:""}
.fa-flag{--fa:"";--fa--fa:""}
.fa-flag-alt{--fa:"";--fa--fa:""}
.fa-flag-checkered{--fa:"";--fa--fa:""}
.fa-flag-pennant{--fa:"";--fa--fa:""}
.fa-flag-swallowtail{--fa:"";--fa--fa:""}
.fa-flag-usa{--fa:"";--fa--fa:""}
.fa-flame{--fa:"";--fa--fa:""}
.fa-flashlight{--fa:"";--fa--fa:""}
.fa-flask{--fa:"";--fa--fa:""}
.fa-flask-gear{--fa:"";--fa--fa:""}
.fa-flask-poison{--fa:"";--fa--fa:""}
.fa-flask-potion{--fa:"";--fa--fa:""}
.fa-flask-round-poison{--fa:"";--fa--fa:""}
.fa-flask-round-potion{--fa:"";--fa--fa:""}
.fa-flask-vial{--fa:"";--fa--fa:""}
.fa-flatbread{--fa:"";--fa--fa:""}
.fa-flatbread-stuffed{--fa:"";--fa--fa:""}
.fa-floppy-disk{--fa:"";--fa--fa:""}
.fa-floppy-disk-circle-arrow-right{--fa:"";--fa--fa:""}
.fa-floppy-disk-circle-xmark{--fa:"";--fa--fa:""}
.fa-floppy-disk-pen{--fa:"";--fa--fa:""}
.fa-floppy-disk-times{--fa:"";--fa--fa:""}
.fa-floppy-disks{--fa:"";--fa--fa:""}
.fa-florin-sign{--fa:"";--fa--fa:""}
.fa-flower{--fa:"";--fa--fa:""}
.fa-flower-daffodil{--fa:"";--fa--fa:""}
.fa-flower-tulip{--fa:"";--fa--fa:""}
.fa-flushed{--fa:"";--fa--fa:""}
.fa-flute{--fa:"";--fa--fa:""}
.fa-flux-capacitor{--fa:"";--fa--fa:""}
.fa-flying-disc{--fa:"";--fa--fa:""}
.fa-fog{--fa:"";--fa--fa:""}
.fa-folder{--fa:"";--fa--fa:""}
.fa-folder-arrow-down{--fa:"";--fa--fa:""}
.fa-folder-arrow-up{--fa:"";--fa--fa:""}
.fa-folder-blank{--fa:"";--fa--fa:""}
.fa-folder-bookmark{--fa:"";--fa--fa:""}
.fa-folder-check{--fa:"";--fa--fa:""}
.fa-folder-closed{--fa:"";--fa--fa:""}
.fa-folder-cog{--fa:"";--fa--fa:""}
.fa-folder-download{--fa:"";--fa--fa:""}
.fa-folder-gear{--fa:"";--fa--fa:""}
.fa-folder-grid{--fa:"";--fa--fa:""}
.fa-folder-heart{--fa:"";--fa--fa:""}
.fa-folder-image{--fa:"";--fa--fa:""}
.fa-folder-magnifying-glass{--fa:"";--fa--fa:""}
.fa-folder-medical{--fa:"";--fa--fa:""}
.fa-folder-minus{--fa:"";--fa--fa:""}
.fa-folder-music{--fa:"";--fa--fa:""}
.fa-folder-open{--fa:"";--fa--fa:""}
.fa-folder-plus{--fa:"";--fa--fa:""}
.fa-folder-search{--fa:"";--fa--fa:""}
.fa-folder-times{--fa:"";--fa--fa:""}
.fa-folder-tree{--fa:"";--fa--fa:""}
.fa-folder-upload{--fa:"";--fa--fa:""}
.fa-folder-user{--fa:"";--fa--fa:""}
.fa-folder-xmark{--fa:"";--fa--fa:""}
.fa-folders{--fa:"";--fa--fa:""}
.fa-fondue-pot{--fa:"";--fa--fa:""}
.fa-font{--fa:"";--fa--fa:""}
.fa-font-awesome{--fa:"";--fa--fa:""}
.fa-font-awesome-flag{--fa:"";--fa--fa:""}
.fa-font-awesome-logo-full{--fa:"";--fa--fa:""}
.fa-font-case{--fa:"";--fa--fa:""}
.fa-football{--fa:"";--fa--fa:""}
.fa-football-ball{--fa:"";--fa--fa:""}
.fa-football-helmet{--fa:"";--fa--fa:""}
.fa-fork{--fa:"";--fa--fa:""}
.fa-fork-knife{--fa:"";--fa--fa:""}
.fa-forklift{--fa:"";--fa--fa:""}
.fa-fort{--fa:"";--fa--fa:""}
.fa-forward{--fa:"";--fa--fa:""}
.fa-forward-fast{--fa:"";--fa--fa:""}
.fa-forward-step{--fa:"";--fa--fa:""}
.fa-fragile{--fa:"";--fa--fa:""}
.fa-frame{--fa:"";--fa--fa:""}
.fa-franc-sign{--fa:"";--fa--fa:""}
.fa-french-fries{--fa:"";--fa--fa:""}
.fa-frog{--fa:"";--fa--fa:""}
.fa-frosty-head{--fa:"";--fa--fa:""}
.fa-frown{--fa:"";--fa--fa:""}
.fa-frown-open{--fa:"";--fa--fa:""}
.fa-function{--fa:"";--fa--fa:""}
.fa-funnel-dollar{--fa:"";--fa--fa:""}
.fa-futbol{--fa:"";--fa--fa:""}
.fa-futbol-ball{--fa:"";--fa--fa:""}
.fa-g{--fa:"G";--fa--fa:"GG"}
.fa-galaxy{--fa:"";--fa--fa:""}
.fa-gallery-thumbnails{--fa:"";--fa--fa:""}
.fa-game-board{--fa:"";--fa--fa:""}
.fa-game-board-alt{--fa:"";--fa--fa:""}
.fa-game-board-simple{--fa:"";--fa--fa:""}
.fa-game-console-handheld{--fa:"";--fa--fa:""}
.fa-game-console-handheld-crank{--fa:"";--fa--fa:""}
.fa-gamepad{--fa:"";--fa--fa:""}
.fa-gamepad-alt{--fa:"";--fa--fa:""}
.fa-gamepad-modern{--fa:"";--fa--fa:""}
.fa-garage{--fa:"";--fa--fa:""}
.fa-garage-car{--fa:"";--fa--fa:""}
.fa-garage-open{--fa:"";--fa--fa:""}
.fa-garlic{--fa:"";--fa--fa:""}
.fa-gas-pump{--fa:"";--fa--fa:""}
.fa-gas-pump-slash{--fa:"";--fa--fa:""}
.fa-gauge{--fa:"";--fa--fa:""}
.fa-gauge-circle-bolt{--fa:"";--fa--fa:""}
.fa-gauge-circle-minus{--fa:"";--fa--fa:""}
.fa-gauge-circle-plus{--fa:"";--fa--fa:""}
.fa-gauge-high{--fa:"";--fa--fa:""}
.fa-gauge-low{--fa:"";--fa--fa:""}
.fa-gauge-max{--fa:"";--fa--fa:""}
.fa-gauge-med{--fa:"";--fa--fa:""}
.fa-gauge-min{--fa:"";--fa--fa:""}
.fa-gauge-simple{--fa:"";--fa--fa:""}
.fa-gauge-simple-high{--fa:"";--fa--fa:""}
.fa-gauge-simple-low{--fa:"";--fa--fa:""}
.fa-gauge-simple-max{--fa:"";--fa--fa:""}
.fa-gauge-simple-med{--fa:"";--fa--fa:""}
.fa-gauge-simple-min{--fa:"";--fa--fa:""}
.fa-gave-dandy{--fa:"";--fa--fa:""}
.fa-gavel{--fa:"";--fa--fa:""}
.fa-gbp{--fa:"";--fa--fa:""}
.fa-gear{--fa:"";--fa--fa:""}
.fa-gear-code{--fa:"";--fa--fa:""}
.fa-gear-complex{--fa:"";--fa--fa:""}
.fa-gear-complex-code{--fa:"";--fa--fa:""}
.fa-gears{--fa:"";--fa--fa:""}
.fa-gem{--fa:"";--fa--fa:""}
.fa-genderless{--fa:"";--fa--fa:""}
.fa-ghost{--fa:"";--fa--fa:""}
.fa-gif{--fa:"";--fa--fa:""}
.fa-gift{--fa:"";--fa--fa:""}
.fa-gift-card{--fa:"";--fa--fa:""}
.fa-gifts{--fa:"";--fa--fa:""}
.fa-gingerbread-man{--fa:"";--fa--fa:""}
.fa-glass{--fa:"";--fa--fa:""}
.fa-glass-champagne{--fa:"";--fa--fa:""}
.fa-glass-cheers{--fa:"";--fa--fa:""}
.fa-glass-citrus{--fa:"";--fa--fa:""}
.fa-glass-empty{--fa:"";--fa--fa:""}
.fa-glass-half{--fa:"";--fa--fa:""}
.fa-glass-half-empty{--fa:"";--fa--fa:""}
.fa-glass-half-full{--fa:"";--fa--fa:""}
.fa-glass-martini{--fa:"";--fa--fa:""}
.fa-glass-martini-alt{--fa:"";--fa--fa:""}
.fa-glass-water{--fa:"";--fa--fa:""}
.fa-glass-water-droplet{--fa:"";--fa--fa:""}
.fa-glass-whiskey{--fa:"";--fa--fa:""}
.fa-glass-whiskey-rocks{--fa:"";--fa--fa:""}
.fa-glasses{--fa:"";--fa--fa:""}
.fa-glasses-alt{--fa:"";--fa--fa:""}
.fa-glasses-round{--fa:"";--fa--fa:""}
.fa-globe{--fa:"";--fa--fa:""}
.fa-globe-africa{--fa:"";--fa--fa:""}
.fa-globe-americas{--fa:"";--fa--fa:""}
.fa-globe-asia{--fa:"";--fa--fa:""}
.fa-globe-europe{--fa:"";--fa--fa:""}
.fa-globe-oceania{--fa:"";--fa--fa:""}
.fa-globe-pointer{--fa:"";--fa--fa:""}
.fa-globe-snow{--fa:"";--fa--fa:""}
.fa-globe-stand{--fa:"";--fa--fa:""}
.fa-globe-wifi{--fa:"";--fa--fa:""}
.fa-glove-boxing{--fa:"";--fa--fa:""}
.fa-goal-net{--fa:"";--fa--fa:""}
.fa-golf-ball{--fa:"";--fa--fa:""}
.fa-golf-ball-tee{--fa:"";--fa--fa:""}
.fa-golf-club{--fa:"";--fa--fa:""}
.fa-golf-flag-hole{--fa:"";--fa--fa:""}
.fa-gopuram{--fa:"";--fa--fa:""}
.fa-graduation-cap{--fa:"";--fa--fa:""}
.fa-gramophone{--fa:"";--fa--fa:""}
.fa-grapes{--fa:"";--fa--fa:""}
.fa-grate{--fa:"";--fa--fa:""}
.fa-grate-droplet{--fa:"";--fa--fa:""}
.fa-greater-than{--fa:">";--fa--fa:">>"}
.fa-greater-than-equal{--fa:"";--fa--fa:""}
.fa-grid{--fa:"";--fa--fa:""}
.fa-grid-2{--fa:"";--fa--fa:""}
.fa-grid-2-plus{--fa:"";--fa--fa:""}
.fa-grid-3{--fa:"";--fa--fa:""}
.fa-grid-4{--fa:"";--fa--fa:""}
.fa-grid-5{--fa:"";--fa--fa:""}
.fa-grid-dividers{--fa:"";--fa--fa:""}
.fa-grid-horizontal{--fa:"";--fa--fa:""}
.fa-grid-round{--fa:"";--fa--fa:""}
.fa-grid-round-2{--fa:"";--fa--fa:""}
.fa-grid-round-2-plus{--fa:"";--fa--fa:""}
.fa-grid-round-4{--fa:"";--fa--fa:""}
.fa-grid-round-5{--fa:"";--fa--fa:""}
.fa-grill{--fa:"";--fa--fa:""}
.fa-grill-fire{--fa:"";--fa--fa:""}
.fa-grill-hot{--fa:"";--fa--fa:""}
.fa-grimace{--fa:"";--fa--fa:""}
.fa-grin{--fa:"";--fa--fa:""}
.fa-grin-alt{--fa:"";--fa--fa:""}
.fa-grin-beam{--fa:"";--fa--fa:""}
.fa-grin-beam-sweat{--fa:"";--fa--fa:""}
.fa-grin-hearts{--fa:"";--fa--fa:""}
.fa-grin-squint{--fa:"";--fa--fa:""}
.fa-grin-squint-tears{--fa:"";--fa--fa:""}
.fa-grin-stars{--fa:"";--fa--fa:""}
.fa-grin-tears{--fa:"";--fa--fa:""}
.fa-grin-tongue{--fa:"";--fa--fa:""}
.fa-grin-tongue-squint{--fa:"";--fa--fa:""}
.fa-grin-tongue-wink{--fa:"";--fa--fa:""}
.fa-grin-wink{--fa:"";--fa--fa:""}
.fa-grip{--fa:"";--fa--fa:""}
.fa-grip-dots{--fa:"";--fa--fa:""}
.fa-grip-dots-vertical{--fa:"";--fa--fa:""}
.fa-grip-horizontal{--fa:"";--fa--fa:""}
.fa-grip-lines{--fa:"";--fa--fa:""}
.fa-grip-lines-vertical{--fa:"";--fa--fa:""}
.fa-grip-vertical{--fa:"";--fa--fa:""}
.fa-group-arrows-rotate{--fa:"";--fa--fa:""}
.fa-guarani-sign{--fa:"";--fa--fa:""}
.fa-guitar{--fa:"";--fa--fa:""}
.fa-guitar-electric{--fa:"";--fa--fa:""}
.fa-guitars{--fa:"";--fa--fa:""}
.fa-gun{--fa:"";--fa--fa:""}
.fa-gun-slash{--fa:"";--fa--fa:""}
.fa-gun-squirt{--fa:"";--fa--fa:""}
.fa-h{--fa:"H";--fa--fa:"HH"}
.fa-h-square{--fa:"";--fa--fa:""}
.fa-h1{--fa:"";--fa--fa:""}
.fa-h2{--fa:"";--fa--fa:""}
.fa-h3{--fa:"";--fa--fa:""}
.fa-h4{--fa:"";--fa--fa:""}
.fa-h5{--fa:"";--fa--fa:""}
.fa-h6{--fa:"";--fa--fa:""}
.fa-hamburger{--fa:"";--fa--fa:""}
.fa-hammer{--fa:"";--fa--fa:""}
.fa-hammer-brush{--fa:"";--fa--fa:""}
.fa-hammer-crash{--fa:"";--fa--fa:""}
.fa-hammer-war{--fa:"";--fa--fa:""}
.fa-hamsa{--fa:"";--fa--fa:""}
.fa-hand{--fa:"";--fa--fa:""}
.fa-hand-back-fist{--fa:"";--fa--fa:""}
.fa-hand-back-point-down{--fa:"";--fa--fa:""}
.fa-hand-back-point-left{--fa:"";--fa--fa:""}
.fa-hand-back-point-ribbon{--fa:"";--fa--fa:""}
.fa-hand-back-point-right{--fa:"";--fa--fa:""}
.fa-hand-back-point-up{--fa:"";--fa--fa:""}
.fa-hand-dots{--fa:"";--fa--fa:""}
.fa-hand-fingers-crossed{--fa:"";--fa--fa:""}
.fa-hand-fist{--fa:"";--fa--fa:""}
.fa-hand-heart{--fa:"";--fa--fa:""}
.fa-hand-holding{--fa:"";--fa--fa:""}
.fa-hand-holding-box{--fa:"";--fa--fa:""}
.fa-hand-holding-circle-dollar{--fa:"";--fa--fa:""}
.fa-hand-holding-dollar{--fa:"";--fa--fa:""}
.fa-hand-holding-droplet{--fa:"";--fa--fa:""}
.fa-hand-holding-hand{--fa:"";--fa--fa:""}
.fa-hand-holding-heart{--fa:"";--fa--fa:""}
.fa-hand-holding-magic{--fa:"";--fa--fa:""}
.fa-hand-holding-medical{--fa:"";--fa--fa:""}
.fa-hand-holding-seedling{--fa:"";--fa--fa:""}
.fa-hand-holding-skull{--fa:"";--fa--fa:""}
.fa-hand-holding-usd{--fa:"";--fa--fa:""}
.fa-hand-holding-water{--fa:"";--fa--fa:""}
.fa-hand-horns{--fa:"";--fa--fa:""}
.fa-hand-lizard{--fa:"";--fa--fa:""}
.fa-hand-love{--fa:"";--fa--fa:""}
.fa-hand-middle-finger{--fa:"";--fa--fa:""}
.fa-hand-paper{--fa:"";--fa--fa:""}
.fa-hand-peace{--fa:"";--fa--fa:""}
.fa-hand-point-down{--fa:"";--fa--fa:""}
.fa-hand-point-left{--fa:"";--fa--fa:""}
.fa-hand-point-ribbon{--fa:"";--fa--fa:""}
.fa-hand-point-right{--fa:"";--fa--fa:""}
.fa-hand-point-up{--fa:"";--fa--fa:""}
.fa-hand-pointer{--fa:"";--fa--fa:""}
.fa-hand-receiving{--fa:"";--fa--fa:""}
.fa-hand-rock{--fa:"";--fa--fa:""}
.fa-hand-scissors{--fa:"";--fa--fa:""}
.fa-hand-sparkles{--fa:"";--fa--fa:""}
.fa-hand-spock{--fa:"";--fa--fa:""}
.fa-hand-wave{--fa:"";--fa--fa:""}
.fa-handcuffs{--fa:"";--fa--fa:""}
.fa-hands{--fa:"";--fa--fa:""}
.fa-hands-american-sign-language-interpreting{--fa:"";--fa--fa:""}
.fa-hands-asl-interpreting{--fa:"";--fa--fa:""}
.fa-hands-bound{--fa:"";--fa--fa:""}
.fa-hands-bubbles{--fa:"";--fa--fa:""}
.fa-hands-clapping{--fa:"";--fa--fa:""}
.fa-hands-heart{--fa:"";--fa--fa:""}
.fa-hands-helping{--fa:"";--fa--fa:""}
.fa-hands-holding{--fa:"";--fa--fa:""}
.fa-hands-holding-child{--fa:"";--fa--fa:""}
.fa-hands-holding-circle{--fa:"";--fa--fa:""}
.fa-hands-holding-diamond{--fa:"";--fa--fa:""}
.fa-hands-holding-dollar{--fa:"";--fa--fa:""}
.fa-hands-holding-heart{--fa:"";--fa--fa:""}
.fa-hands-praying{--fa:"";--fa--fa:""}
.fa-hands-usd{--fa:"";--fa--fa:""}
.fa-hands-wash{--fa:"";--fa--fa:""}
.fa-handshake{--fa:"";--fa--fa:""}
.fa-handshake-alt{--fa:"";--fa--fa:""}
.fa-handshake-alt-slash{--fa:"";--fa--fa:""}
.fa-handshake-angle{--fa:"";--fa--fa:""}
.fa-handshake-simple{--fa:"";--fa--fa:""}
.fa-handshake-simple-slash{--fa:"";--fa--fa:""}
.fa-handshake-slash{--fa:"";--fa--fa:""}
.fa-hanukiah{--fa:"";--fa--fa:""}
.fa-hard-drive{--fa:"";--fa--fa:""}
.fa-hard-hat{--fa:"";--fa--fa:""}
.fa-hard-of-hearing{--fa:"";--fa--fa:""}
.fa-hashtag{--fa:"#";--fa--fa:"##"}
.fa-hashtag-lock{--fa:"";--fa--fa:""}
.fa-hat-beach{--fa:"";--fa--fa:""}
.fa-hat-chef{--fa:"";--fa--fa:""}
.fa-hat-cowboy{--fa:"";--fa--fa:""}
.fa-hat-cowboy-side{--fa:"";--fa--fa:""}
.fa-hat-hard{--fa:"";--fa--fa:""}
.fa-hat-santa{--fa:"";--fa--fa:""}
.fa-hat-winter{--fa:"";--fa--fa:""}
.fa-hat-witch{--fa:"";--fa--fa:""}
.fa-hat-wizard{--fa:"";--fa--fa:""}
.fa-haykal{--fa:"";--fa--fa:""}
.fa-hdd{--fa:"";--fa--fa:""}
.fa-head-side{--fa:"";--fa--fa:""}
.fa-head-side-brain{--fa:"";--fa--fa:""}
.fa-head-side-cough{--fa:"";--fa--fa:""}
.fa-head-side-cough-slash{--fa:"";--fa--fa:""}
.fa-head-side-gear{--fa:"";--fa--fa:""}
.fa-head-side-goggles{--fa:"";--fa--fa:""}
.fa-head-side-headphones{--fa:"";--fa--fa:""}
.fa-head-side-heart{--fa:"";--fa--fa:""}
.fa-head-side-mask{--fa:"";--fa--fa:""}
.fa-head-side-medical{--fa:"";--fa--fa:""}
.fa-head-side-virus{--fa:"";--fa--fa:""}
.fa-head-vr{--fa:"";--fa--fa:""}
.fa-header{--fa:"";--fa--fa:""}
.fa-heading{--fa:"";--fa--fa:""}
.fa-headphones{--fa:"";--fa--fa:""}
.fa-headphones-alt{--fa:"";--fa--fa:""}
.fa-headphones-simple{--fa:"";--fa--fa:""}
.fa-headset{--fa:"";--fa--fa:""}
.fa-heart{--fa:"";--fa--fa:""}
.fa-heart-broken{--fa:"";--fa--fa:""}
.fa-heart-circle{--fa:"";--fa--fa:""}
.fa-heart-circle-bolt{--fa:"";--fa--fa:""}
.fa-heart-circle-check{--fa:"";--fa--fa:""}
.fa-heart-circle-exclamation{--fa:"";--fa--fa:""}
.fa-heart-circle-minus{--fa:"";--fa--fa:""}
.fa-heart-circle-plus{--fa:"";--fa--fa:""}
.fa-heart-circle-xmark{--fa:"";--fa--fa:""}
.fa-heart-crack{--fa:"";--fa--fa:""}
.fa-heart-half{--fa:"";--fa--fa:""}
.fa-heart-half-alt{--fa:"";--fa--fa:""}
.fa-heart-half-stroke{--fa:"";--fa--fa:""}
.fa-heart-music-camera-bolt{--fa:"";--fa--fa:""}
.fa-heart-pulse{--fa:"";--fa--fa:""}
.fa-heart-rate{--fa:"";--fa--fa:""}
.fa-heart-square{--fa:"";--fa--fa:""}
.fa-heartbeat{--fa:"";--fa--fa:""}
.fa-heat{--fa:"";--fa--fa:""}
.fa-helicopter{--fa:"";--fa--fa:""}
.fa-helicopter-symbol{--fa:"";--fa--fa:""}
.fa-helmet-battle{--fa:"";--fa--fa:""}
.fa-helmet-safety{--fa:"";--fa--fa:""}
.fa-helmet-un{--fa:"";--fa--fa:""}
.fa-hexagon{--fa:"";--fa--fa:""}
.fa-hexagon-check{--fa:"";--fa--fa:""}
.fa-hexagon-divide{--fa:"";--fa--fa:""}
.fa-hexagon-exclamation{--fa:"";--fa--fa:""}
.fa-hexagon-image{--fa:"";--fa--fa:""}
.fa-hexagon-minus{--fa:"";--fa--fa:""}
.fa-hexagon-nodes{--fa:"";--fa--fa:""}
.fa-hexagon-nodes-bolt{--fa:"";--fa--fa:""}
.fa-hexagon-plus{--fa:"";--fa--fa:""}
.fa-hexagon-vertical-nft{--fa:"";--fa--fa:""}
.fa-hexagon-vertical-nft-slanted{--fa:"";--fa--fa:""}
.fa-hexagon-xmark{--fa:"";--fa--fa:""}
.fa-high-definition{--fa:"";--fa--fa:""}
.fa-highlighter{--fa:"";--fa--fa:""}
.fa-highlighter-line{--fa:"";--fa--fa:""}
.fa-hiking{--fa:"";--fa--fa:""}
.fa-hill-avalanche{--fa:"";--fa--fa:""}
.fa-hill-rockslide{--fa:"";--fa--fa:""}
.fa-hippo{--fa:"";--fa--fa:""}
.fa-history{--fa:"";--fa--fa:""}
.fa-hockey-mask{--fa:"";--fa--fa:""}
.fa-hockey-puck{--fa:"";--fa--fa:""}
.fa-hockey-stick-puck{--fa:"";--fa--fa:""}
.fa-hockey-sticks{--fa:"";--fa--fa:""}
.fa-holly-berry{--fa:"";--fa--fa:""}
.fa-home{--fa:"";--fa--fa:""}
.fa-home-alt{--fa:"";--fa--fa:""}
.fa-home-blank{--fa:"";--fa--fa:""}
.fa-home-heart{--fa:"";--fa--fa:""}
.fa-home-lg{--fa:"";--fa--fa:""}
.fa-home-lg-alt{--fa:"";--fa--fa:""}
.fa-home-user{--fa:"";--fa--fa:""}
.fa-honey-pot{--fa:"";--fa--fa:""}
.fa-hood-cloak{--fa:"";--fa--fa:""}
.fa-horizontal-rule{--fa:"";--fa--fa:""}
.fa-horse{--fa:"";--fa--fa:""}
.fa-horse-head{--fa:"";--fa--fa:""}
.fa-horse-saddle{--fa:"";--fa--fa:""}
.fa-hose{--fa:"";--fa--fa:""}
.fa-hose-reel{--fa:"";--fa--fa:""}
.fa-hospital{--fa:"";--fa--fa:""}
.fa-hospital-alt{--fa:"";--fa--fa:""}
.fa-hospital-symbol{--fa:"";--fa--fa:""}
.fa-hospital-user{--fa:"";--fa--fa:""}
.fa-hospital-wide{--fa:"";--fa--fa:""}
.fa-hospitals{--fa:"";--fa--fa:""}
.fa-hot-tub{--fa:"";--fa--fa:""}
.fa-hot-tub-person{--fa:"";--fa--fa:""}
.fa-hotdog{--fa:"";--fa--fa:""}
.fa-hotel{--fa:"";--fa--fa:""}
.fa-hourglass{--fa:"";--fa--fa:""}
.fa-hourglass-1{--fa:"";--fa--fa:""}
.fa-hourglass-2{--fa:"";--fa--fa:""}
.fa-hourglass-3{--fa:"";--fa--fa:""}
.fa-hourglass-clock{--fa:"";--fa--fa:""}
.fa-hourglass-empty{--fa:"";--fa--fa:""}
.fa-hourglass-end{--fa:"";--fa--fa:""}
.fa-hourglass-half{--fa:"";--fa--fa:""}
.fa-hourglass-start{--fa:"";--fa--fa:""}
.fa-house{--fa:"";--fa--fa:""}
.fa-house-blank{--fa:"";--fa--fa:""}
.fa-house-building{--fa:"";--fa--fa:""}
.fa-house-chimney{--fa:"";--fa--fa:""}
.fa-house-chimney-blank{--fa:"";--fa--fa:""}
.fa-house-chimney-crack{--fa:"";--fa--fa:""}
.fa-house-chimney-heart{--fa:"";--fa--fa:""}
.fa-house-chimney-medical{--fa:"";--fa--fa:""}
.fa-house-chimney-user{--fa:"";--fa--fa:""}
.fa-house-chimney-window{--fa:"";--fa--fa:""}
.fa-house-circle-check{--fa:"";--fa--fa:""}
.fa-house-circle-exclamation{--fa:"";--fa--fa:""}
.fa-house-circle-xmark{--fa:"";--fa--fa:""}
.fa-house-crack{--fa:"";--fa--fa:""}
.fa-house-damage{--fa:"";--fa--fa:""}
.fa-house-day{--fa:"";--fa--fa:""}
.fa-house-fire{--fa:"";--fa--fa:""}
.fa-house-flag{--fa:"";--fa--fa:""}
.fa-house-flood{--fa:"";--fa--fa:""}
.fa-house-flood-water{--fa:"";--fa--fa:""}
.fa-house-flood-water-circle-arrow-right{--fa:"";--fa--fa:""}
.fa-house-heart{--fa:"";--fa--fa:""}
.fa-house-laptop{--fa:"";--fa--fa:""}
.fa-house-leave{--fa:"";--fa--fa:""}
.fa-house-lock{--fa:"";--fa--fa:""}
.fa-house-medical{--fa:"";--fa--fa:""}
.fa-house-medical-circle-check{--fa:"";--fa--fa:""}
.fa-house-medical-circle-exclamation{--fa:"";--fa--fa:""}
.fa-house-medical-circle-xmark{--fa:"";--fa--fa:""}
.fa-house-medical-flag{--fa:"";--fa--fa:""}
.fa-house-night{--fa:"";--fa--fa:""}
.fa-house-person-arrive{--fa:"";--fa--fa:""}
.fa-house-person-depart{--fa:"";--fa--fa:""}
.fa-house-person-leave{--fa:"";--fa--fa:""}
.fa-house-person-return{--fa:"";--fa--fa:""}
.fa-house-return{--fa:"";--fa--fa:""}
.fa-house-signal{--fa:"";--fa--fa:""}
.fa-house-tree{--fa:"";--fa--fa:""}
.fa-house-tsunami{--fa:"";--fa--fa:""}
.fa-house-turret{--fa:"";--fa--fa:""}
.fa-house-user{--fa:"";--fa--fa:""}
.fa-house-water{--fa:"";--fa--fa:""}
.fa-house-window{--fa:"";--fa--fa:""}
.fa-hryvnia{--fa:"";--fa--fa:""}
.fa-hryvnia-sign{--fa:"";--fa--fa:""}
.fa-humidity{--fa:"";--fa--fa:""}
.fa-hundred-points{--fa:"";--fa--fa:""}
.fa-hurricane{--fa:"";--fa--fa:""}
.fa-hydra{--fa:"";--fa--fa:""}
.fa-hyphen{--fa:"-";--fa--fa:"--"}
.fa-i{--fa:"I";--fa--fa:"II"}
.fa-i-cursor{--fa:"";--fa--fa:""}
.fa-ice-cream{--fa:"";--fa--fa:""}
.fa-ice-skate{--fa:"";--fa--fa:""}
.fa-icicles{--fa:"";--fa--fa:""}
.fa-icons{--fa:"";--fa--fa:""}
.fa-icons-alt{--fa:"";--fa--fa:""}
.fa-id-badge{--fa:"";--fa--fa:""}
.fa-id-card{--fa:"";--fa--fa:""}
.fa-id-card-alt{--fa:"";--fa--fa:""}
.fa-id-card-clip{--fa:"";--fa--fa:""}
.fa-igloo{--fa:"";--fa--fa:""}
.fa-ils{--fa:"";--fa--fa:""}
.fa-image{--fa:"";--fa--fa:""}
.fa-image-landscape{--fa:"";--fa--fa:""}
.fa-image-polaroid{--fa:"";--fa--fa:""}
.fa-image-polaroid-user{--fa:"";--fa--fa:""}
.fa-image-portrait{--fa:"";--fa--fa:""}
.fa-image-slash{--fa:"";--fa--fa:""}
.fa-image-user{--fa:"";--fa--fa:""}
.fa-images{--fa:"";--fa--fa:""}
.fa-images-user{--fa:"";--fa--fa:""}
.fa-inbox{--fa:"";--fa--fa:""}
.fa-inbox-arrow-down{--fa:"";--fa--fa:""}
.fa-inbox-arrow-up{--fa:"";--fa--fa:""}
.fa-inbox-full{--fa:"";--fa--fa:""}
.fa-inbox-in{--fa:"";--fa--fa:""}
.fa-inbox-out{--fa:"";--fa--fa:""}
.fa-inboxes{--fa:"";--fa--fa:""}
.fa-indent{--fa:"";--fa--fa:""}
.fa-indian-rupee{--fa:"";--fa--fa:""}
.fa-indian-rupee-sign{--fa:"";--fa--fa:""}
.fa-industry{--fa:"";--fa--fa:""}
.fa-industry-alt{--fa:"";--fa--fa:""}
.fa-industry-windows{--fa:"";--fa--fa:""}
.fa-infinity{--fa:"";--fa--fa:""}
.fa-info{--fa:"";--fa--fa:""}
.fa-info-circle{--fa:"";--fa--fa:""}
.fa-info-square{--fa:"";--fa--fa:""}
.fa-inhaler{--fa:"";--fa--fa:""}
.fa-input-numeric{--fa:"";--fa--fa:""}
.fa-input-pipe{--fa:"";--fa--fa:""}
.fa-input-text{--fa:"";--fa--fa:""}
.fa-inr{--fa:"";--fa--fa:""}
.fa-institution{--fa:"";--fa--fa:""}
.fa-integral{--fa:"";--fa--fa:""}
.fa-interrobang{--fa:"";--fa--fa:""}
.fa-intersection{--fa:"";--fa--fa:""}
.fa-inventory{--fa:"";--fa--fa:""}
.fa-island-tree-palm{--fa:"";--fa--fa:""}
.fa-island-tropical{--fa:"";--fa--fa:""}
.fa-italic{--fa:"";--fa--fa:""}
.fa-j{--fa:"J";--fa--fa:"JJ"}
.fa-jack-o-lantern{--fa:"";--fa--fa:""}
.fa-jar{--fa:"";--fa--fa:""}
.fa-jar-wheat{--fa:"";--fa--fa:""}
.fa-jedi{--fa:"";--fa--fa:""}
.fa-jet-fighter{--fa:"";--fa--fa:""}
.fa-jet-fighter-up{--fa:"";--fa--fa:""}
.fa-joint{--fa:"";--fa--fa:""}
.fa-journal-whills{--fa:"";--fa--fa:""}
.fa-joystick{--fa:"";--fa--fa:""}
.fa-jpy{--fa:"";--fa--fa:""}
.fa-jug{--fa:"";--fa--fa:""}
.fa-jug-bottle{--fa:"";--fa--fa:""}
.fa-jug-detergent{--fa:"";--fa--fa:""}
.fa-k{--fa:"K";--fa--fa:"KK"}
.fa-kaaba{--fa:"";--fa--fa:""}
.fa-kazoo{--fa:"";--fa--fa:""}
.fa-kerning{--fa:"";--fa--fa:""}
.fa-key{--fa:"";--fa--fa:""}
.fa-key-skeleton{--fa:"";--fa--fa:""}
.fa-key-skeleton-left-right{--fa:"";--fa--fa:""}
.fa-keyboard{--fa:"";--fa--fa:""}
.fa-keyboard-brightness{--fa:"";--fa--fa:""}
.fa-keyboard-brightness-low{--fa:"";--fa--fa:""}
.fa-keyboard-down{--fa:"";--fa--fa:""}
.fa-keyboard-left{--fa:"";--fa--fa:""}
.fa-keynote{--fa:"";--fa--fa:""}
.fa-khanda{--fa:"";--fa--fa:""}
.fa-kidneys{--fa:"";--fa--fa:""}
.fa-kip-sign{--fa:"";--fa--fa:""}
.fa-kiss{--fa:"";--fa--fa:""}
.fa-kiss-beam{--fa:"";--fa--fa:""}
.fa-kiss-wink-heart{--fa:"";--fa--fa:""}
.fa-kit-medical{--fa:"";--fa--fa:""}
.fa-kitchen-set{--fa:"";--fa--fa:""}
.fa-kite{--fa:"";--fa--fa:""}
.fa-kiwi-bird{--fa:"";--fa--fa:""}
.fa-kiwi-fruit{--fa:"";--fa--fa:""}
.fa-knife{--fa:"";--fa--fa:""}
.fa-knife-kitchen{--fa:"";--fa--fa:""}
.fa-krw{--fa:"";--fa--fa:""}
.fa-l{--fa:"L";--fa--fa:"LL"}
.fa-lacrosse-stick{--fa:"";--fa--fa:""}
.fa-lacrosse-stick-ball{--fa:"";--fa--fa:""}
.fa-ladder-water{--fa:"";--fa--fa:""}
.fa-lambda{--fa:"";--fa--fa:""}
.fa-lamp{--fa:"";--fa--fa:""}
.fa-lamp-desk{--fa:"";--fa--fa:""}
.fa-lamp-floor{--fa:"";--fa--fa:""}
.fa-lamp-street{--fa:"";--fa--fa:""}
.fa-land-mine-on{--fa:"";--fa--fa:""}
.fa-landmark{--fa:"";--fa--fa:""}
.fa-landmark-alt{--fa:"";--fa--fa:""}
.fa-landmark-dome{--fa:"";--fa--fa:""}
.fa-landmark-flag{--fa:"";--fa--fa:""}
.fa-landmark-magnifying-glass{--fa:"";--fa--fa:""}
.fa-landscape{--fa:"";--fa--fa:""}
.fa-language{--fa:"";--fa--fa:""}
.fa-laptop{--fa:"";--fa--fa:""}
.fa-laptop-arrow-down{--fa:"";--fa--fa:""}
.fa-laptop-binary{--fa:"";--fa--fa:""}
.fa-laptop-code{--fa:"";--fa--fa:""}
.fa-laptop-file{--fa:"";--fa--fa:""}
.fa-laptop-house{--fa:"";--fa--fa:""}
.fa-laptop-medical{--fa:"";--fa--fa:""}
.fa-laptop-mobile{--fa:"";--fa--fa:""}
.fa-laptop-slash{--fa:"";--fa--fa:""}
.fa-lari-sign{--fa:"";--fa--fa:""}
.fa-lasso{--fa:"";--fa--fa:""}
.fa-lasso-sparkles{--fa:"";--fa--fa:""}
.fa-laugh{--fa:"";--fa--fa:""}
.fa-laugh-beam{--fa:"";--fa--fa:""}
.fa-laugh-squint{--fa:"";--fa--fa:""}
.fa-laugh-wink{--fa:"";--fa--fa:""}
.fa-layer-group{--fa:"";--fa--fa:""}
.fa-layer-group-minus{--fa:"";--fa--fa:""}
.fa-layer-group-plus{--fa:"";--fa--fa:""}
.fa-layer-minus{--fa:"";--fa--fa:""}
.fa-layer-plus{--fa:"";--fa--fa:""}
.fa-leaf{--fa:"";--fa--fa:""}
.fa-leaf-heart{--fa:"";--fa--fa:""}
.fa-leaf-maple{--fa:"";--fa--fa:""}
.fa-leaf-oak{--fa:"";--fa--fa:""}
.fa-leafy-green{--fa:"";--fa--fa:""}
.fa-left{--fa:"";--fa--fa:""}
.fa-left-from-bracket{--fa:"";--fa--fa:""}
.fa-left-from-line{--fa:"";--fa--fa:""}
.fa-left-long{--fa:"";--fa--fa:""}
.fa-left-long-to-line{--fa:"";--fa--fa:""}
.fa-left-right{--fa:"";--fa--fa:""}
.fa-left-to-bracket{--fa:"";--fa--fa:""}
.fa-left-to-line{--fa:"";--fa--fa:""}
.fa-legal{--fa:"";--fa--fa:""}
.fa-lemon{--fa:"";--fa--fa:""}
.fa-less-than{--fa:"<";--fa--fa:"<<"}
.fa-less-than-equal{--fa:"";--fa--fa:""}
.fa-level-down{--fa:"";--fa--fa:""}
.fa-level-down-alt{--fa:"";--fa--fa:""}
.fa-level-up{--fa:"";--fa--fa:""}
.fa-level-up-alt{--fa:"";--fa--fa:""}
.fa-life-ring{--fa:"";--fa--fa:""}
.fa-light-ceiling{--fa:"";--fa--fa:""}
.fa-light-emergency{--fa:"";--fa--fa:""}
.fa-light-emergency-on{--fa:"";--fa--fa:""}
.fa-light-switch{--fa:"";--fa--fa:""}
.fa-light-switch-off{--fa:"";--fa--fa:""}
.fa-light-switch-on{--fa:"";--fa--fa:""}
.fa-lightbulb{--fa:"";--fa--fa:""}
.fa-lightbulb-cfl{--fa:"";--fa--fa:""}
.fa-lightbulb-cfl-on{--fa:"";--fa--fa:""}
.fa-lightbulb-dollar{--fa:"";--fa--fa:""}
.fa-lightbulb-exclamation{--fa:"";--fa--fa:""}
.fa-lightbulb-exclamation-on{--fa:"";--fa--fa:""}
.fa-lightbulb-gear{--fa:"";--fa--fa:""}
.fa-lightbulb-message{--fa:"";--fa--fa:""}
.fa-lightbulb-on{--fa:"";--fa--fa:""}
.fa-lightbulb-slash{--fa:"";--fa--fa:""}
.fa-lighthouse{--fa:"";--fa--fa:""}
.fa-lights-holiday{--fa:"";--fa--fa:""}
.fa-line-chart{--fa:"";--fa--fa:""}
.fa-line-columns{--fa:"";--fa--fa:""}
.fa-line-height{--fa:"";--fa--fa:""}
.fa-lines-leaning{--fa:"";--fa--fa:""}
.fa-link{--fa:"";--fa--fa:""}
.fa-link-horizontal{--fa:"";--fa--fa:""}
.fa-link-horizontal-slash{--fa:"";--fa--fa:""}
.fa-link-simple{--fa:"";--fa--fa:""}
.fa-link-simple-slash{--fa:"";--fa--fa:""}
.fa-link-slash{--fa:"";--fa--fa:""}
.fa-lips{--fa:"";--fa--fa:""}
.fa-lira-sign{--fa:"";--fa--fa:""}
.fa-list{--fa:"";--fa--fa:""}
.fa-list-1-2{--fa:"";--fa--fa:""}
.fa-list-alt{--fa:"";--fa--fa:""}
.fa-list-check{--fa:"";--fa--fa:""}
.fa-list-dots{--fa:"";--fa--fa:""}
.fa-list-dropdown{--fa:"";--fa--fa:""}
.fa-list-music{--fa:"";--fa--fa:""}
.fa-list-numeric{--fa:"";--fa--fa:""}
.fa-list-ol{--fa:"";--fa--fa:""}
.fa-list-radio{--fa:"";--fa--fa:""}
.fa-list-squares{--fa:"";--fa--fa:""}
.fa-list-timeline{--fa:"";--fa--fa:""}
.fa-list-tree{--fa:"";--fa--fa:""}
.fa-list-ul{--fa:"";--fa--fa:""}
.fa-litecoin-sign{--fa:"";--fa--fa:""}
.fa-loader{--fa:"";--fa--fa:""}
.fa-lobster{--fa:"";--fa--fa:""}
.fa-location{--fa:"";--fa--fa:""}
.fa-location-arrow{--fa:"";--fa--fa:""}
.fa-location-arrow-up{--fa:"";--fa--fa:""}
.fa-location-check{--fa:"";--fa--fa:""}
.fa-location-circle{--fa:"";--fa--fa:""}
.fa-location-crosshairs{--fa:"";--fa--fa:""}
.fa-location-crosshairs-slash{--fa:"";--fa--fa:""}
.fa-location-dot{--fa:"";--fa--fa:""}
.fa-location-dot-slash{--fa:"";--fa--fa:""}
.fa-location-exclamation{--fa:"";--fa--fa:""}
.fa-location-minus{--fa:"";--fa--fa:""}
.fa-location-pen{--fa:"";--fa--fa:""}
.fa-location-pin{--fa:"";--fa--fa:""}
.fa-location-pin-lock{--fa:"";--fa--fa:""}
.fa-location-pin-slash{--fa:"";--fa--fa:""}
.fa-location-plus{--fa:"";--fa--fa:""}
.fa-location-question{--fa:"";--fa--fa:""}
.fa-location-slash{--fa:"";--fa--fa:""}
.fa-location-smile{--fa:"";--fa--fa:""}
.fa-location-xmark{--fa:"";--fa--fa:""}
.fa-lock{--fa:"";--fa--fa:""}
.fa-lock-a{--fa:"";--fa--fa:""}
.fa-lock-alt{--fa:"";--fa--fa:""}
.fa-lock-hashtag{--fa:"";--fa--fa:""}
.fa-lock-keyhole{--fa:"";--fa--fa:""}
.fa-lock-keyhole-open{--fa:"";--fa--fa:""}
.fa-lock-open{--fa:"";--fa--fa:""}
.fa-lock-open-alt{--fa:"";--fa--fa:""}
.fa-locust{--fa:"";--fa--fa:""}
.fa-lollipop{--fa:"";--fa--fa:""}
.fa-lollypop{--fa:"";--fa--fa:""}
.fa-long-arrow-alt-down{--fa:"";--fa--fa:""}
.fa-long-arrow-alt-left{--fa:"";--fa--fa:""}
.fa-long-arrow-alt-right{--fa:"";--fa--fa:""}
.fa-long-arrow-alt-up{--fa:"";--fa--fa:""}
.fa-long-arrow-down{--fa:"";--fa--fa:""}
.fa-long-arrow-left{--fa:"";--fa--fa:""}
.fa-long-arrow-right{--fa:"";--fa--fa:""}
.fa-long-arrow-up{--fa:"";--fa--fa:""}
.fa-loveseat{--fa:"";--fa--fa:""}
.fa-low-vision{--fa:"";--fa--fa:""}
.fa-luchador{--fa:"";--fa--fa:""}
.fa-luchador-mask{--fa:"";--fa--fa:""}
.fa-luggage-cart{--fa:"";--fa--fa:""}
.fa-lungs{--fa:"";--fa--fa:""}
.fa-lungs-virus{--fa:"";--fa--fa:""}
.fa-m{--fa:"M";--fa--fa:"MM"}
.fa-mace{--fa:"";--fa--fa:""}
.fa-magic{--fa:"";--fa--fa:""}
.fa-magic-wand-sparkles{--fa:"";--fa--fa:""}
.fa-magnet{--fa:"";--fa--fa:""}
.fa-magnifying-glass{--fa:"";--fa--fa:""}
.fa-magnifying-glass-arrow-right{--fa:"";--fa--fa:""}
.fa-magnifying-glass-arrows-rotate{--fa:"";--fa--fa:""}
.fa-magnifying-glass-chart{--fa:"";--fa--fa:""}
.fa-magnifying-glass-dollar{--fa:"";--fa--fa:""}
.fa-magnifying-glass-location{--fa:"";--fa--fa:""}
.fa-magnifying-glass-minus{--fa:"";--fa--fa:""}
.fa-magnifying-glass-music{--fa:"";--fa--fa:""}
.fa-magnifying-glass-play{--fa:"";--fa--fa:""}
.fa-magnifying-glass-plus{--fa:"";--fa--fa:""}
.fa-magnifying-glass-waveform{--fa:"";--fa--fa:""}
.fa-mail-bulk{--fa:"";--fa--fa:""}
.fa-mail-forward{--fa:"";--fa--fa:""}
.fa-mail-reply{--fa:"";--fa--fa:""}
.fa-mail-reply-all{--fa:"";--fa--fa:""}
.fa-mailbox{--fa:"";--fa--fa:""}
.fa-mailbox-flag-up{--fa:"";--fa--fa:""}
.fa-maki-roll{--fa:"";--fa--fa:""}
.fa-makizushi{--fa:"";--fa--fa:""}
.fa-male{--fa:"";--fa--fa:""}
.fa-manat-sign{--fa:"";--fa--fa:""}
.fa-mandolin{--fa:"";--fa--fa:""}
.fa-mango{--fa:"";--fa--fa:""}
.fa-manhole{--fa:"";--fa--fa:""}
.fa-map{--fa:"";--fa--fa:""}
.fa-map-location{--fa:"";--fa--fa:""}
.fa-map-location-dot{--fa:"";--fa--fa:""}
.fa-map-marked{--fa:"";--fa--fa:""}
.fa-map-marked-alt{--fa:"";--fa--fa:""}
.fa-map-marker{--fa:"";--fa--fa:""}
.fa-map-marker-alt{--fa:"";--fa--fa:""}
.fa-map-marker-alt-slash{--fa:"";--fa--fa:""}
.fa-map-marker-check{--fa:"";--fa--fa:""}
.fa-map-marker-edit{--fa:"";--fa--fa:""}
.fa-map-marker-exclamation{--fa:"";--fa--fa:""}
.fa-map-marker-minus{--fa:"";--fa--fa:""}
.fa-map-marker-plus{--fa:"";--fa--fa:""}
.fa-map-marker-question{--fa:"";--fa--fa:""}
.fa-map-marker-slash{--fa:"";--fa--fa:""}
.fa-map-marker-smile{--fa:"";--fa--fa:""}
.fa-map-marker-times{--fa:"";--fa--fa:""}
.fa-map-marker-xmark{--fa:"";--fa--fa:""}
.fa-map-pin{--fa:"";--fa--fa:""}
.fa-map-signs{--fa:"";--fa--fa:""}
.fa-marker{--fa:"";--fa--fa:""}
.fa-mars{--fa:"";--fa--fa:""}
.fa-mars-and-venus{--fa:"";--fa--fa:""}
.fa-mars-and-venus-burst{--fa:"";--fa--fa:""}
.fa-mars-double{--fa:"";--fa--fa:""}
.fa-mars-stroke{--fa:"";--fa--fa:""}
.fa-mars-stroke-h{--fa:"";--fa--fa:""}
.fa-mars-stroke-right{--fa:"";--fa--fa:""}
.fa-mars-stroke-up{--fa:"";--fa--fa:""}
.fa-mars-stroke-v{--fa:"";--fa--fa:""}
.fa-martini-glass{--fa:"";--fa--fa:""}
.fa-martini-glass-citrus{--fa:"";--fa--fa:""}
.fa-martini-glass-empty{--fa:"";--fa--fa:""}
.fa-mask{--fa:"";--fa--fa:""}
.fa-mask-face{--fa:"";--fa--fa:""}
.fa-mask-luchador{--fa:"";--fa--fa:""}
.fa-mask-snorkel{--fa:"";--fa--fa:""}
.fa-mask-ventilator{--fa:"";--fa--fa:""}
.fa-masks-theater{--fa:"";--fa--fa:""}
.fa-mattress-pillow{--fa:"";--fa--fa:""}
.fa-maximize{--fa:"";--fa--fa:""}
.fa-meat{--fa:"";--fa--fa:""}
.fa-medal{--fa:"";--fa--fa:""}
.fa-medkit{--fa:"";--fa--fa:""}
.fa-megaphone{--fa:"";--fa--fa:""}
.fa-meh{--fa:"";--fa--fa:""}
.fa-meh-blank{--fa:"";--fa--fa:""}
.fa-meh-rolling-eyes{--fa:"";--fa--fa:""}
.fa-melon{--fa:"";--fa--fa:""}
.fa-melon-slice{--fa:"";--fa--fa:""}
.fa-memo{--fa:"";--fa--fa:""}
.fa-memo-circle-check{--fa:"";--fa--fa:""}
.fa-memo-circle-info{--fa:"";--fa--fa:""}
.fa-memo-pad{--fa:"";--fa--fa:""}
.fa-memory{--fa:"";--fa--fa:""}
.fa-menorah{--fa:"";--fa--fa:""}
.fa-mercury{--fa:"";--fa--fa:""}
.fa-merge{--fa:"";--fa--fa:""}
.fa-message{--fa:"";--fa--fa:""}
.fa-message-arrow-down{--fa:"";--fa--fa:""}
.fa-message-arrow-up{--fa:"";--fa--fa:""}
.fa-message-arrow-up-right{--fa:"";--fa--fa:""}
.fa-message-bot{--fa:"";--fa--fa:""}
.fa-message-captions{--fa:"";--fa--fa:""}
.fa-message-check{--fa:"";--fa--fa:""}
.fa-message-code{--fa:"";--fa--fa:""}
.fa-message-dollar{--fa:"";--fa--fa:""}
.fa-message-dots{--fa:"";--fa--fa:""}
.fa-message-edit{--fa:"";--fa--fa:""}
.fa-message-exclamation{--fa:"";--fa--fa:""}
.fa-message-heart{--fa:"";--fa--fa:""}
.fa-message-image{--fa:"";--fa--fa:""}
.fa-message-lines{--fa:"";--fa--fa:""}
.fa-message-medical{--fa:"";--fa--fa:""}
.fa-message-middle{--fa:"";--fa--fa:""}
.fa-message-middle-top{--fa:"";--fa--fa:""}
.fa-message-minus{--fa:"";--fa--fa:""}
.fa-message-music{--fa:"";--fa--fa:""}
.fa-message-pen{--fa:"";--fa--fa:""}
.fa-message-plus{--fa:"";--fa--fa:""}
.fa-message-question{--fa:"";--fa--fa:""}
.fa-message-quote{--fa:"";--fa--fa:""}
.fa-message-slash{--fa:"";--fa--fa:""}
.fa-message-smile{--fa:"";--fa--fa:""}
.fa-message-sms{--fa:"";--fa--fa:""}
.fa-message-text{--fa:"";--fa--fa:""}
.fa-message-times{--fa:"";--fa--fa:""}
.fa-message-xmark{--fa:"";--fa--fa:""}
.fa-messages{--fa:"";--fa--fa:""}
.fa-messages-dollar{--fa:"";--fa--fa:""}
.fa-messages-question{--fa:"";--fa--fa:""}
.fa-messaging{--fa:"";--fa--fa:""}
.fa-meteor{--fa:"";--fa--fa:""}
.fa-meter{--fa:"";--fa--fa:""}
.fa-meter-bolt{--fa:"";--fa--fa:""}
.fa-meter-droplet{--fa:"";--fa--fa:""}
.fa-meter-fire{--fa:"";--fa--fa:""}
.fa-microchip{--fa:"";--fa--fa:""}
.fa-microchip-ai{--fa:"";--fa--fa:""}
.fa-microphone{--fa:"";--fa--fa:""}
.fa-microphone-alt{--fa:"";--fa--fa:""}
.fa-microphone-alt-slash{--fa:"";--fa--fa:""}
.fa-microphone-circle{--fa:"";--fa--fa:""}
.fa-microphone-circle-alt{--fa:"";--fa--fa:""}
.fa-microphone-lines{--fa:"";--fa--fa:""}
.fa-microphone-lines-slash{--fa:"";--fa--fa:""}
.fa-microphone-slash{--fa:"";--fa--fa:""}
.fa-microphone-stand{--fa:"";--fa--fa:""}
.fa-microscope{--fa:"";--fa--fa:""}
.fa-microwave{--fa:"";--fa--fa:""}
.fa-mill-sign{--fa:"";--fa--fa:""}
.fa-mind-share{--fa:"";--fa--fa:""}
.fa-minimize{--fa:"";--fa--fa:""}
.fa-minus{--fa:"";--fa--fa:""}
.fa-minus-circle{--fa:"";--fa--fa:""}
.fa-minus-hexagon{--fa:"";--fa--fa:""}
.fa-minus-large{--fa:"";--fa--fa:""}
.fa-minus-octagon{--fa:"";--fa--fa:""}
.fa-minus-square{--fa:"";--fa--fa:""}
.fa-mistletoe{--fa:"";--fa--fa:""}
.fa-mitten{--fa:"";--fa--fa:""}
.fa-mobile{--fa:"";--fa--fa:""}
.fa-mobile-alt{--fa:"";--fa--fa:""}
.fa-mobile-android{--fa:"";--fa--fa:""}
.fa-mobile-android-alt{--fa:"";--fa--fa:""}
.fa-mobile-button{--fa:"";--fa--fa:""}
.fa-mobile-iphone{--fa:"";--fa--fa:""}
.fa-mobile-notch{--fa:"";--fa--fa:""}
.fa-mobile-phone{--fa:"";--fa--fa:""}
.fa-mobile-retro{--fa:"";--fa--fa:""}
.fa-mobile-screen{--fa:"";--fa--fa:""}
.fa-mobile-screen-button{--fa:"";--fa--fa:""}
.fa-mobile-signal{--fa:"";--fa--fa:""}
.fa-mobile-signal-out{--fa:"";--fa--fa:""}
.fa-money-bill{--fa:"";--fa--fa:""}
.fa-money-bill-1{--fa:"";--fa--fa:""}
.fa-money-bill-1-wave{--fa:"";--fa--fa:""}
.fa-money-bill-alt{--fa:"";--fa--fa:""}
.fa-money-bill-simple{--fa:"";--fa--fa:""}
.fa-money-bill-simple-wave{--fa:"";--fa--fa:""}
.fa-money-bill-transfer{--fa:"";--fa--fa:""}
.fa-money-bill-trend-up{--fa:"";--fa--fa:""}
.fa-money-bill-wave{--fa:"";--fa--fa:""}
.fa-money-bill-wave-alt{--fa:"";--fa--fa:""}
.fa-money-bill-wheat{--fa:"";--fa--fa:""}
.fa-money-bills{--fa:"";--fa--fa:""}
.fa-money-bills-alt{--fa:"";--fa--fa:""}
.fa-money-bills-simple{--fa:"";--fa--fa:""}
.fa-money-check{--fa:"";--fa--fa:""}
.fa-money-check-alt{--fa:"";--fa--fa:""}
.fa-money-check-dollar{--fa:"";--fa--fa:""}
.fa-money-check-dollar-pen{--fa:"";--fa--fa:""}
.fa-money-check-edit{--fa:"";--fa--fa:""}
.fa-money-check-edit-alt{--fa:"";--fa--fa:""}
.fa-money-check-pen{--fa:"";--fa--fa:""}
.fa-money-from-bracket{--fa:"";--fa--fa:""}
.fa-money-simple-from-bracket{--fa:"";--fa--fa:""}
.fa-monitor-heart-rate{--fa:"";--fa--fa:""}
.fa-monitor-waveform{--fa:"";--fa--fa:""}
.fa-monkey{--fa:"";--fa--fa:""}
.fa-monument{--fa:"";--fa--fa:""}
.fa-moon{--fa:"";--fa--fa:""}
.fa-moon-cloud{--fa:"";--fa--fa:""}
.fa-moon-over-sun{--fa:"";--fa--fa:""}
.fa-moon-stars{--fa:"";--fa--fa:""}
.fa-moped{--fa:"";--fa--fa:""}
.fa-mortar-board{--fa:"";--fa--fa:""}
.fa-mortar-pestle{--fa:"";--fa--fa:""}
.fa-mosque{--fa:"";--fa--fa:""}
.fa-mosquito{--fa:"";--fa--fa:""}
.fa-mosquito-net{--fa:"";--fa--fa:""}
.fa-motorcycle{--fa:"";--fa--fa:""}
.fa-mound{--fa:"";--fa--fa:""}
.fa-mountain{--fa:"";--fa--fa:""}
.fa-mountain-city{--fa:"";--fa--fa:""}
.fa-mountain-sun{--fa:"";--fa--fa:""}
.fa-mountains{--fa:"";--fa--fa:""}
.fa-mouse{--fa:"";--fa--fa:""}
.fa-mouse-alt{--fa:"";--fa--fa:""}
.fa-mouse-field{--fa:"";--fa--fa:""}
.fa-mouse-pointer{--fa:"";--fa--fa:""}
.fa-mp3-player{--fa:"";--fa--fa:""}
.fa-mug{--fa:"";--fa--fa:""}
.fa-mug-hot{--fa:"";--fa--fa:""}
.fa-mug-marshmallows{--fa:"";--fa--fa:""}
.fa-mug-saucer{--fa:"";--fa--fa:""}
.fa-mug-tea{--fa:"";--fa--fa:""}
.fa-mug-tea-saucer{--fa:"";--fa--fa:""}
.fa-multiply{--fa:"";--fa--fa:""}
.fa-museum{--fa:"";--fa--fa:""}
.fa-mushroom{--fa:"";--fa--fa:""}
.fa-music{--fa:"";--fa--fa:""}
.fa-music-alt{--fa:"";--fa--fa:""}
.fa-music-alt-slash{--fa:"";--fa--fa:""}
.fa-music-magnifying-glass{--fa:"";--fa--fa:""}
.fa-music-note{--fa:"";--fa--fa:""}
.fa-music-note-slash{--fa:"";--fa--fa:""}
.fa-music-slash{--fa:"";--fa--fa:""}
.fa-mustache{--fa:"";--fa--fa:""}
.fa-n{--fa:"N";--fa--fa:"NN"}
.fa-naira-sign{--fa:"";--fa--fa:""}
.fa-narwhal{--fa:"";--fa--fa:""}
.fa-navicon{--fa:"";--fa--fa:""}
.fa-nesting-dolls{--fa:"";--fa--fa:""}
.fa-network-wired{--fa:"";--fa--fa:""}
.fa-neuter{--fa:"";--fa--fa:""}
.fa-newspaper{--fa:"";--fa--fa:""}
.fa-nfc{--fa:"";--fa--fa:""}
.fa-nfc-lock{--fa:"";--fa--fa:""}
.fa-nfc-magnifying-glass{--fa:"";--fa--fa:""}
.fa-nfc-pen{--fa:"";--fa--fa:""}
.fa-nfc-signal{--fa:"";--fa--fa:""}
.fa-nfc-slash{--fa:"";--fa--fa:""}
.fa-nfc-symbol{--fa:"";--fa--fa:""}
.fa-nfc-trash{--fa:"";--fa--fa:""}
.fa-nigiri{--fa:"";--fa--fa:""}
.fa-nose{--fa:"";--fa--fa:""}
.fa-not-equal{--fa:"";--fa--fa:""}
.fa-notdef{--fa:"";--fa--fa:""}
.fa-note{--fa:"";--fa--fa:""}
.fa-note-medical{--fa:"";--fa--fa:""}
.fa-note-sticky{--fa:"";--fa--fa:""}
.fa-notebook{--fa:"";--fa--fa:""}
.fa-notes{--fa:"";--fa--fa:""}
.fa-notes-medical{--fa:"";--fa--fa:""}
.fa-o{--fa:"O";--fa--fa:"OO"}
.fa-object-exclude{--fa:"";--fa--fa:""}
.fa-object-group{--fa:"";--fa--fa:""}
.fa-object-intersect{--fa:"";--fa--fa:""}
.fa-object-subtract{--fa:"";--fa--fa:""}
.fa-object-ungroup{--fa:"";--fa--fa:""}
.fa-object-union{--fa:"";--fa--fa:""}
.fa-objects-align-bottom{--fa:"";--fa--fa:""}
.fa-objects-align-center-horizontal{--fa:"";--fa--fa:""}
.fa-objects-align-center-vertical{--fa:"";--fa--fa:""}
.fa-objects-align-left{--fa:"";--fa--fa:""}
.fa-objects-align-right{--fa:"";--fa--fa:""}
.fa-objects-align-top{--fa:"";--fa--fa:""}
.fa-objects-column{--fa:"";--fa--fa:""}
.fa-octagon{--fa:"";--fa--fa:""}
.fa-octagon-check{--fa:"";--fa--fa:""}
.fa-octagon-divide{--fa:"";--fa--fa:""}
.fa-octagon-exclamation{--fa:"";--fa--fa:""}
.fa-octagon-minus{--fa:"";--fa--fa:""}
.fa-octagon-plus{--fa:"";--fa--fa:""}
.fa-octagon-xmark{--fa:"";--fa--fa:""}
.fa-octopus{--fa:"";--fa--fa:""}
.fa-oil-can{--fa:"";--fa--fa:""}
.fa-oil-can-drip{--fa:"";--fa--fa:""}
.fa-oil-temp{--fa:"";--fa--fa:""}
.fa-oil-temperature{--fa:"";--fa--fa:""}
.fa-oil-well{--fa:"";--fa--fa:""}
.fa-olive{--fa:"";--fa--fa:""}
.fa-olive-branch{--fa:"";--fa--fa:""}
.fa-om{--fa:"";--fa--fa:""}
.fa-omega{--fa:"";--fa--fa:""}
.fa-onion{--fa:"";--fa--fa:""}
.fa-option{--fa:"";--fa--fa:""}
.fa-ornament{--fa:"";--fa--fa:""}
.fa-otter{--fa:"";--fa--fa:""}
.fa-outdent{--fa:"";--fa--fa:""}
.fa-outlet{--fa:"";--fa--fa:""}
.fa-oven{--fa:"";--fa--fa:""}
.fa-overline{--fa:"";--fa--fa:""}
.fa-p{--fa:"P";--fa--fa:"PP"}
.fa-page{--fa:"";--fa--fa:""}
.fa-page-break{--fa:"";--fa--fa:""}
.fa-page-caret-down{--fa:"";--fa--fa:""}
.fa-page-caret-up{--fa:"";--fa--fa:""}
.fa-pager{--fa:"";--fa--fa:""}
.fa-paint-brush{--fa:"";--fa--fa:""}
.fa-paint-brush-alt{--fa:"";--fa--fa:""}
.fa-paint-brush-fine{--fa:"";--fa--fa:""}
.fa-paint-roller{--fa:"";--fa--fa:""}
.fa-paintbrush{--fa:"";--fa--fa:""}
.fa-paintbrush-alt{--fa:"";--fa--fa:""}
.fa-paintbrush-fine{--fa:"";--fa--fa:""}
.fa-paintbrush-pencil{--fa:"";--fa--fa:""}
.fa-palette{--fa:"";--fa--fa:""}
.fa-palette-boxes{--fa:"";--fa--fa:""}
.fa-pallet{--fa:"";--fa--fa:""}
.fa-pallet-alt{--fa:"";--fa--fa:""}
.fa-pallet-box{--fa:"";--fa--fa:""}
.fa-pallet-boxes{--fa:"";--fa--fa:""}
.fa-pan-food{--fa:"";--fa--fa:""}
.fa-pan-frying{--fa:"";--fa--fa:""}
.fa-pancakes{--fa:"";--fa--fa:""}
.fa-panel-ews{--fa:"";--fa--fa:""}
.fa-panel-fire{--fa:"";--fa--fa:""}
.fa-panorama{--fa:"";--fa--fa:""}
.fa-paper-plane{--fa:"";--fa--fa:""}
.fa-paper-plane-alt{--fa:"";--fa--fa:""}
.fa-paper-plane-top{--fa:"";--fa--fa:""}
.fa-paperclip{--fa:"";--fa--fa:""}
.fa-paperclip-vertical{--fa:"";--fa--fa:""}
.fa-parachute-box{--fa:"";--fa--fa:""}
.fa-paragraph{--fa:"";--fa--fa:""}
.fa-paragraph-left{--fa:"";--fa--fa:""}
.fa-paragraph-rtl{--fa:"";--fa--fa:""}
.fa-parentheses{--fa:"";--fa--fa:""}
.fa-parenthesis{--fa:"(";--fa--fa:"(("}
.fa-parking{--fa:"";--fa--fa:""}
.fa-parking-circle{--fa:"";--fa--fa:""}
.fa-parking-circle-slash{--fa:"";--fa--fa:""}
.fa-parking-slash{--fa:"";--fa--fa:""}
.fa-party-back{--fa:"";--fa--fa:""}
.fa-party-bell{--fa:"";--fa--fa:""}
.fa-party-horn{--fa:"";--fa--fa:""}
.fa-passport{--fa:"";--fa--fa:""}
.fa-pastafarianism{--fa:"";--fa--fa:""}
.fa-paste{--fa:"";--fa--fa:""}
.fa-pause{--fa:"";--fa--fa:""}
.fa-pause-circle{--fa:"";--fa--fa:""}
.fa-paw{--fa:"";--fa--fa:""}
.fa-paw-alt{--fa:"";--fa--fa:""}
.fa-paw-claws{--fa:"";--fa--fa:""}
.fa-paw-simple{--fa:"";--fa--fa:""}
.fa-peace{--fa:"";--fa--fa:""}
.fa-peach{--fa:"";--fa--fa:""}
.fa-peanut{--fa:"";--fa--fa:""}
.fa-peanuts{--fa:"";--fa--fa:""}
.fa-peapod{--fa:"";--fa--fa:""}
.fa-pear{--fa:"";--fa--fa:""}
.fa-pedestal{--fa:"";--fa--fa:""}
.fa-pegasus{--fa:"";--fa--fa:""}
.fa-pen{--fa:"";--fa--fa:""}
.fa-pen-alt{--fa:"";--fa--fa:""}
.fa-pen-alt-slash{--fa:"";--fa--fa:""}
.fa-pen-circle{--fa:"";--fa--fa:""}
.fa-pen-clip{--fa:"";--fa--fa:""}
.fa-pen-clip-slash{--fa:"";--fa--fa:""}
.fa-pen-fancy{--fa:"";--fa--fa:""}
.fa-pen-fancy-slash{--fa:"";--fa--fa:""}
.fa-pen-field{--fa:"";--fa--fa:""}
.fa-pen-line{--fa:"";--fa--fa:""}
.fa-pen-nib{--fa:"";--fa--fa:""}
.fa-pen-nib-slash{--fa:"";--fa--fa:""}
.fa-pen-paintbrush{--fa:"";--fa--fa:""}
.fa-pen-ruler{--fa:"";--fa--fa:""}
.fa-pen-slash{--fa:"";--fa--fa:""}
.fa-pen-square{--fa:"";--fa--fa:""}
.fa-pen-swirl{--fa:"";--fa--fa:""}
.fa-pen-to-square{--fa:"";--fa--fa:""}
.fa-pencil{--fa:"";--fa--fa:""}
.fa-pencil-alt{--fa:"";--fa--fa:""}
.fa-pencil-mechanical{--fa:"";--fa--fa:""}
.fa-pencil-paintbrush{--fa:"";--fa--fa:""}
.fa-pencil-ruler{--fa:"";--fa--fa:""}
.fa-pencil-slash{--fa:"";--fa--fa:""}
.fa-pencil-square{--fa:"";--fa--fa:""}
.fa-pennant{--fa:"";--fa--fa:""}
.fa-people{--fa:"";--fa--fa:""}
.fa-people-arrows{--fa:"";--fa--fa:""}
.fa-people-arrows-left-right{--fa:"";--fa--fa:""}
.fa-people-carry{--fa:"";--fa--fa:""}
.fa-people-carry-box{--fa:"";--fa--fa:""}
.fa-people-dress{--fa:"";--fa--fa:""}
.fa-people-dress-simple{--fa:"";--fa--fa:""}
.fa-people-group{--fa:"";--fa--fa:""}
.fa-people-line{--fa:"";--fa--fa:""}
.fa-people-pants{--fa:"";--fa--fa:""}
.fa-people-pants-simple{--fa:"";--fa--fa:""}
.fa-people-pulling{--fa:"";--fa--fa:""}
.fa-people-robbery{--fa:"";--fa--fa:""}
.fa-people-roof{--fa:"";--fa--fa:""}
.fa-people-simple{--fa:"";--fa--fa:""}
.fa-pepper{--fa:"";--fa--fa:""}
.fa-pepper-hot{--fa:"";--fa--fa:""}
.fa-percent{--fa:"%";--fa--fa:"%%"}
.fa-percentage{--fa:"%";--fa--fa:"%%"}
.fa-period{--fa:".";--fa--fa:".."}
.fa-person{--fa:"";--fa--fa:""}
.fa-person-arrow-down-to-line{--fa:"";--fa--fa:""}
.fa-person-arrow-up-from-line{--fa:"";--fa--fa:""}
.fa-person-biking{--fa:"";--fa--fa:""}
.fa-person-biking-mountain{--fa:"";--fa--fa:""}
.fa-person-booth{--fa:"";--fa--fa:""}
.fa-person-breastfeeding{--fa:"";--fa--fa:""}
.fa-person-burst{--fa:"";--fa--fa:""}
.fa-person-cane{--fa:"";--fa--fa:""}
.fa-person-carry{--fa:"";--fa--fa:""}
.fa-person-carry-box{--fa:"";--fa--fa:""}
.fa-person-chalkboard{--fa:"";--fa--fa:""}
.fa-person-circle-check{--fa:"";--fa--fa:""}
.fa-person-circle-exclamation{--fa:"";--fa--fa:""}
.fa-person-circle-minus{--fa:"";--fa--fa:""}
.fa-person-circle-plus{--fa:"";--fa--fa:""}
.fa-person-circle-question{--fa:"";--fa--fa:""}
.fa-person-circle-xmark{--fa:"";--fa--fa:""}
.fa-person-digging{--fa:"";--fa--fa:""}
.fa-person-dolly{--fa:"";--fa--fa:""}
.fa-person-dolly-empty{--fa:"";--fa--fa:""}
.fa-person-dots-from-line{--fa:"";--fa--fa:""}
.fa-person-dress{--fa:"";--fa--fa:""}
.fa-person-dress-burst{--fa:"";--fa--fa:""}
.fa-person-dress-fairy{--fa:"";--fa--fa:""}
.fa-person-dress-simple{--fa:"";--fa--fa:""}
.fa-person-drowning{--fa:"";--fa--fa:""}
.fa-person-fairy{--fa:"";--fa--fa:""}
.fa-person-falling{--fa:"";--fa--fa:""}
.fa-person-falling-burst{--fa:"";--fa--fa:""}
.fa-person-from-portal{--fa:"";--fa--fa:""}
.fa-person-half-dress{--fa:"";--fa--fa:""}
.fa-person-harassing{--fa:"";--fa--fa:""}
.fa-person-hiking{--fa:"";--fa--fa:""}
.fa-person-military-pointing{--fa:"";--fa--fa:""}
.fa-person-military-rifle{--fa:"";--fa--fa:""}
.fa-person-military-to-person{--fa:"";--fa--fa:""}
.fa-person-pinball{--fa:"";--fa--fa:""}
.fa-person-praying{--fa:"";--fa--fa:""}
.fa-person-pregnant{--fa:"";--fa--fa:""}
.fa-person-rays{--fa:"";--fa--fa:""}
.fa-person-rifle{--fa:"";--fa--fa:""}
.fa-person-running{--fa:"";--fa--fa:""}
.fa-person-running-fast{--fa:"";--fa--fa:""}
.fa-person-seat{--fa:"";--fa--fa:""}
.fa-person-seat-reclined{--fa:"";--fa--fa:""}
.fa-person-shelter{--fa:"";--fa--fa:""}
.fa-person-sign{--fa:"";--fa--fa:""}
.fa-person-simple{--fa:"";--fa--fa:""}
.fa-person-skating{--fa:"";--fa--fa:""}
.fa-person-ski-jumping{--fa:"";--fa--fa:""}
.fa-person-ski-lift{--fa:"";--fa--fa:""}
.fa-person-skiing{--fa:"";--fa--fa:""}
.fa-person-skiing-nordic{--fa:"";--fa--fa:""}
.fa-person-sledding{--fa:"";--fa--fa:""}
.fa-person-snowboarding{--fa:"";--fa--fa:""}
.fa-person-snowmobiling{--fa:"";--fa--fa:""}
.fa-person-swimming{--fa:"";--fa--fa:""}
.fa-person-through-window{--fa:"";--fa--fa:""}
.fa-person-to-door{--fa:"";--fa--fa:""}
.fa-person-to-portal{--fa:"";--fa--fa:""}
.fa-person-walking{--fa:"";--fa--fa:""}
.fa-person-walking-arrow-loop-left{--fa:"";--fa--fa:""}
.fa-person-walking-arrow-right{--fa:"";--fa--fa:""}
.fa-person-walking-dashed-line-arrow-right{--fa:"";--fa--fa:""}
.fa-person-walking-luggage{--fa:"";--fa--fa:""}
.fa-person-walking-with-cane{--fa:"";--fa--fa:""}
.fa-peseta-sign{--fa:"";--fa--fa:""}
.fa-peso-sign{--fa:"";--fa--fa:""}
.fa-phone{--fa:"";--fa--fa:""}
.fa-phone-alt{--fa:"";--fa--fa:""}
.fa-phone-arrow-down{--fa:"";--fa--fa:""}
.fa-phone-arrow-down-left{--fa:"";--fa--fa:""}
.fa-phone-arrow-right{--fa:"";--fa--fa:""}
.fa-phone-arrow-up{--fa:"";--fa--fa:""}
.fa-phone-arrow-up-right{--fa:"";--fa--fa:""}
.fa-phone-circle{--fa:"";--fa--fa:""}
.fa-phone-circle-alt{--fa:"";--fa--fa:""}
.fa-phone-circle-down{--fa:"";--fa--fa:""}
.fa-phone-flip{--fa:"";--fa--fa:""}
.fa-phone-hangup{--fa:"";--fa--fa:""}
.fa-phone-incoming{--fa:"";--fa--fa:""}
.fa-phone-intercom{--fa:"";--fa--fa:""}
.fa-phone-laptop{--fa:"";--fa--fa:""}
.fa-phone-missed{--fa:"";--fa--fa:""}
.fa-phone-office{--fa:"";--fa--fa:""}
.fa-phone-outgoing{--fa:"";--fa--fa:""}
.fa-phone-plus{--fa:"";--fa--fa:""}
.fa-phone-rotary{--fa:"";--fa--fa:""}
.fa-phone-slash{--fa:"";--fa--fa:""}
.fa-phone-square{--fa:"";--fa--fa:""}
.fa-phone-square-alt{--fa:"";--fa--fa:""}
.fa-phone-square-down{--fa:"";--fa--fa:""}
.fa-phone-volume{--fa:"";--fa--fa:""}
.fa-phone-xmark{--fa:"";--fa--fa:""}
.fa-photo-film{--fa:"";--fa--fa:""}
.fa-photo-film-music{--fa:"";--fa--fa:""}
.fa-photo-video{--fa:"";--fa--fa:""}
.fa-pi{--fa:"";--fa--fa:""}
.fa-piano{--fa:"";--fa--fa:""}
.fa-piano-keyboard{--fa:"";--fa--fa:""}
.fa-pickaxe{--fa:"";--fa--fa:""}
.fa-pickleball{--fa:"";--fa--fa:""}
.fa-pie{--fa:"";--fa--fa:""}
.fa-pie-chart{--fa:"";--fa--fa:""}
.fa-pig{--fa:"";--fa--fa:""}
.fa-piggy-bank{--fa:"";--fa--fa:""}
.fa-pills{--fa:"";--fa--fa:""}
.fa-pinata{--fa:"";--fa--fa:""}
.fa-pinball{--fa:"";--fa--fa:""}
.fa-pineapple{--fa:"";--fa--fa:""}
.fa-ping-pong-paddle-ball{--fa:"";--fa--fa:""}
.fa-pipe{--fa:"|";--fa--fa:"||"}
.fa-pipe-circle-check{--fa:"";--fa--fa:""}
.fa-pipe-collar{--fa:"";--fa--fa:""}
.fa-pipe-section{--fa:"";--fa--fa:""}
.fa-pipe-smoking{--fa:"";--fa--fa:""}
.fa-pipe-valve{--fa:"";--fa--fa:""}
.fa-pizza{--fa:"";--fa--fa:""}
.fa-pizza-slice{--fa:"";--fa--fa:""}
.fa-place-of-worship{--fa:"";--fa--fa:""}
.fa-plane{--fa:"";--fa--fa:""}
.fa-plane-alt{--fa:"";--fa--fa:""}
.fa-plane-arrival{--fa:"";--fa--fa:""}
.fa-plane-circle-check{--fa:"";--fa--fa:""}
.fa-plane-circle-exclamation{--fa:"";--fa--fa:""}
.fa-plane-circle-xmark{--fa:"";--fa--fa:""}
.fa-plane-departure{--fa:"";--fa--fa:""}
.fa-plane-engines{--fa:"";--fa--fa:""}
.fa-plane-lock{--fa:"";--fa--fa:""}
.fa-plane-prop{--fa:"";--fa--fa:""}
.fa-plane-slash{--fa:"";--fa--fa:""}
.fa-plane-tail{--fa:"";--fa--fa:""}
.fa-plane-up{--fa:"";--fa--fa:""}
.fa-plane-up-slash{--fa:"";--fa--fa:""}
.fa-planet-moon{--fa:"";--fa--fa:""}
.fa-planet-ringed{--fa:"";--fa--fa:""}
.fa-plant-wilt{--fa:"";--fa--fa:""}
.fa-plate-utensils{--fa:"";--fa--fa:""}
.fa-plate-wheat{--fa:"";--fa--fa:""}
.fa-play{--fa:"";--fa--fa:""}
.fa-play-circle{--fa:"";--fa--fa:""}
.fa-play-pause{--fa:"";--fa--fa:""}
.fa-plug{--fa:"";--fa--fa:""}
.fa-plug-circle-bolt{--fa:"";--fa--fa:""}
.fa-plug-circle-check{--fa:"";--fa--fa:""}
.fa-plug-circle-exclamation{--fa:"";--fa--fa:""}
.fa-plug-circle-minus{--fa:"";--fa--fa:""}
.fa-plug-circle-plus{--fa:"";--fa--fa:""}
.fa-plug-circle-xmark{--fa:"";--fa--fa:""}
.fa-plus{--fa:"+";--fa--fa:"++"}
.fa-plus-circle{--fa:"";--fa--fa:""}
.fa-plus-hexagon{--fa:"";--fa--fa:""}
.fa-plus-large{--fa:"";--fa--fa:""}
.fa-plus-minus{--fa:"";--fa--fa:""}
.fa-plus-octagon{--fa:"";--fa--fa:""}
.fa-plus-square{--fa:"";--fa--fa:""}
.fa-podcast{--fa:"";--fa--fa:""}
.fa-podium{--fa:"";--fa--fa:""}
.fa-podium-star{--fa:"";--fa--fa:""}
.fa-police-box{--fa:"";--fa--fa:""}
.fa-poll{--fa:"";--fa--fa:""}
.fa-poll-h{--fa:"";--fa--fa:""}
.fa-poll-people{--fa:"";--fa--fa:""}
.fa-pompebled{--fa:"";--fa--fa:""}
.fa-poo{--fa:"";--fa--fa:""}
.fa-poo-bolt{--fa:"";--fa--fa:""}
.fa-poo-storm{--fa:"";--fa--fa:""}
.fa-pool-8-ball{--fa:"";--fa--fa:""}
.fa-poop{--fa:"";--fa--fa:""}
.fa-popcorn{--fa:"";--fa--fa:""}
.fa-popsicle{--fa:"";--fa--fa:""}
.fa-portal-enter{--fa:"";--fa--fa:""}
.fa-portal-exit{--fa:"";--fa--fa:""}
.fa-portrait{--fa:"";--fa--fa:""}
.fa-pot-food{--fa:"";--fa--fa:""}
.fa-potato{--fa:"";--fa--fa:""}
.fa-pound-sign{--fa:"";--fa--fa:""}
.fa-power-off{--fa:"";--fa--fa:""}
.fa-pray{--fa:"";--fa--fa:""}
.fa-praying-hands{--fa:"";--fa--fa:""}
.fa-prescription{--fa:"";--fa--fa:""}
.fa-prescription-bottle{--fa:"";--fa--fa:""}
.fa-prescription-bottle-alt{--fa:"";--fa--fa:""}
.fa-prescription-bottle-medical{--fa:"";--fa--fa:""}
.fa-prescription-bottle-pill{--fa:"";--fa--fa:""}
.fa-presentation{--fa:"";--fa--fa:""}
.fa-presentation-screen{--fa:"";--fa--fa:""}
.fa-pretzel{--fa:"";--fa--fa:""}
.fa-print{--fa:"";--fa--fa:""}
.fa-print-magnifying-glass{--fa:"";--fa--fa:""}
.fa-print-search{--fa:"";--fa--fa:""}
.fa-print-slash{--fa:"";--fa--fa:""}
.fa-pro{--fa:"";--fa--fa:""}
.fa-procedures{--fa:"";--fa--fa:""}
.fa-project-diagram{--fa:"";--fa--fa:""}
.fa-projector{--fa:"";--fa--fa:""}
.fa-pronoun{--fa:"";--fa--fa:""}
.fa-pump{--fa:"";--fa--fa:""}
.fa-pump-medical{--fa:"";--fa--fa:""}
.fa-pump-soap{--fa:"";--fa--fa:""}
.fa-pumpkin{--fa:"";--fa--fa:""}
.fa-puzzle{--fa:"";--fa--fa:""}
.fa-puzzle-piece{--fa:"";--fa--fa:""}
.fa-puzzle-piece-alt{--fa:"";--fa--fa:""}
.fa-puzzle-piece-simple{--fa:"";--fa--fa:""}
.fa-q{--fa:"Q";--fa--fa:"QQ"}
.fa-qrcode{--fa:"";--fa--fa:""}
.fa-question{--fa:"?";--fa--fa:"??"}
.fa-question-circle{--fa:"";--fa--fa:""}
.fa-question-square{--fa:"";--fa--fa:""}
.fa-quidditch{--fa:"";--fa--fa:""}
.fa-quidditch-broom-ball{--fa:"";--fa--fa:""}
.fa-quote-left{--fa:"";--fa--fa:""}
.fa-quote-left-alt{--fa:"";--fa--fa:""}
.fa-quote-right{--fa:"";--fa--fa:""}
.fa-quote-right-alt{--fa:"";--fa--fa:""}
.fa-quotes{--fa:"";--fa--fa:""}
.fa-quran{--fa:"";--fa--fa:""}
.fa-r{--fa:"R";--fa--fa:"RR"}
.fa-rabbit{--fa:"";--fa--fa:""}
.fa-rabbit-fast{--fa:"";--fa--fa:""}
.fa-rabbit-running{--fa:"";--fa--fa:""}
.fa-raccoon{--fa:"";--fa--fa:""}
.fa-racquet{--fa:"";--fa--fa:""}
.fa-radar{--fa:"";--fa--fa:""}
.fa-radiation{--fa:"";--fa--fa:""}
.fa-radiation-alt{--fa:"";--fa--fa:""}
.fa-radio{--fa:"";--fa--fa:""}
.fa-radio-alt{--fa:"";--fa--fa:""}
.fa-radio-tuner{--fa:"";--fa--fa:""}
.fa-rainbow{--fa:"";--fa--fa:""}
.fa-raindrops{--fa:"";--fa--fa:""}
.fa-ram{--fa:"";--fa--fa:""}
.fa-ramp-loading{--fa:"";--fa--fa:""}
.fa-random{--fa:"";--fa--fa:""}
.fa-ranking-star{--fa:"";--fa--fa:""}
.fa-raygun{--fa:"";--fa--fa:""}
.fa-receipt{--fa:"";--fa--fa:""}
.fa-record-vinyl{--fa:"";--fa--fa:""}
.fa-rectangle{--fa:"";--fa--fa:""}
.fa-rectangle-ad{--fa:"";--fa--fa:""}
.fa-rectangle-barcode{--fa:"";--fa--fa:""}
.fa-rectangle-code{--fa:"";--fa--fa:""}
.fa-rectangle-hd{--fa:"";--fa--fa:""}
.fa-rectangle-history{--fa:"";--fa--fa:""}
.fa-rectangle-history-circle-plus{--fa:"";--fa--fa:""}
.fa-rectangle-history-circle-user{--fa:"";--fa--fa:""}
.fa-rectangle-landscape{--fa:"";--fa--fa:""}
.fa-rectangle-list{--fa:"";--fa--fa:""}
.fa-rectangle-portrait{--fa:"";--fa--fa:""}
.fa-rectangle-pro{--fa:"";--fa--fa:""}
.fa-rectangle-sd{--fa:"";--fa--fa:""}
.fa-rectangle-terminal{--fa:"";--fa--fa:""}
.fa-rectangle-times{--fa:"";--fa--fa:""}
.fa-rectangle-vertical{--fa:"";--fa--fa:""}
.fa-rectangle-vertical-history{--fa:"";--fa--fa:""}
.fa-rectangle-wide{--fa:"";--fa--fa:""}
.fa-rectangle-xmark{--fa:"";--fa--fa:""}
.fa-rectangles-mixed{--fa:"";--fa--fa:""}
.fa-recycle{--fa:"";--fa--fa:""}
.fa-redo{--fa:"";--fa--fa:""}
.fa-redo-alt{--fa:"";--fa--fa:""}
.fa-reel{--fa:"";--fa--fa:""}
.fa-reflect-both{--fa:"";--fa--fa:""}
.fa-reflect-horizontal{--fa:"";--fa--fa:""}
.fa-reflect-vertical{--fa:"";--fa--fa:""}
.fa-refresh{--fa:"";--fa--fa:""}
.fa-refrigerator{--fa:"";--fa--fa:""}
.fa-registered{--fa:"";--fa--fa:""}
.fa-remove{--fa:"";--fa--fa:""}
.fa-remove-format{--fa:"";--fa--fa:""}
.fa-reorder{--fa:"";--fa--fa:""}
.fa-repeat{--fa:"";--fa--fa:""}
.fa-repeat-1{--fa:"";--fa--fa:""}
.fa-repeat-1-alt{--fa:"";--fa--fa:""}
.fa-repeat-alt{--fa:"";--fa--fa:""}
.fa-reply{--fa:"";--fa--fa:""}
.fa-reply-all{--fa:"";--fa--fa:""}
.fa-reply-clock{--fa:"";--fa--fa:""}
.fa-reply-time{--fa:"";--fa--fa:""}
.fa-republican{--fa:"";--fa--fa:""}
.fa-restroom{--fa:"";--fa--fa:""}
.fa-restroom-simple{--fa:"";--fa--fa:""}
.fa-retweet{--fa:"";--fa--fa:""}
.fa-retweet-alt{--fa:"";--fa--fa:""}
.fa-rhombus{--fa:"";--fa--fa:""}
.fa-ribbon{--fa:"";--fa--fa:""}
.fa-right{--fa:"";--fa--fa:""}
.fa-right-from-bracket{--fa:"";--fa--fa:""}
.fa-right-from-line{--fa:"";--fa--fa:""}
.fa-right-left{--fa:"";--fa--fa:""}
.fa-right-left-large{--fa:"";--fa--fa:""}
.fa-right-long{--fa:"";--fa--fa:""}
.fa-right-long-to-line{--fa:"";--fa--fa:""}
.fa-right-to-bracket{--fa:"";--fa--fa:""}
.fa-right-to-line{--fa:"";--fa--fa:""}
.fa-ring{--fa:"";--fa--fa:""}
.fa-ring-diamond{--fa:"";--fa--fa:""}
.fa-rings-wedding{--fa:"";--fa--fa:""}
.fa-rmb{--fa:"";--fa--fa:""}
.fa-road{--fa:"";--fa--fa:""}
.fa-road-barrier{--fa:"";--fa--fa:""}
.fa-road-bridge{--fa:"";--fa--fa:""}
.fa-road-circle-check{--fa:"";--fa--fa:""}
.fa-road-circle-exclamation{--fa:"";--fa--fa:""}
.fa-road-circle-xmark{--fa:"";--fa--fa:""}
.fa-road-lock{--fa:"";--fa--fa:""}
.fa-road-spikes{--fa:"";--fa--fa:""}
.fa-robot{--fa:"";--fa--fa:""}
.fa-robot-astromech{--fa:"";--fa--fa:""}
.fa-rocket{--fa:"";--fa--fa:""}
.fa-rocket-launch{--fa:"";--fa--fa:""}
.fa-rod-asclepius{--fa:"";--fa--fa:""}
.fa-rod-snake{--fa:"";--fa--fa:""}
.fa-roller-coaster{--fa:"";--fa--fa:""}
.fa-rotate{--fa:"";--fa--fa:""}
.fa-rotate-back{--fa:"";--fa--fa:""}
.fa-rotate-backward{--fa:"";--fa--fa:""}
.fa-rotate-exclamation{--fa:"";--fa--fa:""}
.fa-rotate-forward{--fa:"";--fa--fa:""}
.fa-rotate-left{--fa:"";--fa--fa:""}
.fa-rotate-reverse{--fa:"";--fa--fa:""}
.fa-rotate-right{--fa:"";--fa--fa:""}
.fa-rouble{--fa:"";--fa--fa:""}
.fa-route{--fa:"";--fa--fa:""}
.fa-route-highway{--fa:"";--fa--fa:""}
.fa-route-interstate{--fa:"";--fa--fa:""}
.fa-router{--fa:"";--fa--fa:""}
.fa-rows{--fa:"";--fa--fa:""}
.fa-rss{--fa:"";--fa--fa:""}
.fa-rss-square{--fa:"";--fa--fa:""}
.fa-rub{--fa:"";--fa--fa:""}
.fa-ruble{--fa:"";--fa--fa:""}
.fa-ruble-sign{--fa:"";--fa--fa:""}
.fa-rug{--fa:"";--fa--fa:""}
.fa-rugby-ball{--fa:"";--fa--fa:""}
.fa-ruler{--fa:"";--fa--fa:""}
.fa-ruler-combined{--fa:"";--fa--fa:""}
.fa-ruler-horizontal{--fa:"";--fa--fa:""}
.fa-ruler-triangle{--fa:"";--fa--fa:""}
.fa-ruler-vertical{--fa:"";--fa--fa:""}
.fa-running{--fa:"";--fa--fa:""}
.fa-rupee{--fa:"";--fa--fa:""}
.fa-rupee-sign{--fa:"";--fa--fa:""}
.fa-rupiah-sign{--fa:"";--fa--fa:""}
.fa-rv{--fa:"";--fa--fa:""}
.fa-s{--fa:"S";--fa--fa:"SS"}
.fa-sack{--fa:"";--fa--fa:""}
.fa-sack-dollar{--fa:"";--fa--fa:""}
.fa-sack-xmark{--fa:"";--fa--fa:""}
.fa-sad-cry{--fa:"";--fa--fa:""}
.fa-sad-tear{--fa:"";--fa--fa:""}
.fa-sailboat{--fa:"";--fa--fa:""}
.fa-salad{--fa:"";--fa--fa:""}
.fa-salt-shaker{--fa:"";--fa--fa:""}
.fa-sandwich{--fa:"";--fa--fa:""}
.fa-satellite{--fa:"";--fa--fa:""}
.fa-satellite-dish{--fa:"";--fa--fa:""}
.fa-sausage{--fa:"";--fa--fa:""}
.fa-save{--fa:"";--fa--fa:""}
.fa-save-circle-arrow-right{--fa:"";--fa--fa:""}
.fa-save-circle-xmark{--fa:"";--fa--fa:""}
.fa-save-times{--fa:"";--fa--fa:""}
.fa-sax-hot{--fa:"";--fa--fa:""}
.fa-saxophone{--fa:"";--fa--fa:""}
.fa-saxophone-fire{--fa:"";--fa--fa:""}
.fa-scale-balanced{--fa:"";--fa--fa:""}
.fa-scale-unbalanced{--fa:"";--fa--fa:""}
.fa-scale-unbalanced-flip{--fa:"";--fa--fa:""}
.fa-scalpel{--fa:"";--fa--fa:""}
.fa-scalpel-line-dashed{--fa:"";--fa--fa:""}
.fa-scalpel-path{--fa:"";--fa--fa:""}
.fa-scanner{--fa:"";--fa--fa:""}
.fa-scanner-gun{--fa:"";--fa--fa:""}
.fa-scanner-image{--fa:"";--fa--fa:""}
.fa-scanner-keyboard{--fa:"";--fa--fa:""}
.fa-scanner-touchscreen{--fa:"";--fa--fa:""}
.fa-scarecrow{--fa:"";--fa--fa:""}
.fa-scarf{--fa:"";--fa--fa:""}
.fa-school{--fa:"";--fa--fa:""}
.fa-school-circle-check{--fa:"";--fa--fa:""}
.fa-school-circle-exclamation{--fa:"";--fa--fa:""}
.fa-school-circle-xmark{--fa:"";--fa--fa:""}
.fa-school-flag{--fa:"";--fa--fa:""}
.fa-school-lock{--fa:"";--fa--fa:""}
.fa-scissors{--fa:"";--fa--fa:""}
.fa-screen-users{--fa:"";--fa--fa:""}
.fa-screencast{--fa:"";--fa--fa:""}
.fa-screenshot{--fa:"";--fa--fa:""}
.fa-screwdriver{--fa:"";--fa--fa:""}
.fa-screwdriver-wrench{--fa:"";--fa--fa:""}
.fa-scribble{--fa:"";--fa--fa:""}
.fa-scroll{--fa:"";--fa--fa:""}
.fa-scroll-old{--fa:"";--fa--fa:""}
.fa-scroll-ribbon{--fa:"";--fa--fa:""}
.fa-scroll-torah{--fa:"";--fa--fa:""}
.fa-scrubber{--fa:"";--fa--fa:""}
.fa-scythe{--fa:"";--fa--fa:""}
.fa-sd-card{--fa:"";--fa--fa:""}
.fa-sd-cards{--fa:"";--fa--fa:""}
.fa-seal{--fa:"";--fa--fa:""}
.fa-seal-exclamation{--fa:"";--fa--fa:""}
.fa-seal-question{--fa:"";--fa--fa:""}
.fa-search{--fa:"";--fa--fa:""}
.fa-search-dollar{--fa:"";--fa--fa:""}
.fa-search-location{--fa:"";--fa--fa:""}
.fa-search-minus{--fa:"";--fa--fa:""}
.fa-search-plus{--fa:"";--fa--fa:""}
.fa-seat-airline{--fa:"";--fa--fa:""}
.fa-section{--fa:"";--fa--fa:""}
.fa-seedling{--fa:"";--fa--fa:""}
.fa-semicolon{--fa:";";--fa--fa:";;"}
.fa-send{--fa:"";--fa--fa:""}
.fa-send-back{--fa:"";--fa--fa:""}
.fa-send-backward{--fa:"";--fa--fa:""}
.fa-sensor{--fa:"";--fa--fa:""}
.fa-sensor-alert{--fa:"";--fa--fa:""}
.fa-sensor-cloud{--fa:"";--fa--fa:""}
.fa-sensor-fire{--fa:"";--fa--fa:""}
.fa-sensor-on{--fa:"";--fa--fa:""}
.fa-sensor-smoke{--fa:"";--fa--fa:""}
.fa-sensor-triangle-exclamation{--fa:"";--fa--fa:""}
.fa-server{--fa:"";--fa--fa:""}
.fa-shapes{--fa:"";--fa--fa:""}
.fa-share{--fa:"";--fa--fa:""}
.fa-share-all{--fa:"";--fa--fa:""}
.fa-share-alt{--fa:"";--fa--fa:""}
.fa-share-alt-square{--fa:"";--fa--fa:""}
.fa-share-from-square{--fa:"";--fa--fa:""}
.fa-share-nodes{--fa:"";--fa--fa:""}
.fa-share-square{--fa:"";--fa--fa:""}
.fa-sheep{--fa:"";--fa--fa:""}
.fa-sheet-plastic{--fa:"";--fa--fa:""}
.fa-shekel{--fa:"";--fa--fa:""}
.fa-shekel-sign{--fa:"";--fa--fa:""}
.fa-shelves{--fa:"";--fa--fa:""}
.fa-shelves-empty{--fa:"";--fa--fa:""}
.fa-sheqel{--fa:"";--fa--fa:""}
.fa-sheqel-sign{--fa:"";--fa--fa:""}
.fa-shield{--fa:"";--fa--fa:""}
.fa-shield-alt{--fa:"";--fa--fa:""}
.fa-shield-blank{--fa:"";--fa--fa:""}
.fa-shield-cat{--fa:"";--fa--fa:""}
.fa-shield-check{--fa:"";--fa--fa:""}
.fa-shield-cross{--fa:"";--fa--fa:""}
.fa-shield-dog{--fa:"";--fa--fa:""}
.fa-shield-exclamation{--fa:"";--fa--fa:""}
.fa-shield-halved{--fa:"";--fa--fa:""}
.fa-shield-heart{--fa:"";--fa--fa:""}
.fa-shield-keyhole{--fa:"";--fa--fa:""}
.fa-shield-minus{--fa:"";--fa--fa:""}
.fa-shield-plus{--fa:"";--fa--fa:""}
.fa-shield-quartered{--fa:"";--fa--fa:""}
.fa-shield-slash{--fa:"";--fa--fa:""}
.fa-shield-times{--fa:"";--fa--fa:""}
.fa-shield-virus{--fa:"";--fa--fa:""}
.fa-shield-xmark{--fa:"";--fa--fa:""}
.fa-ship{--fa:"";--fa--fa:""}
.fa-shipping-fast{--fa:"";--fa--fa:""}
.fa-shipping-timed{--fa:"";--fa--fa:""}
.fa-shirt{--fa:"";--fa--fa:""}
.fa-shirt-long-sleeve{--fa:"";--fa--fa:""}
.fa-shirt-running{--fa:"";--fa--fa:""}
.fa-shirt-tank-top{--fa:"";--fa--fa:""}
.fa-shish-kebab{--fa:"";--fa--fa:""}
.fa-shoe-prints{--fa:"";--fa--fa:""}
.fa-shop{--fa:"";--fa--fa:""}
.fa-shop-lock{--fa:"";--fa--fa:""}
.fa-shop-slash{--fa:"";--fa--fa:""}
.fa-shopping-bag{--fa:"";--fa--fa:""}
.fa-shopping-basket{--fa:"";--fa--fa:""}
.fa-shopping-basket-alt{--fa:"";--fa--fa:""}
.fa-shopping-cart{--fa:"";--fa--fa:""}
.fa-shortcake{--fa:"";--fa--fa:""}
.fa-shovel{--fa:"";--fa--fa:""}
.fa-shovel-snow{--fa:"";--fa--fa:""}
.fa-shower{--fa:"";--fa--fa:""}
.fa-shower-alt{--fa:"";--fa--fa:""}
.fa-shower-down{--fa:"";--fa--fa:""}
.fa-shredder{--fa:"";--fa--fa:""}
.fa-shrimp{--fa:"";--fa--fa:""}
.fa-shuffle{--fa:"";--fa--fa:""}
.fa-shutters{--fa:"";--fa--fa:""}
.fa-shuttle-space{--fa:"";--fa--fa:""}
.fa-shuttle-van{--fa:"";--fa--fa:""}
.fa-shuttlecock{--fa:"";--fa--fa:""}
.fa-sickle{--fa:"";--fa--fa:""}
.fa-sidebar{--fa:"";--fa--fa:""}
.fa-sidebar-flip{--fa:"";--fa--fa:""}
.fa-sigma{--fa:"";--fa--fa:""}
.fa-sign{--fa:"";--fa--fa:""}
.fa-sign-hanging{--fa:"";--fa--fa:""}
.fa-sign-in{--fa:"";--fa--fa:""}
.fa-sign-in-alt{--fa:"";--fa--fa:""}
.fa-sign-language{--fa:"";--fa--fa:""}
.fa-sign-out{--fa:"";--fa--fa:""}
.fa-sign-out-alt{--fa:"";--fa--fa:""}
.fa-sign-post{--fa:"";--fa--fa:""}
.fa-sign-posts{--fa:"";--fa--fa:""}
.fa-sign-posts-wrench{--fa:"";--fa--fa:""}
.fa-signal{--fa:"";--fa--fa:""}
.fa-signal-1{--fa:"";--fa--fa:""}
.fa-signal-2{--fa:"";--fa--fa:""}
.fa-signal-3{--fa:"";--fa--fa:""}
.fa-signal-4{--fa:"";--fa--fa:""}
.fa-signal-5{--fa:"";--fa--fa:""}
.fa-signal-alt{--fa:"";--fa--fa:""}
.fa-signal-alt-1{--fa:"";--fa--fa:""}
.fa-signal-alt-2{--fa:"";--fa--fa:""}
.fa-signal-alt-3{--fa:"";--fa--fa:""}
.fa-signal-alt-4{--fa:"";--fa--fa:""}
.fa-signal-alt-slash{--fa:"";--fa--fa:""}
.fa-signal-bars{--fa:"";--fa--fa:""}
.fa-signal-bars-fair{--fa:"";--fa--fa:""}
.fa-signal-bars-good{--fa:"";--fa--fa:""}
.fa-signal-bars-slash{--fa:"";--fa--fa:""}
.fa-signal-bars-strong{--fa:"";--fa--fa:""}
.fa-signal-bars-weak{--fa:"";--fa--fa:""}
.fa-signal-fair{--fa:"";--fa--fa:""}
.fa-signal-good{--fa:"";--fa--fa:""}
.fa-signal-perfect{--fa:"";--fa--fa:""}
.fa-signal-slash{--fa:"";--fa--fa:""}
.fa-signal-stream{--fa:"";--fa--fa:""}
.fa-signal-stream-slash{--fa:"";--fa--fa:""}
.fa-signal-strong{--fa:"";--fa--fa:""}
.fa-signal-weak{--fa:"";--fa--fa:""}
.fa-signature{--fa:"";--fa--fa:""}
.fa-signature-lock{--fa:"";--fa--fa:""}
.fa-signature-slash{--fa:"";--fa--fa:""}
.fa-signing{--fa:"";--fa--fa:""}
.fa-signs-post{--fa:"";--fa--fa:""}
.fa-sim-card{--fa:"";--fa--fa:""}
.fa-sim-cards{--fa:"";--fa--fa:""}
.fa-sink{--fa:"";--fa--fa:""}
.fa-siren{--fa:"";--fa--fa:""}
.fa-siren-on{--fa:"";--fa--fa:""}
.fa-sitemap{--fa:"";--fa--fa:""}
.fa-skating{--fa:"";--fa--fa:""}
.fa-skeleton{--fa:"";--fa--fa:""}
.fa-skeleton-ribs{--fa:"";--fa--fa:""}
.fa-ski-boot{--fa:"";--fa--fa:""}
.fa-ski-boot-ski{--fa:"";--fa--fa:""}
.fa-ski-jump{--fa:"";--fa--fa:""}
.fa-ski-lift{--fa:"";--fa--fa:""}
.fa-skiing{--fa:"";--fa--fa:""}
.fa-skiing-nordic{--fa:"";--fa--fa:""}
.fa-skull{--fa:"";--fa--fa:""}
.fa-skull-cow{--fa:"";--fa--fa:""}
.fa-skull-crossbones{--fa:"";--fa--fa:""}
.fa-slash{--fa:"";--fa--fa:""}
.fa-slash-back{--fa:"\\";--fa--fa:"\\\\"}
.fa-slash-forward{--fa:"/";--fa--fa:"//"}
.fa-sledding{--fa:"";--fa--fa:""}
.fa-sleigh{--fa:"";--fa--fa:""}
.fa-slider{--fa:"";--fa--fa:""}
.fa-sliders{--fa:"";--fa--fa:""}
.fa-sliders-h{--fa:"";--fa--fa:""}
.fa-sliders-h-square{--fa:"";--fa--fa:""}
.fa-sliders-simple{--fa:"";--fa--fa:""}
.fa-sliders-up{--fa:"";--fa--fa:""}
.fa-sliders-v{--fa:"";--fa--fa:""}
.fa-sliders-v-square{--fa:"";--fa--fa:""}
.fa-slot-machine{--fa:"";--fa--fa:""}
.fa-smile{--fa:"";--fa--fa:""}
.fa-smile-beam{--fa:"";--fa--fa:""}
.fa-smile-plus{--fa:"";--fa--fa:""}
.fa-smile-wink{--fa:"";--fa--fa:""}
.fa-smog{--fa:"";--fa--fa:""}
.fa-smoke{--fa:"";--fa--fa:""}
.fa-smoking{--fa:"";--fa--fa:""}
.fa-smoking-ban{--fa:"";--fa--fa:""}
.fa-sms{--fa:"";--fa--fa:""}
.fa-snake{--fa:"";--fa--fa:""}
.fa-snooze{--fa:"";--fa--fa:""}
.fa-snow-blowing{--fa:"";--fa--fa:""}
.fa-snowboarding{--fa:"";--fa--fa:""}
.fa-snowflake{--fa:"";--fa--fa:""}
.fa-snowflake-droplets{--fa:"";--fa--fa:""}
.fa-snowflakes{--fa:"";--fa--fa:""}
.fa-snowman{--fa:"";--fa--fa:""}
.fa-snowman-head{--fa:"";--fa--fa:""}
.fa-snowmobile{--fa:"";--fa--fa:""}
.fa-snowplow{--fa:"";--fa--fa:""}
.fa-soap{--fa:"";--fa--fa:""}
.fa-soccer-ball{--fa:"";--fa--fa:""}
.fa-socks{--fa:"";--fa--fa:""}
.fa-soft-serve{--fa:"";--fa--fa:""}
.fa-solar-panel{--fa:"";--fa--fa:""}
.fa-solar-system{--fa:"";--fa--fa:""}
.fa-sort{--fa:"";--fa--fa:""}
.fa-sort-alpha-asc{--fa:"";--fa--fa:""}
.fa-sort-alpha-desc{--fa:"";--fa--fa:""}
.fa-sort-alpha-down{--fa:"";--fa--fa:""}
.fa-sort-alpha-down-alt{--fa:"";--fa--fa:""}
.fa-sort-alpha-up{--fa:"";--fa--fa:""}
.fa-sort-alpha-up-alt{--fa:"";--fa--fa:""}
.fa-sort-alt{--fa:"";--fa--fa:""}
.fa-sort-amount-asc{--fa:"";--fa--fa:""}
.fa-sort-amount-desc{--fa:"";--fa--fa:""}
.fa-sort-amount-down{--fa:"";--fa--fa:""}
.fa-sort-amount-down-alt{--fa:"";--fa--fa:""}
.fa-sort-amount-up{--fa:"";--fa--fa:""}
.fa-sort-amount-up-alt{--fa:"";--fa--fa:""}
.fa-sort-asc{--fa:"";--fa--fa:""}
.fa-sort-circle{--fa:"";--fa--fa:""}
.fa-sort-circle-down{--fa:"";--fa--fa:""}
.fa-sort-circle-up{--fa:"";--fa--fa:""}
.fa-sort-desc{--fa:"";--fa--fa:""}
.fa-sort-down{--fa:"";--fa--fa:""}
.fa-sort-numeric-asc{--fa:"";--fa--fa:""}
.fa-sort-numeric-desc{--fa:"";--fa--fa:""}
.fa-sort-numeric-down{--fa:"";--fa--fa:""}
.fa-sort-numeric-down-alt{--fa:"";--fa--fa:""}
.fa-sort-numeric-up{--fa:"";--fa--fa:""}
.fa-sort-numeric-up-alt{--fa:"";--fa--fa:""}
.fa-sort-shapes-down{--fa:"";--fa--fa:""}
.fa-sort-shapes-down-alt{--fa:"";--fa--fa:""}
.fa-sort-shapes-up{--fa:"";--fa--fa:""}
.fa-sort-shapes-up-alt{--fa:"";--fa--fa:""}
.fa-sort-size-down{--fa:"";--fa--fa:""}
.fa-sort-size-down-alt{--fa:"";--fa--fa:""}
.fa-sort-size-up{--fa:"";--fa--fa:""}
.fa-sort-size-up-alt{--fa:"";--fa--fa:""}
.fa-sort-up{--fa:"";--fa--fa:""}
.fa-sort-up-down{--fa:"";--fa--fa:""}
.fa-soup{--fa:"";--fa--fa:""}
.fa-spa{--fa:"";--fa--fa:""}
.fa-space-shuttle{--fa:"";--fa--fa:""}
.fa-space-station-moon{--fa:"";--fa--fa:""}
.fa-space-station-moon-alt{--fa:"";--fa--fa:""}
.fa-space-station-moon-construction{--fa:"";--fa--fa:""}
.fa-spade{--fa:"";--fa--fa:""}
.fa-spaghetti-monster-flying{--fa:"";--fa--fa:""}
.fa-sparkle{--fa:"";--fa--fa:""}
.fa-sparkles{--fa:"";--fa--fa:""}
.fa-speaker{--fa:"";--fa--fa:""}
.fa-speakers{--fa:"";--fa--fa:""}
.fa-spell-check{--fa:"";--fa--fa:""}
.fa-spider{--fa:"";--fa--fa:""}
.fa-spider-black-widow{--fa:"";--fa--fa:""}
.fa-spider-web{--fa:"";--fa--fa:""}
.fa-spinner{--fa:"";--fa--fa:""}
.fa-spinner-scale{--fa:"";--fa--fa:""}
.fa-spinner-third{--fa:"";--fa--fa:""}
.fa-split{--fa:"";--fa--fa:""}
.fa-splotch{--fa:"";--fa--fa:""}
.fa-spoon{--fa:"";--fa--fa:""}
.fa-sportsball{--fa:"";--fa--fa:""}
.fa-spray-can{--fa:"";--fa--fa:""}
.fa-spray-can-sparkles{--fa:"";--fa--fa:""}
.fa-sprinkler{--fa:"";--fa--fa:""}
.fa-sprinkler-ceiling{--fa:"";--fa--fa:""}
.fa-sprout{--fa:"";--fa--fa:""}
.fa-square{--fa:"";--fa--fa:""}
.fa-square-0{--fa:"";--fa--fa:""}
.fa-square-1{--fa:"";--fa--fa:""}
.fa-square-2{--fa:"";--fa--fa:""}
.fa-square-3{--fa:"";--fa--fa:""}
.fa-square-4{--fa:"";--fa--fa:""}
.fa-square-5{--fa:"";--fa--fa:""}
.fa-square-6{--fa:"";--fa--fa:""}
.fa-square-7{--fa:"";--fa--fa:""}
.fa-square-8{--fa:"";--fa--fa:""}
.fa-square-9{--fa:"";--fa--fa:""}
.fa-square-a{--fa:"";--fa--fa:""}
.fa-square-a-lock{--fa:"";--fa--fa:""}
.fa-square-ampersand{--fa:"";--fa--fa:""}
.fa-square-arrow-down{--fa:"";--fa--fa:""}
.fa-square-arrow-down-left{--fa:"";--fa--fa:""}
.fa-square-arrow-down-right{--fa:"";--fa--fa:""}
.fa-square-arrow-left{--fa:"";--fa--fa:""}
.fa-square-arrow-right{--fa:"";--fa--fa:""}
.fa-square-arrow-up{--fa:"";--fa--fa:""}
.fa-square-arrow-up-left{--fa:"";--fa--fa:""}
.fa-square-arrow-up-right{--fa:"";--fa--fa:""}
.fa-square-b{--fa:"";--fa--fa:""}
.fa-square-binary{--fa:"";--fa--fa:""}
.fa-square-bolt{--fa:"";--fa--fa:""}
.fa-square-c{--fa:"";--fa--fa:""}
.fa-square-caret-down{--fa:"";--fa--fa:""}
.fa-square-caret-left{--fa:"";--fa--fa:""}
.fa-square-caret-right{--fa:"";--fa--fa:""}
.fa-square-caret-up{--fa:"";--fa--fa:""}
.fa-square-check{--fa:"";--fa--fa:""}
.fa-square-chevron-down{--fa:"";--fa--fa:""}
.fa-square-chevron-left{--fa:"";--fa--fa:""}
.fa-square-chevron-right{--fa:"";--fa--fa:""}
.fa-square-chevron-up{--fa:"";--fa--fa:""}
.fa-square-code{--fa:"";--fa--fa:""}
.fa-square-d{--fa:"";--fa--fa:""}
.fa-square-dashed{--fa:"";--fa--fa:""}
.fa-square-dashed-circle-plus{--fa:"";--fa--fa:""}
.fa-square-divide{--fa:"";--fa--fa:""}
.fa-square-dollar{--fa:"";--fa--fa:""}
.fa-square-down{--fa:"";--fa--fa:""}
.fa-square-down-left{--fa:"";--fa--fa:""}
.fa-square-down-right{--fa:"";--fa--fa:""}
.fa-square-e{--fa:"";--fa--fa:""}
.fa-square-ellipsis{--fa:"";--fa--fa:""}
.fa-square-ellipsis-vertical{--fa:"";--fa--fa:""}
.fa-square-envelope{--fa:"";--fa--fa:""}
.fa-square-exclamation{--fa:"";--fa--fa:""}
.fa-square-f{--fa:"";--fa--fa:""}
.fa-square-fragile{--fa:"";--fa--fa:""}
.fa-square-full{--fa:"";--fa--fa:""}
.fa-square-g{--fa:"";--fa--fa:""}
.fa-square-h{--fa:"";--fa--fa:""}
.fa-square-heart{--fa:"";--fa--fa:""}
.fa-square-i{--fa:"";--fa--fa:""}
.fa-square-info{--fa:"";--fa--fa:""}
.fa-square-j{--fa:"";--fa--fa:""}
.fa-square-k{--fa:"";--fa--fa:""}
.fa-square-kanban{--fa:"";--fa--fa:""}
.fa-square-l{--fa:"";--fa--fa:""}
.fa-square-left{--fa:"";--fa--fa:""}
.fa-square-list{--fa:"";--fa--fa:""}
.fa-square-m{--fa:"";--fa--fa:""}
.fa-square-minus{--fa:"";--fa--fa:""}
.fa-square-n{--fa:"";--fa--fa:""}
.fa-square-nfi{--fa:"";--fa--fa:""}
.fa-square-o{--fa:"";--fa--fa:""}
.fa-square-p{--fa:"";--fa--fa:""}
.fa-square-parking{--fa:"";--fa--fa:""}
.fa-square-parking-slash{--fa:"";--fa--fa:""}
.fa-square-pen{--fa:"";--fa--fa:""}
.fa-square-person-confined{--fa:"";--fa--fa:""}
.fa-square-phone{--fa:"";--fa--fa:""}
.fa-square-phone-flip{--fa:"";--fa--fa:""}
.fa-square-phone-hangup{--fa:"";--fa--fa:""}
.fa-square-plus{--fa:"";--fa--fa:""}
.fa-square-poll-horizontal{--fa:"";--fa--fa:""}
.fa-square-poll-vertical{--fa:"";--fa--fa:""}
.fa-square-q{--fa:"";--fa--fa:""}
.fa-square-quarters{--fa:"";--fa--fa:""}
.fa-square-question{--fa:"";--fa--fa:""}
.fa-square-quote{--fa:"";--fa--fa:""}
.fa-square-r{--fa:"";--fa--fa:""}
.fa-square-right{--fa:"";--fa--fa:""}
.fa-square-ring{--fa:"";--fa--fa:""}
.fa-square-root{--fa:"";--fa--fa:""}
.fa-square-root-alt{--fa:"";--fa--fa:""}
.fa-square-root-variable{--fa:"";--fa--fa:""}
.fa-square-rss{--fa:"";--fa--fa:""}
.fa-square-s{--fa:"";--fa--fa:""}
.fa-square-share-nodes{--fa:"";--fa--fa:""}
.fa-square-sliders{--fa:"";--fa--fa:""}
.fa-square-sliders-vertical{--fa:"";--fa--fa:""}
.fa-square-small{--fa:"";--fa--fa:""}
.fa-square-star{--fa:"";--fa--fa:""}
.fa-square-t{--fa:"";--fa--fa:""}
.fa-square-terminal{--fa:"";--fa--fa:""}
.fa-square-this-way-up{--fa:"";--fa--fa:""}
.fa-square-u{--fa:"";--fa--fa:""}
.fa-square-up{--fa:"";--fa--fa:""}
.fa-square-up-left{--fa:"";--fa--fa:""}
.fa-square-up-right{--fa:"";--fa--fa:""}
.fa-square-user{--fa:"";--fa--fa:""}
.fa-square-v{--fa:"";--fa--fa:""}
.fa-square-virus{--fa:"";--fa--fa:""}
.fa-square-w{--fa:"";--fa--fa:""}
.fa-square-wine-glass-crack{--fa:"";--fa--fa:""}
.fa-square-x{--fa:"";--fa--fa:""}
.fa-square-xmark{--fa:"";--fa--fa:""}
.fa-square-y{--fa:"";--fa--fa:""}
.fa-square-z{--fa:"";--fa--fa:""}
.fa-squid{--fa:"";--fa--fa:""}
.fa-squirrel{--fa:"";--fa--fa:""}
.fa-staff{--fa:"";--fa--fa:""}
.fa-staff-aesculapius{--fa:"";--fa--fa:""}
.fa-staff-snake{--fa:"";--fa--fa:""}
.fa-stairs{--fa:"";--fa--fa:""}
.fa-stamp{--fa:"";--fa--fa:""}
.fa-standard-definition{--fa:"";--fa--fa:""}
.fa-stapler{--fa:"";--fa--fa:""}
.fa-star{--fa:"";--fa--fa:""}
.fa-star-and-crescent{--fa:"";--fa--fa:""}
.fa-star-christmas{--fa:"";--fa--fa:""}
.fa-star-circle{--fa:"";--fa--fa:""}
.fa-star-exclamation{--fa:"";--fa--fa:""}
.fa-star-half{--fa:"";--fa--fa:""}
.fa-star-half-alt{--fa:"";--fa--fa:""}
.fa-star-half-stroke{--fa:"";--fa--fa:""}
.fa-star-of-david{--fa:"";--fa--fa:""}
.fa-star-of-life{--fa:"";--fa--fa:""}
.fa-star-sharp{--fa:"";--fa--fa:""}
.fa-star-sharp-half{--fa:"";--fa--fa:""}
.fa-star-sharp-half-alt{--fa:"";--fa--fa:""}
.fa-star-sharp-half-stroke{--fa:"";--fa--fa:""}
.fa-star-shooting{--fa:"";--fa--fa:""}
.fa-starfighter{--fa:"";--fa--fa:""}
.fa-starfighter-alt{--fa:"";--fa--fa:""}
.fa-starfighter-alt-advanced{--fa:"";--fa--fa:""}
.fa-starfighter-twin-ion-engine{--fa:"";--fa--fa:""}
.fa-starfighter-twin-ion-engine-advanced{--fa:"";--fa--fa:""}
.fa-stars{--fa:"";--fa--fa:""}
.fa-starship{--fa:"";--fa--fa:""}
.fa-starship-freighter{--fa:"";--fa--fa:""}
.fa-steak{--fa:"";--fa--fa:""}
.fa-steering-wheel{--fa:"";--fa--fa:""}
.fa-step-backward{--fa:"";--fa--fa:""}
.fa-step-forward{--fa:"";--fa--fa:""}
.fa-sterling-sign{--fa:"";--fa--fa:""}
.fa-stethoscope{--fa:"";--fa--fa:""}
.fa-sticky-note{--fa:"";--fa--fa:""}
.fa-stocking{--fa:"";--fa--fa:""}
.fa-stomach{--fa:"";--fa--fa:""}
.fa-stop{--fa:"";--fa--fa:""}
.fa-stop-circle{--fa:"";--fa--fa:""}
.fa-stopwatch{--fa:"";--fa--fa:""}
.fa-stopwatch-20{--fa:"";--fa--fa:""}
.fa-store{--fa:"";--fa--fa:""}
.fa-store-alt{--fa:"";--fa--fa:""}
.fa-store-alt-slash{--fa:"";--fa--fa:""}
.fa-store-lock{--fa:"";--fa--fa:""}
.fa-store-slash{--fa:"";--fa--fa:""}
.fa-strawberry{--fa:"";--fa--fa:""}
.fa-stream{--fa:"";--fa--fa:""}
.fa-street-view{--fa:"";--fa--fa:""}
.fa-stretcher{--fa:"";--fa--fa:""}
.fa-strikethrough{--fa:"";--fa--fa:""}
.fa-stroopwafel{--fa:"";--fa--fa:""}
.fa-subscript{--fa:"";--fa--fa:""}
.fa-subtitles{--fa:"";--fa--fa:""}
.fa-subtitles-slash{--fa:"";--fa--fa:""}
.fa-subtract{--fa:"";--fa--fa:""}
.fa-subway{--fa:"";--fa--fa:""}
.fa-subway-tunnel{--fa:"";--fa--fa:""}
.fa-suitcase{--fa:"";--fa--fa:""}
.fa-suitcase-medical{--fa:"";--fa--fa:""}
.fa-suitcase-rolling{--fa:"";--fa--fa:""}
.fa-sun{--fa:"";--fa--fa:""}
.fa-sun-alt{--fa:"";--fa--fa:""}
.fa-sun-bright{--fa:"";--fa--fa:""}
.fa-sun-cloud{--fa:"";--fa--fa:""}
.fa-sun-dust{--fa:"";--fa--fa:""}
.fa-sun-haze{--fa:"";--fa--fa:""}
.fa-sun-plant-wilt{--fa:"";--fa--fa:""}
.fa-sunglasses{--fa:"";--fa--fa:""}
.fa-sunrise{--fa:"";--fa--fa:""}
.fa-sunset{--fa:"";--fa--fa:""}
.fa-superscript{--fa:"";--fa--fa:""}
.fa-surprise{--fa:"";--fa--fa:""}
.fa-sushi{--fa:"";--fa--fa:""}
.fa-sushi-roll{--fa:"";--fa--fa:""}
.fa-swap{--fa:"";--fa--fa:""}
.fa-swap-arrows{--fa:"";--fa--fa:""}
.fa-swatchbook{--fa:"";--fa--fa:""}
.fa-swimmer{--fa:"";--fa--fa:""}
.fa-swimming-pool{--fa:"";--fa--fa:""}
.fa-sword{--fa:"";--fa--fa:""}
.fa-sword-laser{--fa:"";--fa--fa:""}
.fa-sword-laser-alt{--fa:"";--fa--fa:""}
.fa-swords{--fa:"";--fa--fa:""}
.fa-swords-laser{--fa:"";--fa--fa:""}
.fa-symbols{--fa:"";--fa--fa:""}
.fa-synagogue{--fa:"";--fa--fa:""}
.fa-sync{--fa:"";--fa--fa:""}
.fa-sync-alt{--fa:"";--fa--fa:""}
.fa-syringe{--fa:"";--fa--fa:""}
.fa-t{--fa:"T";--fa--fa:"TT"}
.fa-t-rex{--fa:"";--fa--fa:""}
.fa-t-shirt{--fa:"";--fa--fa:""}
.fa-table{--fa:"";--fa--fa:""}
.fa-table-cells{--fa:"";--fa--fa:""}
.fa-table-cells-column-lock{--fa:"";--fa--fa:""}
.fa-table-cells-column-unlock{--fa:"";--fa--fa:""}
.fa-table-cells-large{--fa:"";--fa--fa:""}
.fa-table-cells-lock{--fa:"";--fa--fa:""}
.fa-table-cells-row-lock{--fa:"";--fa--fa:""}
.fa-table-cells-row-unlock{--fa:"";--fa--fa:""}
.fa-table-cells-unlock{--fa:"";--fa--fa:""}
.fa-table-columns{--fa:"";--fa--fa:""}
.fa-table-layout{--fa:"";--fa--fa:""}
.fa-table-list{--fa:"";--fa--fa:""}
.fa-table-picnic{--fa:"";--fa--fa:""}
.fa-table-pivot{--fa:"";--fa--fa:""}
.fa-table-rows{--fa:"";--fa--fa:""}
.fa-table-tennis{--fa:"";--fa--fa:""}
.fa-table-tennis-paddle-ball{--fa:"";--fa--fa:""}
.fa-table-tree{--fa:"";--fa--fa:""}
.fa-tablet{--fa:"";--fa--fa:""}
.fa-tablet-alt{--fa:"";--fa--fa:""}
.fa-tablet-android{--fa:"";--fa--fa:""}
.fa-tablet-android-alt{--fa:"";--fa--fa:""}
.fa-tablet-button{--fa:"";--fa--fa:""}
.fa-tablet-rugged{--fa:"";--fa--fa:""}
.fa-tablet-screen{--fa:"";--fa--fa:""}
.fa-tablet-screen-button{--fa:"";--fa--fa:""}
.fa-tablets{--fa:"";--fa--fa:""}
.fa-tachograph-digital{--fa:"";--fa--fa:""}
.fa-tachometer{--fa:"";--fa--fa:""}
.fa-tachometer-alt{--fa:"";--fa--fa:""}
.fa-tachometer-alt-average{--fa:"";--fa--fa:""}
.fa-tachometer-alt-fast{--fa:"";--fa--fa:""}
.fa-tachometer-alt-fastest{--fa:"";--fa--fa:""}
.fa-tachometer-alt-slow{--fa:"";--fa--fa:""}
.fa-tachometer-alt-slowest{--fa:"";--fa--fa:""}
.fa-tachometer-average{--fa:"";--fa--fa:""}
.fa-tachometer-fast{--fa:"";--fa--fa:""}
.fa-tachometer-fastest{--fa:"";--fa--fa:""}
.fa-tachometer-slow{--fa:"";--fa--fa:""}
.fa-tachometer-slowest{--fa:"";--fa--fa:""}
.fa-taco{--fa:"";--fa--fa:""}
.fa-tag{--fa:"";--fa--fa:""}
.fa-tags{--fa:"";--fa--fa:""}
.fa-tally{--fa:"";--fa--fa:""}
.fa-tally-1{--fa:"";--fa--fa:""}
.fa-tally-2{--fa:"";--fa--fa:""}
.fa-tally-3{--fa:"";--fa--fa:""}
.fa-tally-4{--fa:"";--fa--fa:""}
.fa-tally-5{--fa:"";--fa--fa:""}
.fa-tamale{--fa:"";--fa--fa:""}
.fa-tanakh{--fa:"";--fa--fa:""}
.fa-tank-water{--fa:"";--fa--fa:""}
.fa-tape{--fa:"";--fa--fa:""}
.fa-tarp{--fa:"";--fa--fa:""}
.fa-tarp-droplet{--fa:"";--fa--fa:""}
.fa-tasks{--fa:"";--fa--fa:""}
.fa-tasks-alt{--fa:"";--fa--fa:""}
.fa-taxi{--fa:"";--fa--fa:""}
.fa-taxi-bus{--fa:"";--fa--fa:""}
.fa-teddy-bear{--fa:"";--fa--fa:""}
.fa-teeth{--fa:"";--fa--fa:""}
.fa-teeth-open{--fa:"";--fa--fa:""}
.fa-telescope{--fa:"";--fa--fa:""}
.fa-teletype{--fa:"";--fa--fa:""}
.fa-teletype-answer{--fa:"";--fa--fa:""}
.fa-television{--fa:"";--fa--fa:""}
.fa-temperature-0{--fa:"";--fa--fa:""}
.fa-temperature-1{--fa:"";--fa--fa:""}
.fa-temperature-2{--fa:"";--fa--fa:""}
.fa-temperature-3{--fa:"";--fa--fa:""}
.fa-temperature-4{--fa:"";--fa--fa:""}
.fa-temperature-arrow-down{--fa:"";--fa--fa:""}
.fa-temperature-arrow-up{--fa:"";--fa--fa:""}
.fa-temperature-down{--fa:"";--fa--fa:""}
.fa-temperature-empty{--fa:"";--fa--fa:""}
.fa-temperature-frigid{--fa:"";--fa--fa:""}
.fa-temperature-full{--fa:"";--fa--fa:""}
.fa-temperature-half{--fa:"";--fa--fa:""}
.fa-temperature-high{--fa:"";--fa--fa:""}
.fa-temperature-hot{--fa:"";--fa--fa:""}
.fa-temperature-list{--fa:"";--fa--fa:""}
.fa-temperature-low{--fa:"";--fa--fa:""}
.fa-temperature-quarter{--fa:"";--fa--fa:""}
.fa-temperature-snow{--fa:"";--fa--fa:""}
.fa-temperature-sun{--fa:"";--fa--fa:""}
.fa-temperature-three-quarters{--fa:"";--fa--fa:""}
.fa-temperature-up{--fa:"";--fa--fa:""}
.fa-tenge{--fa:"";--fa--fa:""}
.fa-tenge-sign{--fa:"";--fa--fa:""}
.fa-tennis-ball{--fa:"";--fa--fa:""}
.fa-tent{--fa:"";--fa--fa:""}
.fa-tent-arrow-down-to-line{--fa:"";--fa--fa:""}
.fa-tent-arrow-left-right{--fa:"";--fa--fa:""}
.fa-tent-arrow-turn-left{--fa:"";--fa--fa:""}
.fa-tent-arrows-down{--fa:"";--fa--fa:""}
.fa-tent-double-peak{--fa:"";--fa--fa:""}
.fa-tents{--fa:"";--fa--fa:""}
.fa-terminal{--fa:"";--fa--fa:""}
.fa-text{--fa:"";--fa--fa:""}
.fa-text-height{--fa:"";--fa--fa:""}
.fa-text-size{--fa:"";--fa--fa:""}
.fa-text-slash{--fa:"";--fa--fa:""}
.fa-text-width{--fa:"";--fa--fa:""}
.fa-th{--fa:"";--fa--fa:""}
.fa-th-large{--fa:"";--fa--fa:""}
.fa-th-list{--fa:"";--fa--fa:""}
.fa-theater-masks{--fa:"";--fa--fa:""}
.fa-thermometer{--fa:"";--fa--fa:""}
.fa-thermometer-0{--fa:"";--fa--fa:""}
.fa-thermometer-1{--fa:"";--fa--fa:""}
.fa-thermometer-2{--fa:"";--fa--fa:""}
.fa-thermometer-3{--fa:"";--fa--fa:""}
.fa-thermometer-4{--fa:"";--fa--fa:""}
.fa-thermometer-empty{--fa:"";--fa--fa:""}
.fa-thermometer-full{--fa:"";--fa--fa:""}
.fa-thermometer-half{--fa:"";--fa--fa:""}
.fa-thermometer-quarter{--fa:"";--fa--fa:""}
.fa-thermometer-three-quarters{--fa:"";--fa--fa:""}
.fa-theta{--fa:"";--fa--fa:""}
.fa-thought-bubble{--fa:"";--fa--fa:""}
.fa-thumb-tack{--fa:"";--fa--fa:""}
.fa-thumb-tack-slash{--fa:"";--fa--fa:""}
.fa-thumbs-down{--fa:"";--fa--fa:""}
.fa-thumbs-up{--fa:"";--fa--fa:""}
.fa-thumbtack{--fa:"";--fa--fa:""}
.fa-thumbtack-slash{--fa:"";--fa--fa:""}
.fa-thunderstorm{--fa:"";--fa--fa:""}
.fa-thunderstorm-moon{--fa:"";--fa--fa:""}
.fa-thunderstorm-sun{--fa:"";--fa--fa:""}
.fa-tick{--fa:"";--fa--fa:""}
.fa-ticket{--fa:"";--fa--fa:""}
.fa-ticket-airline{--fa:"";--fa--fa:""}
.fa-ticket-alt{--fa:"";--fa--fa:""}
.fa-ticket-perforated{--fa:"";--fa--fa:""}
.fa-ticket-perforated-plane{--fa:"";--fa--fa:""}
.fa-ticket-plane{--fa:"";--fa--fa:""}
.fa-ticket-simple{--fa:"";--fa--fa:""}
.fa-tickets{--fa:"";--fa--fa:""}
.fa-tickets-airline{--fa:"";--fa--fa:""}
.fa-tickets-perforated{--fa:"";--fa--fa:""}
.fa-tickets-perforated-plane{--fa:"";--fa--fa:""}
.fa-tickets-plane{--fa:"";--fa--fa:""}
.fa-tickets-simple{--fa:"";--fa--fa:""}
.fa-tilde{--fa:"~";--fa--fa:"~~"}
.fa-timeline{--fa:"";--fa--fa:""}
.fa-timeline-arrow{--fa:"";--fa--fa:""}
.fa-timer{--fa:"";--fa--fa:""}
.fa-times{--fa:"";--fa--fa:""}
.fa-times-circle{--fa:"";--fa--fa:""}
.fa-times-hexagon{--fa:"";--fa--fa:""}
.fa-times-octagon{--fa:"";--fa--fa:""}
.fa-times-rectangle{--fa:"";--fa--fa:""}
.fa-times-square{--fa:"";--fa--fa:""}
.fa-times-to-slot{--fa:"";--fa--fa:""}
.fa-tint{--fa:"";--fa--fa:""}
.fa-tint-slash{--fa:"";--fa--fa:""}
.fa-tire{--fa:"";--fa--fa:""}
.fa-tire-flat{--fa:"";--fa--fa:""}
.fa-tire-pressure-warning{--fa:"";--fa--fa:""}
.fa-tire-rugged{--fa:"";--fa--fa:""}
.fa-tired{--fa:"";--fa--fa:""}
.fa-toggle-large-off{--fa:"";--fa--fa:""}
.fa-toggle-large-on{--fa:"";--fa--fa:""}
.fa-toggle-off{--fa:"";--fa--fa:""}
.fa-toggle-on{--fa:"";--fa--fa:""}
.fa-toilet{--fa:"";--fa--fa:""}
.fa-toilet-paper{--fa:"";--fa--fa:""}
.fa-toilet-paper-alt{--fa:"";--fa--fa:""}
.fa-toilet-paper-blank{--fa:"";--fa--fa:""}
.fa-toilet-paper-blank-under{--fa:"";--fa--fa:""}
.fa-toilet-paper-check{--fa:"";--fa--fa:""}
.fa-toilet-paper-reverse{--fa:"";--fa--fa:""}
.fa-toilet-paper-reverse-alt{--fa:"";--fa--fa:""}
.fa-toilet-paper-reverse-slash{--fa:"";--fa--fa:""}
.fa-toilet-paper-slash{--fa:"";--fa--fa:""}
.fa-toilet-paper-under{--fa:"";--fa--fa:""}
.fa-toilet-paper-under-slash{--fa:"";--fa--fa:""}
.fa-toilet-paper-xmark{--fa:"";--fa--fa:""}
.fa-toilet-portable{--fa:"";--fa--fa:""}
.fa-toilets-portable{--fa:"";--fa--fa:""}
.fa-tomato{--fa:"";--fa--fa:""}
.fa-tombstone{--fa:"";--fa--fa:""}
.fa-tombstone-alt{--fa:"";--fa--fa:""}
.fa-tombstone-blank{--fa:"";--fa--fa:""}
.fa-toolbox{--fa:"";--fa--fa:""}
.fa-tools{--fa:"";--fa--fa:""}
.fa-tooth{--fa:"";--fa--fa:""}
.fa-toothbrush{--fa:"";--fa--fa:""}
.fa-torah{--fa:"";--fa--fa:""}
.fa-torii-gate{--fa:"";--fa--fa:""}
.fa-tornado{--fa:"";--fa--fa:""}
.fa-tower-broadcast{--fa:"";--fa--fa:""}
.fa-tower-cell{--fa:"";--fa--fa:""}
.fa-tower-control{--fa:"";--fa--fa:""}
.fa-tower-observation{--fa:"";--fa--fa:""}
.fa-tractor{--fa:"";--fa--fa:""}
.fa-trademark{--fa:"";--fa--fa:""}
.fa-traffic-cone{--fa:"";--fa--fa:""}
.fa-traffic-light{--fa:"";--fa--fa:""}
.fa-traffic-light-go{--fa:"";--fa--fa:""}
.fa-traffic-light-slow{--fa:"";--fa--fa:""}
.fa-traffic-light-stop{--fa:"";--fa--fa:""}
.fa-trailer{--fa:"";--fa--fa:""}
.fa-train{--fa:"";--fa--fa:""}
.fa-train-subway{--fa:"";--fa--fa:""}
.fa-train-subway-tunnel{--fa:"";--fa--fa:""}
.fa-train-track{--fa:"";--fa--fa:""}
.fa-train-tram{--fa:"";--fa--fa:""}
.fa-train-tunnel{--fa:"";--fa--fa:""}
.fa-tram{--fa:"";--fa--fa:""}
.fa-transformer-bolt{--fa:"";--fa--fa:""}
.fa-transgender{--fa:"";--fa--fa:""}
.fa-transgender-alt{--fa:"";--fa--fa:""}
.fa-transporter{--fa:"";--fa--fa:""}
.fa-transporter-1{--fa:"";--fa--fa:""}
.fa-transporter-2{--fa:"";--fa--fa:""}
.fa-transporter-3{--fa:"";--fa--fa:""}
.fa-transporter-4{--fa:"";--fa--fa:""}
.fa-transporter-5{--fa:"";--fa--fa:""}
.fa-transporter-6{--fa:"";--fa--fa:""}
.fa-transporter-7{--fa:"";--fa--fa:""}
.fa-transporter-empty{--fa:"";--fa--fa:""}
.fa-trash{--fa:"";--fa--fa:""}
.fa-trash-alt{--fa:"";--fa--fa:""}
.fa-trash-alt-slash{--fa:"";--fa--fa:""}
.fa-trash-arrow-turn-left{--fa:"";--fa--fa:""}
.fa-trash-arrow-up{--fa:"";--fa--fa:""}
.fa-trash-can{--fa:"";--fa--fa:""}
.fa-trash-can-arrow-turn-left{--fa:"";--fa--fa:""}
.fa-trash-can-arrow-up{--fa:"";--fa--fa:""}
.fa-trash-can-check{--fa:"";--fa--fa:""}
.fa-trash-can-clock{--fa:"";--fa--fa:""}
.fa-trash-can-list{--fa:"";--fa--fa:""}
.fa-trash-can-plus{--fa:"";--fa--fa:""}
.fa-trash-can-slash{--fa:"";--fa--fa:""}
.fa-trash-can-undo{--fa:"";--fa--fa:""}
.fa-trash-can-xmark{--fa:"";--fa--fa:""}
.fa-trash-check{--fa:"";--fa--fa:""}
.fa-trash-circle{--fa:"";--fa--fa:""}
.fa-trash-clock{--fa:"";--fa--fa:""}
.fa-trash-list{--fa:"";--fa--fa:""}
.fa-trash-plus{--fa:"";--fa--fa:""}
.fa-trash-restore{--fa:"";--fa--fa:""}
.fa-trash-restore-alt{--fa:"";--fa--fa:""}
.fa-trash-slash{--fa:"";--fa--fa:""}
.fa-trash-undo{--fa:"";--fa--fa:""}
.fa-trash-undo-alt{--fa:"";--fa--fa:""}
.fa-trash-xmark{--fa:"";--fa--fa:""}
.fa-treasure-chest{--fa:"";--fa--fa:""}
.fa-tree{--fa:"";--fa--fa:""}
.fa-tree-alt{--fa:"";--fa--fa:""}
.fa-tree-christmas{--fa:"";--fa--fa:""}
.fa-tree-city{--fa:"";--fa--fa:""}
.fa-tree-deciduous{--fa:"";--fa--fa:""}
.fa-tree-decorated{--fa:"";--fa--fa:""}
.fa-tree-large{--fa:"";--fa--fa:""}
.fa-tree-palm{--fa:"";--fa--fa:""}
.fa-trees{--fa:"";--fa--fa:""}
.fa-trian-balbot{--fa:"";--fa--fa:""}
.fa-triangle{--fa:"";--fa--fa:""}
.fa-triangle-circle-square{--fa:"";--fa--fa:""}
.fa-triangle-exclamation{--fa:"";--fa--fa:""}
.fa-triangle-instrument{--fa:"";--fa--fa:""}
.fa-triangle-music{--fa:"";--fa--fa:""}
.fa-triangle-person-digging{--fa:"";--fa--fa:""}
.fa-tricycle{--fa:"";--fa--fa:""}
.fa-tricycle-adult{--fa:"";--fa--fa:""}
.fa-trillium{--fa:"";--fa--fa:""}
.fa-trophy{--fa:"";--fa--fa:""}
.fa-trophy-alt{--fa:"";--fa--fa:""}
.fa-trophy-star{--fa:"";--fa--fa:""}
.fa-trowel{--fa:"";--fa--fa:""}
.fa-trowel-bricks{--fa:"";--fa--fa:""}
.fa-truck{--fa:"";--fa--fa:""}
.fa-truck-arrow-right{--fa:"";--fa--fa:""}
.fa-truck-bolt{--fa:"";--fa--fa:""}
.fa-truck-clock{--fa:"";--fa--fa:""}
.fa-truck-container{--fa:"";--fa--fa:""}
.fa-truck-container-empty{--fa:"";--fa--fa:""}
.fa-truck-couch{--fa:"";--fa--fa:""}
.fa-truck-droplet{--fa:"";--fa--fa:""}
.fa-truck-fast{--fa:"";--fa--fa:""}
.fa-truck-field{--fa:"";--fa--fa:""}
.fa-truck-field-un{--fa:"";--fa--fa:""}
.fa-truck-fire{--fa:"";--fa--fa:""}
.fa-truck-flatbed{--fa:"";--fa--fa:""}
.fa-truck-front{--fa:"";--fa--fa:""}
.fa-truck-ladder{--fa:"";--fa--fa:""}
.fa-truck-loading{--fa:"";--fa--fa:""}
.fa-truck-medical{--fa:"";--fa--fa:""}
.fa-truck-monster{--fa:"";--fa--fa:""}
.fa-truck-moving{--fa:"";--fa--fa:""}
.fa-truck-pickup{--fa:"";--fa--fa:""}
.fa-truck-plane{--fa:"";--fa--fa:""}
.fa-truck-plow{--fa:"";--fa--fa:""}
.fa-truck-ramp{--fa:"";--fa--fa:""}
.fa-truck-ramp-box{--fa:"";--fa--fa:""}
.fa-truck-ramp-couch{--fa:"";--fa--fa:""}
.fa-truck-tow{--fa:"";--fa--fa:""}
.fa-truck-utensils{--fa:"";--fa--fa:""}
.fa-trumpet{--fa:"";--fa--fa:""}
.fa-try{--fa:"";--fa--fa:""}
.fa-tshirt{--fa:"";--fa--fa:""}
.fa-tty{--fa:"";--fa--fa:""}
.fa-tty-answer{--fa:"";--fa--fa:""}
.fa-tugrik-sign{--fa:"";--fa--fa:""}
.fa-turkey{--fa:"";--fa--fa:""}
.fa-turkish-lira{--fa:"";--fa--fa:""}
.fa-turkish-lira-sign{--fa:"";--fa--fa:""}
.fa-turn-down{--fa:"";--fa--fa:""}
.fa-turn-down-left{--fa:"";--fa--fa:""}
.fa-turn-down-right{--fa:"";--fa--fa:""}
.fa-turn-left{--fa:"";--fa--fa:""}
.fa-turn-left-down{--fa:"";--fa--fa:""}
.fa-turn-left-up{--fa:"";--fa--fa:""}
.fa-turn-right{--fa:"";--fa--fa:""}
.fa-turn-up{--fa:"";--fa--fa:""}
.fa-turntable{--fa:"";--fa--fa:""}
.fa-turtle{--fa:"";--fa--fa:""}
.fa-tv{--fa:"";--fa--fa:""}
.fa-tv-alt{--fa:"";--fa--fa:""}
.fa-tv-music{--fa:"";--fa--fa:""}
.fa-tv-retro{--fa:"";--fa--fa:""}
.fa-typewriter{--fa:"";--fa--fa:""}
.fa-u{--fa:"U";--fa--fa:"UU"}
.fa-ufo{--fa:"";--fa--fa:""}
.fa-ufo-beam{--fa:"";--fa--fa:""}
.fa-umbrella{--fa:"";--fa--fa:""}
.fa-umbrella-alt{--fa:"";--fa--fa:""}
.fa-umbrella-beach{--fa:"";--fa--fa:""}
.fa-umbrella-simple{--fa:"";--fa--fa:""}
.fa-underline{--fa:"";--fa--fa:""}
.fa-undo{--fa:"";--fa--fa:""}
.fa-undo-alt{--fa:"";--fa--fa:""}
.fa-unicorn{--fa:"";--fa--fa:""}
.fa-uniform-martial-arts{--fa:"";--fa--fa:""}
.fa-union{--fa:"";--fa--fa:""}
.fa-universal-access{--fa:"";--fa--fa:""}
.fa-university{--fa:"";--fa--fa:""}
.fa-unlink{--fa:"";--fa--fa:""}
.fa-unlock{--fa:"";--fa--fa:""}
.fa-unlock-alt{--fa:"";--fa--fa:""}
.fa-unlock-keyhole{--fa:"";--fa--fa:""}
.fa-unsorted{--fa:"";--fa--fa:""}
.fa-up{--fa:"";--fa--fa:""}
.fa-up-down{--fa:"";--fa--fa:""}
.fa-up-down-left-right{--fa:"";--fa--fa:""}
.fa-up-from-bracket{--fa:"";--fa--fa:""}
.fa-up-from-dotted-line{--fa:"";--fa--fa:""}
.fa-up-from-line{--fa:"";--fa--fa:""}
.fa-up-left{--fa:"";--fa--fa:""}
.fa-up-long{--fa:"";--fa--fa:""}
.fa-up-right{--fa:"";--fa--fa:""}
.fa-up-right-and-down-left-from-center{--fa:"";--fa--fa:""}
.fa-up-right-from-square{--fa:"";--fa--fa:""}
.fa-up-to-bracket{--fa:"";--fa--fa:""}
.fa-up-to-dotted-line{--fa:"";--fa--fa:""}
.fa-up-to-line{--fa:"";--fa--fa:""}
.fa-upload{--fa:"";--fa--fa:""}
.fa-usb-drive{--fa:"";--fa--fa:""}
.fa-usd{--fa:"$";--fa--fa:"$$"}
.fa-usd-circle{--fa:"";--fa--fa:""}
.fa-usd-square{--fa:"";--fa--fa:""}
.fa-user{--fa:"";--fa--fa:""}
.fa-user-alien{--fa:"";--fa--fa:""}
.fa-user-alt{--fa:"";--fa--fa:""}
.fa-user-alt-slash{--fa:"";--fa--fa:""}
.fa-user-astronaut{--fa:"";--fa--fa:""}
.fa-user-beard-bolt{--fa:"";--fa--fa:""}
.fa-user-bounty-hunter{--fa:"";--fa--fa:""}
.fa-user-chart{--fa:"";--fa--fa:""}
.fa-user-check{--fa:"";--fa--fa:""}
.fa-user-chef{--fa:"";--fa--fa:""}
.fa-user-circle{--fa:"";--fa--fa:""}
.fa-user-clock{--fa:"";--fa--fa:""}
.fa-user-cog{--fa:"";--fa--fa:""}
.fa-user-construction{--fa:"";--fa--fa:""}
.fa-user-cowboy{--fa:"";--fa--fa:""}
.fa-user-crown{--fa:"";--fa--fa:""}
.fa-user-doctor{--fa:"";--fa--fa:""}
.fa-user-doctor-hair{--fa:"";--fa--fa:""}
.fa-user-doctor-hair-long{--fa:"";--fa--fa:""}
.fa-user-doctor-message{--fa:"";--fa--fa:""}
.fa-user-edit{--fa:"";--fa--fa:""}
.fa-user-friends{--fa:"";--fa--fa:""}
.fa-user-gear{--fa:"";--fa--fa:""}
.fa-user-graduate{--fa:"";--fa--fa:""}
.fa-user-group{--fa:"";--fa--fa:""}
.fa-user-group-crown{--fa:"";--fa--fa:""}
.fa-user-group-simple{--fa:"";--fa--fa:""}
.fa-user-hair{--fa:"";--fa--fa:""}
.fa-user-hair-buns{--fa:"";--fa--fa:""}
.fa-user-hair-long{--fa:"";--fa--fa:""}
.fa-user-hair-mullet{--fa:"";--fa--fa:""}
.fa-user-hard-hat{--fa:"";--fa--fa:""}
.fa-user-headset{--fa:"";--fa--fa:""}
.fa-user-helmet-safety{--fa:"";--fa--fa:""}
.fa-user-hoodie{--fa:"";--fa--fa:""}
.fa-user-injured{--fa:"";--fa--fa:""}
.fa-user-large{--fa:"";--fa--fa:""}
.fa-user-large-slash{--fa:"";--fa--fa:""}
.fa-user-lock{--fa:"";--fa--fa:""}
.fa-user-magnifying-glass{--fa:"";--fa--fa:""}
.fa-user-md{--fa:"";--fa--fa:""}
.fa-user-md-chat{--fa:"";--fa--fa:""}
.fa-user-minus{--fa:"";--fa--fa:""}
.fa-user-music{--fa:"";--fa--fa:""}
.fa-user-ninja{--fa:"";--fa--fa:""}
.fa-user-nurse{--fa:"";--fa--fa:""}
.fa-user-nurse-hair{--fa:"";--fa--fa:""}
.fa-user-nurse-hair-long{--fa:"";--fa--fa:""}
.fa-user-pen{--fa:"";--fa--fa:""}
.fa-user-pilot{--fa:"";--fa--fa:""}
.fa-user-pilot-tie{--fa:"";--fa--fa:""}
.fa-user-plus{--fa:"";--fa--fa:""}
.fa-user-police{--fa:"";--fa--fa:""}
.fa-user-police-tie{--fa:"";--fa--fa:""}
.fa-user-robot{--fa:"";--fa--fa:""}
.fa-user-robot-xmarks{--fa:"";--fa--fa:""}
.fa-user-secret{--fa:"";--fa--fa:""}
.fa-user-shakespeare{--fa:"";--fa--fa:""}
.fa-user-shield{--fa:"";--fa--fa:""}
.fa-user-slash{--fa:"";--fa--fa:""}
.fa-user-tag{--fa:"";--fa--fa:""}
.fa-user-tie{--fa:"";--fa--fa:""}
.fa-user-tie-hair{--fa:"";--fa--fa:""}
.fa-user-tie-hair-long{--fa:"";--fa--fa:""}
.fa-user-times{--fa:"";--fa--fa:""}
.fa-user-unlock{--fa:"";--fa--fa:""}
.fa-user-visor{--fa:"";--fa--fa:""}
.fa-user-vneck{--fa:"";--fa--fa:""}
.fa-user-vneck-hair{--fa:"";--fa--fa:""}
.fa-user-vneck-hair-long{--fa:"";--fa--fa:""}
.fa-user-xmark{--fa:"";--fa--fa:""}
.fa-users{--fa:"";--fa--fa:""}
.fa-users-between-lines{--fa:"";--fa--fa:""}
.fa-users-class{--fa:"";--fa--fa:""}
.fa-users-cog{--fa:"";--fa--fa:""}
.fa-users-crown{--fa:"";--fa--fa:""}
.fa-users-gear{--fa:"";--fa--fa:""}
.fa-users-line{--fa:"";--fa--fa:""}
.fa-users-medical{--fa:"";--fa--fa:""}
.fa-users-rays{--fa:"";--fa--fa:""}
.fa-users-rectangle{--fa:"";--fa--fa:""}
.fa-users-slash{--fa:"";--fa--fa:""}
.fa-users-viewfinder{--fa:"";--fa--fa:""}
.fa-utensil-fork{--fa:"";--fa--fa:""}
.fa-utensil-knife{--fa:"";--fa--fa:""}
.fa-utensil-spoon{--fa:"";--fa--fa:""}
.fa-utensils{--fa:"";--fa--fa:""}
.fa-utensils-alt{--fa:"";--fa--fa:""}
.fa-utensils-slash{--fa:"";--fa--fa:""}
.fa-utility-pole{--fa:"";--fa--fa:""}
.fa-utility-pole-double{--fa:"";--fa--fa:""}
.fa-v{--fa:"V";--fa--fa:"VV"}
.fa-vacuum{--fa:"";--fa--fa:""}
.fa-vacuum-robot{--fa:"";--fa--fa:""}
.fa-value-absolute{--fa:"";--fa--fa:""}
.fa-van-shuttle{--fa:"";--fa--fa:""}
.fa-vault{--fa:"";--fa--fa:""}
.fa-vcard{--fa:"";--fa--fa:""}
.fa-vector-circle{--fa:"";--fa--fa:""}
.fa-vector-polygon{--fa:"";--fa--fa:""}
.fa-vector-square{--fa:"";--fa--fa:""}
.fa-vent-damper{--fa:"";--fa--fa:""}
.fa-venus{--fa:"";--fa--fa:""}
.fa-venus-double{--fa:"";--fa--fa:""}
.fa-venus-mars{--fa:"";--fa--fa:""}
.fa-vest{--fa:"";--fa--fa:""}
.fa-vest-patches{--fa:"";--fa--fa:""}
.fa-vhs{--fa:"";--fa--fa:""}
.fa-vial{--fa:"";--fa--fa:""}
.fa-vial-circle-check{--fa:"";--fa--fa:""}
.fa-vial-virus{--fa:"";--fa--fa:""}
.fa-vials{--fa:"";--fa--fa:""}
.fa-video{--fa:"";--fa--fa:""}
.fa-video-arrow-down-left{--fa:"";--fa--fa:""}
.fa-video-arrow-up-right{--fa:"";--fa--fa:""}
.fa-video-camera{--fa:"";--fa--fa:""}
.fa-video-circle{--fa:"";--fa--fa:""}
.fa-video-handheld{--fa:"";--fa--fa:""}
.fa-video-plus{--fa:"";--fa--fa:""}
.fa-video-slash{--fa:"";--fa--fa:""}
.fa-vihara{--fa:"";--fa--fa:""}
.fa-violin{--fa:"";--fa--fa:""}
.fa-virus{--fa:"";--fa--fa:""}
.fa-virus-covid{--fa:"";--fa--fa:""}
.fa-virus-covid-slash{--fa:"";--fa--fa:""}
.fa-virus-slash{--fa:"";--fa--fa:""}
.fa-viruses{--fa:"";--fa--fa:""}
.fa-voicemail{--fa:"";--fa--fa:""}
.fa-volcano{--fa:"";--fa--fa:""}
.fa-volleyball{--fa:"";--fa--fa:""}
.fa-volleyball-ball{--fa:"";--fa--fa:""}
.fa-volume{--fa:"";--fa--fa:""}
.fa-volume-control-phone{--fa:"";--fa--fa:""}
.fa-volume-down{--fa:"";--fa--fa:""}
.fa-volume-high{--fa:"";--fa--fa:""}
.fa-volume-low{--fa:"";--fa--fa:""}
.fa-volume-medium{--fa:"";--fa--fa:""}
.fa-volume-mute{--fa:"";--fa--fa:""}
.fa-volume-off{--fa:"";--fa--fa:""}
.fa-volume-slash{--fa:"";--fa--fa:""}
.fa-volume-times{--fa:"";--fa--fa:""}
.fa-volume-up{--fa:"";--fa--fa:""}
.fa-volume-xmark{--fa:"";--fa--fa:""}
.fa-vote-nay{--fa:"";--fa--fa:""}
.fa-vote-yea{--fa:"";--fa--fa:""}
.fa-vr-cardboard{--fa:"";--fa--fa:""}
.fa-w{--fa:"W";--fa--fa:"WW"}
.fa-waffle{--fa:"";--fa--fa:""}
.fa-wagon-covered{--fa:"";--fa--fa:""}
.fa-walker{--fa:"";--fa--fa:""}
.fa-walkie-talkie{--fa:"";--fa--fa:""}
.fa-walking{--fa:"";--fa--fa:""}
.fa-wall-brick{--fa:"";--fa--fa:""}
.fa-wallet{--fa:"";--fa--fa:""}
.fa-wand{--fa:"";--fa--fa:""}
.fa-wand-magic{--fa:"";--fa--fa:""}
.fa-wand-magic-sparkles{--fa:"";--fa--fa:""}
.fa-wand-sparkles{--fa:"";--fa--fa:""}
.fa-warehouse{--fa:"";--fa--fa:""}
.fa-warehouse-alt{--fa:"";--fa--fa:""}
.fa-warehouse-full{--fa:"";--fa--fa:""}
.fa-warning{--fa:"";--fa--fa:""}
.fa-washer{--fa:"";--fa--fa:""}
.fa-washing-machine{--fa:"";--fa--fa:""}
.fa-watch{--fa:"";--fa--fa:""}
.fa-watch-apple{--fa:"";--fa--fa:""}
.fa-watch-calculator{--fa:"";--fa--fa:""}
.fa-watch-fitness{--fa:"";--fa--fa:""}
.fa-watch-smart{--fa:"";--fa--fa:""}
.fa-water{--fa:"";--fa--fa:""}
.fa-water-arrow-down{--fa:"";--fa--fa:""}
.fa-water-arrow-up{--fa:"";--fa--fa:""}
.fa-water-ladder{--fa:"";--fa--fa:""}
.fa-water-lower{--fa:"";--fa--fa:""}
.fa-water-rise{--fa:"";--fa--fa:""}
.fa-watermelon-slice{--fa:"";--fa--fa:""}
.fa-wave{--fa:"";--fa--fa:""}
.fa-wave-pulse{--fa:"";--fa--fa:""}
.fa-wave-sine{--fa:"";--fa--fa:""}
.fa-wave-square{--fa:"";--fa--fa:""}
.fa-wave-triangle{--fa:"";--fa--fa:""}
.fa-waveform{--fa:"";--fa--fa:""}
.fa-waveform-circle{--fa:"";--fa--fa:""}
.fa-waveform-lines{--fa:"";--fa--fa:""}
.fa-waveform-path{--fa:"";--fa--fa:""}
.fa-waves-sine{--fa:"";--fa--fa:""}
.fa-web-awesome{--fa:"";--fa--fa:""}
.fa-webcam{--fa:"";--fa--fa:""}
.fa-webcam-slash{--fa:"";--fa--fa:""}
.fa-webhook{--fa:"";--fa--fa:""}
.fa-weight{--fa:"";--fa--fa:""}
.fa-weight-hanging{--fa:"";--fa--fa:""}
.fa-weight-scale{--fa:"";--fa--fa:""}
.fa-whale{--fa:"";--fa--fa:""}
.fa-wheat{--fa:"";--fa--fa:""}
.fa-wheat-alt{--fa:"";--fa--fa:""}
.fa-wheat-awn{--fa:"";--fa--fa:""}
.fa-wheat-awn-circle-exclamation{--fa:"";--fa--fa:""}
.fa-wheat-awn-slash{--fa:"";--fa--fa:""}
.fa-wheat-slash{--fa:"";--fa--fa:""}
.fa-wheelchair{--fa:"";--fa--fa:""}
.fa-wheelchair-alt{--fa:"";--fa--fa:""}
.fa-wheelchair-move{--fa:"";--fa--fa:""}
.fa-whiskey-glass{--fa:"";--fa--fa:""}
.fa-whiskey-glass-ice{--fa:"";--fa--fa:""}
.fa-whistle{--fa:"";--fa--fa:""}
.fa-wifi{--fa:"";--fa--fa:""}
.fa-wifi-1{--fa:"";--fa--fa:""}
.fa-wifi-2{--fa:"";--fa--fa:""}
.fa-wifi-3{--fa:"";--fa--fa:""}
.fa-wifi-exclamation{--fa:"";--fa--fa:""}
.fa-wifi-fair{--fa:"";--fa--fa:""}
.fa-wifi-slash{--fa:"";--fa--fa:""}
.fa-wifi-strong{--fa:"";--fa--fa:""}
.fa-wifi-weak{--fa:"";--fa--fa:""}
.fa-wind{--fa:"";--fa--fa:""}
.fa-wind-circle-exclamation{--fa:"";--fa--fa:""}
.fa-wind-turbine{--fa:"";--fa--fa:""}
.fa-wind-warning{--fa:"";--fa--fa:""}
.fa-window{--fa:"";--fa--fa:""}
.fa-window-alt{--fa:"";--fa--fa:""}
.fa-window-close{--fa:"";--fa--fa:""}
.fa-window-flip{--fa:"";--fa--fa:""}
.fa-window-frame{--fa:"";--fa--fa:""}
.fa-window-frame-open{--fa:"";--fa--fa:""}
.fa-window-maximize{--fa:"";--fa--fa:""}
.fa-window-minimize{--fa:"";--fa--fa:""}
.fa-window-restore{--fa:"";--fa--fa:""}
.fa-windsock{--fa:"";--fa--fa:""}
.fa-wine-bottle{--fa:"";--fa--fa:""}
.fa-wine-glass{--fa:"";--fa--fa:""}
.fa-wine-glass-alt{--fa:"";--fa--fa:""}
.fa-wine-glass-crack{--fa:"";--fa--fa:""}
.fa-wine-glass-empty{--fa:"";--fa--fa:""}
.fa-won{--fa:"";--fa--fa:""}
.fa-won-sign{--fa:"";--fa--fa:""}
.fa-worm{--fa:"";--fa--fa:""}
.fa-wreath{--fa:"";--fa--fa:""}
.fa-wreath-laurel{--fa:"";--fa--fa:""}
.fa-wrench{--fa:"";--fa--fa:""}
.fa-wrench-simple{--fa:"";--fa--fa:""}
.fa-x{--fa:"X";--fa--fa:"XX"}
.fa-x-ray{--fa:"";--fa--fa:""}
.fa-xmark{--fa:"";--fa--fa:""}
.fa-xmark-circle{--fa:"";--fa--fa:""}
.fa-xmark-hexagon{--fa:"";--fa--fa:""}
.fa-xmark-large{--fa:"";--fa--fa:""}
.fa-xmark-octagon{--fa:"";--fa--fa:""}
.fa-xmark-square{--fa:"";--fa--fa:""}
.fa-xmark-to-slot{--fa:"";--fa--fa:""}
.fa-xmarks-lines{--fa:"";--fa--fa:""}
.fa-y{--fa:"Y";--fa--fa:"YY"}
.fa-yen{--fa:"";--fa--fa:""}
.fa-yen-sign{--fa:"";--fa--fa:""}
.fa-yin-yang{--fa:"";--fa--fa:""}
.fa-z{--fa:"Z";--fa--fa:"ZZ"}
.fa-zap{--fa:"";--fa--fa:""}
.fa-zzz{--fa:"";--fa--fa:""}
.sr-only,.fa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"}
@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;font-display:block;src:url('fa-regular-400.woff2') format("woff2"),url('fa-regular-400.ttf') format("truetype")}
.fa-regular,.far{font-weight:400}
/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp"}
@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:900;font-display:block;src:url('fa-sharp-solid-900.woff2') format("woff2"),url('fa-sharp-solid-900.ttf') format("truetype")}
.fa-solid,.fass{font-weight:900}
.ProseMirror {
  position: relative;
}
.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}
.ProseMirror pre {
  white-space: pre-wrap;
}
.ProseMirror li {
  position: relative;
}
.ProseMirror-hideselection *::selection { background: transparent; }
.ProseMirror-hideselection *::-moz-selection { background: transparent; }
.ProseMirror-hideselection { caret-color: transparent; }
/* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */
.ProseMirror [draggable][contenteditable=false] { -webkit-user-select: text; user-select: text }
.ProseMirror-selectednode {
  outline: 2px solid #8cf;
}
/* Make sure li selections wrap around markers */
li.ProseMirror-selectednode {
  outline: none;
}
li.ProseMirror-selectednode:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -2px; top: -2px; bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}
/* Protect against generic img rules */
img.ProseMirror-separator {
  display: inline !important;
  border: none !important;
  margin: 0 !important;
}
/* Add space around the hr to make clicking it easier */
.ProseMirror-example-setup-style hr {
  padding: 2px 10px;
  border: none;
  margin: 1em 0;
}
.ProseMirror-example-setup-style hr:after {
  content: "";
  display: block;
  height: 1px;
  background-color: silver;
  line-height: 2px;
}
.ProseMirror ul, .ProseMirror ol {
  padding-left: 30px;
}
.ProseMirror blockquote {
  padding-left: 1em;
  border-left: 3px solid #eee;
  margin-left: 0; margin-right: 0;
}
.ProseMirror-example-setup-style img {
  cursor: default;
}
.ProseMirror-prompt {
  background: white;
  padding: 5px 10px 5px 15px;
  border: 1px solid silver;
  position: fixed;
  border-radius: 3px;
  z-index: 11;
  box-shadow: -.5px 2px 5px rgba(0, 0, 0, .2);
}
.ProseMirror-prompt h5 {
  margin: 0;
  font-weight: normal;
  font-size: 100%;
  color: #444;
}
.ProseMirror-prompt input[type="text"],
.ProseMirror-prompt textarea {
  background: #eee;
  border: none;
  outline: none;
}
.ProseMirror-prompt input[type="text"] {
  padding: 0 4px;
}
.ProseMirror-prompt-close {
  position: absolute;
  left: 2px; top: 1px;
  color: #666;
  border: none; background: transparent; padding: 0;
}
.ProseMirror-prompt-close:after {
  content: "✕";
  font-size: 12px;
}
.ProseMirror-invalid {
  background: #ffc;
  border: 1px solid #cc7;
  border-radius: 4px;
  padding: 5px 10px;
  position: absolute;
  min-width: 10em;
}
.ProseMirror-prompt-buttons {
  margin-top: 5px;
  display: none;
}
.ProseMirror-gapcursor {
  display: none;
  pointer-events: none;
  position: absolute;
}
.ProseMirror-gapcursor:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}
@keyframes ProseMirror-cursor-blink {
  to {
    visibility: hidden;
  }
}
.ProseMirror-focused .ProseMirror-gapcursor {
  display: block;
}
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}
/* PADDING */
.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }
/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}
.cm-tab { display: inline-block; text-decoration: inherit; }
.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}
.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}
.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}
.CodeMirror-composing { border-bottom: 2px solid; }
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}
.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */ border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}
.CodeMirror-widget {}
.CodeMirror-rtl pre { direction: rtl; }
.CodeMirror-code {
  outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}
/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }
@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }
.ProseMirror .tableWrapper {
  overflow-x: auto;
}
.ProseMirror table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
.ProseMirror td,
.ProseMirror th {
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
}
.ProseMirror .column-resize-handle {
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
  width: 4px;
  z-index: 20;
  background-color: #adf;
  pointer-events: none;
}
.ProseMirror.resize-cursor {
  cursor: ew-resize;
  cursor: col-resize;
}
/* Give selected cells a blue overlay */
.ProseMirror .selectedCell:after {
  z-index: 2;
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(200, 200, 255, 0.4);
  pointer-events: none;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}
.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-names {
  margin-bottom: -8px;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}
.ui-widget,.ui-widget *{box-sizing:border-box}
.ui-helper-hidden{display:none !important}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-hidden-accessible input,.ui-helper-hidden-accessible select{transform:scale(0)}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix::before,.ui-helper-clearfix::after{content:"";display:table}
.ui-helper-clearfix::after{clear:both}
.ui-helper-clearfix{zoom:1}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-state-disabled{cursor:default !important}
.ui-state-disabled a{cursor:default !important}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}
.ui-resizable{position:relative}
.ui-resizable-handle{position:absolute;font-size:.1px;display:block}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}
.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}
.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}
.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}
.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}
.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
.ui-shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,0.3)}
.ui-unselectable-text{-webkit-user-select:none;-o-user-select:none;user-select:none}
.ui-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}
.ui-overflow-hidden{overflow:hidden}
input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}
.ui-autocomplete{width:auto;zoom:1;cursor:pointer;box-shadow:none;position:relative;display:inline-block}
.ui-autocomplete .ui-autocomplete-dropdown{height:100%;width:2em;margin-right:0;vertical-align:top}
.ui-autocomplete .ui-autocomplete-input{padding-right:1.5em}
.ui-autocomplete-loader{position:absolute;right:.25em;top:50%;margin-top:-.5em}
.ui-autocomplete-query{font-weight:bold}
.ui-autocomplete .ui-autocomplete-panel{min-width:100%}
.ui-autocomplete-panel{position:absolute;overflow:auto}
.ui-autocomplete-panel .ui-autocomplete-list{padding:.4em;border:0 none}
.ui-autocomplete-panel .ui-autocomplete-list-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;padding:.186em .313em;text-align:left}
.ui-autocomplete .ui-button-icon-only,.ui-autocomplete .ui-button-icon-only:enabled:hover,.ui-autocomplete .ui-button-icon-only:enabled:focus,.ui-autocomplete .ui-button-icon-only:enabled:active{border-left:0 none}
.ui-autocomplete-multiple-container{display:inline-block;vertical-align:middle}
.ui-autocomplete-multiple-container.ui-inputtext{clear:left;cursor:text;list-style-type:none;margin:0;overflow:hidden;padding:0 1.5em 0 .25em}
.ui-autocomplete-token{cursor:default;display:inline-block;vertical-align:middle;overflow:hidden;padding:.125em .5em;white-space:nowrap;position:relative;margin-right:.125em;border:0 none;font-size:.9em}
.ui-autocomplete-token-label{display:block;margin-right:2em}
.ui-autocomplete-token-icon{margin-top:-.5em;position:absolute;right:.2em;top:50%;cursor:pointer}
.ui-autocomplete-input-token{display:inline-block;vertical-align:middle;list-style-type:none;margin:0 0 0 .125em;padding:.25em .25em .25em 0}
.ui-autocomplete-input-token input{border:0 none;width:10em;outline:medium none;background-color:transparent;margin:0;padding:0;box-shadow:none;border-radius:0}
.ui-autocomplete-dd .ui-autocomplete-loader{right:2.25em}
.ui-autocomplete-dd input.ui-corner-all,.ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all{border-top-right-radius:0;border-bottom-right-radius:0}
.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all{border-top-left-radius:0;border-bottom-left-radius:0}
.ui-fluid p-autocomplete,.ui-fluid .ui-autocomplete,.ui-fluid .ui-autocomplete-input{width:100%}
.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input,.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container{width:calc(100% - 2em)}
.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button{width:2em}
.ui-accordion{width:100%}
.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1}
.ui-accordion .ui-accordion-header a{display:block;padding:.5em}
.ui-accordion .ui-accordion-toggle-icon,.ui-accordion .ui-accordion-header-text{vertical-align:middle}
.ui-accordion .ui-accordion-content{padding:1em;border-top:0;overflow:visible;zoom:1}
.ui-accordion .ui-accordion-header.ui-state-disabled,.ui-accordion .ui-accordion-header.ui-state-disabled a{cursor:default}
.ui-accordion-content-wrapper-overflown{overflow:hidden}
.ui-rtl .ui-accordion .ui-accordion-header a{padding:.5em 2em .5em .5em}
.ui-rtl .ui-accordion .ui-accordion-toggle-icon{left:initial;right:.5em}
.ui-rtl .ui-accordion .ui-accordion-toggle-icon.pi-caret-right:before{content:'\e904'}
.ui-widget,.ui-widget *{box-sizing:border-box}
.ui-helper-hidden{display:none !important}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-hidden-accessible input,.ui-helper-hidden-accessible select{transform:scale(0)}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix::before,.ui-helper-clearfix::after{content:"";display:table}
.ui-helper-clearfix::after{clear:both}
.ui-helper-clearfix{zoom:1}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-state-disabled{cursor:default !important}
.ui-state-disabled a{cursor:default !important}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}
.ui-resizable{position:relative}
.ui-resizable-handle{position:absolute;font-size:.1px;display:block}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}
.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}
.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}
.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}
.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}
.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
.ui-shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,0.3)}
.ui-unselectable-text{-webkit-user-select:none;-o-user-select:none;user-select:none}
.ui-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}
.ui-overflow-hidden{overflow:hidden}
::-webkit-input-placeholder{color:#898989}
:-moz-placeholder{color:#898989;opacity:1}
::-moz-placeholder{color:#898989;opacity:1}
:-ms-input-placeholder{color:#898989}
::-ms-input-placeholder{color:#898989}
.ui-placeholder{color:#898989}
input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}
.ui-blockui{position:absolute;top:0;left:0;width:100%;height:100%}
.ui-blockui-document{position:fixed}
.ui-button{display:inline-block;position:relative;padding:0;text-decoration:none !important;cursor:pointer;text-align:center;zoom:1;overflow:visible}
p-button{display:inline-block}
.ui-button .ui-button-text{display:block;line-height:normal}
.ui-button-text-only .ui-button-text{padding:.25em 1em}
.ui-button-icon-only .ui-button-text,.ui-button-text-empty .ui-button-text{padding:.25em;text-indent:-9999999px}
.ui-button-text-icon-left .ui-button-text{padding:.25em 1em .25em 2.1em}
.ui-button-text-icon-right .ui-button-text{padding:.25em 2.1em .25em 1em}
.ui-button-icon-only .ui-button-icon-left,.ui-button-text-icon-left .ui-button-icon-left,.ui-button-text-icon-right .ui-button-icon-right{position:absolute;top:50%;margin-top:-.5em;height:1em}
.ui-button-icon-only .ui-button-icon-left{top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;width:1em;height:1em}
.ui-button-icon-left{left:.5em}
.ui-button-icon-right{right:.5em}
.ui-buttonset .ui-button{margin-left:0;margin-right:0}
button.ui-button::-moz-focus-inner{border:0;padding:0}
.ui-fluid .ui-button{width:100%}
.ui-fluid .ui-button-text-icon-left .ui-button-text,.ui-fluid .ui-button-text-icon-right .ui-button-text{padding-left:1em;padding-right:1em}
.ui-fluid .ui-buttonset{width:100%}
.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button{width:100%}
.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button{width:50%}
.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button{width:33.3%}
.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button{width:25%}
.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button{width:20%}
.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:16.6%}
@media(max-width:640px){.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:100%}}
.ui-calendar{position:relative;display:inline-block}
.ui-calendar .ui-calendar-button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0;width:2em;border-left:0 none}
.ui-calendar .ui-calendar-button:enabled:hover,.ui-calendar .ui-calendar-button:focus{border-left:0 none}
.ui-calendar .ui-datepicker{min-width:100%}
.ui-fluid .ui-calendar{width:100%}
.ui-fluid .ui-calendar-button{width:2em}
.ui-fluid .ui-datepicker-buttonbar button{width:auto}
.ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext{width:calc(100% - 2em)}
.ui-datepicker{width:auto;padding:.2em;position:absolute}
.ui-datepicker.ui-datepicker-inline{display:inline-block;position:static}
.ui-datepicker .ui-datepicker-group{border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:0}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.5em 0}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:.5em;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-prev{left:.125em}
.ui-datepicker .ui-datepicker-next{right:.125em}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;top:50%;margin-top:-.5em;margin-left:-.5em}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:.125em 0;vertical-align:middle}
.ui-datepicker select.ui-datepicker-month{margin-right:.25em}
.ui-datepicker span.ui-datepicker-year{margin-left:.25em}
.ui-datepicker-multiple-month .ui-datepicker-group{display:table-cell;border-left-width:0;border-top-width:0;border-bottom-width:0;border-right-width:1px}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.5em;text-align:center;font-weight:bold;border:0}
.ui-datepicker td{border:0;padding:0}
.ui-datepicker td>span,.ui-datepicker td>a{display:block;padding:.5em;text-decoration:none;border:0 none;text-align:center}
.ui-datepicker .ui-datepicker-buttonbar{border-left:0 none;border-right:0 none;border-bottom:0 none;padding:.5em}
.ui-datepicker .ui-datepicker-buttonbar>.ui-g>div:last-child{text-align:right}
.ui-datepicker .ui-datepicker-buttonbar>.ui-g>div{padding:0}
.ui-calendar.ui-calendar-w-btn input{border-top-right-radius:0;border-bottom-right-radius:0}
.ui-monthpicker{margin:.857em 0 0 0}
.ui-monthpicker .ui-monthpicker-month{width:33.3%;display:inline-block;text-align:center;padding:.5em;cursor:pointer}
.ui-monthpicker-month.ui-state-disabled{pointer-events:none}
.ui-datepicker-monthpicker select.ui-datepicker-year{width:auto}
.ui-timepicker{text-align:center;padding:.5em 0}
.ui-timepicker>div{display:inline-block;margin-left:.5em;min-width:1.5em}
.ui-timepicker>.ui-minute-picker,.ui-timepicker>.ui-second-picker{margin-left:0}
.ui-timepicker>.ui-separator{margin-left:0;min-width:.75em}
.ui-timepicker>.ui-separator a{visibility:hidden}
.ui-timepicker>div a{display:block;opacity:.7;filter:Alpha(Opacity=70);cursor:pointer}
.ui-timepicker>div a:last-child{margin-top:.3em}
.ui-timepicker>div a:hover{display:block;opacity:1;filter:Alpha(Opacity=100)}
input[type=text]::-ms-clear{display:none}
.ui-datepicker-touch-ui,.ui-calendar .ui-datepicker-touch-ui{position:fixed;top:50%;left:50%;min-width:80vw}
.ui-datepicker-touch-ui.ui-datepicker th{padding:2em 0}
.ui-datepicker-touch-ui.ui-datepicker td{padding:0}
.ui-datepicker-touch-ui.ui-datepicker td>span,.ui-datepicker-touch-ui.ui-datepicker td>a{padding:2em 0}
.ui-datepicker-touch-ui .ui-timepicker{padding:1em 0}
.ui-datepicker-touch-ui .ui-timepicker>div a{font-size:2em}
.ui-datepicker-mask{position:fixed;width:100%;height:100%}
@media screen and (max-width:40em){.ui-datepicker-multiple-month{width:17em;overflow:auto}.ui-datepicker-touch-ui.ui-datepicker th{padding:1em 0}.ui-datepicker-touch-ui.ui-datepicker td span,.ui-datepicker-touch-ui.ui-datepicker td a{padding:1em 0}}
.ui-breadcrumb{margin:0;padding:0;padding:.5em}
.ui-breadcrumb ul{margin:0;padding:0}
.ui-breadcrumb ul li{display:inline-block;margin:0 .25em}
.ui-breadcrumb-chevron,.ui-breadcrumb-home{vertical-align:middle}
.ui-breadcrumb ul li .ui-menuitem-link{text-decoration:none}
.ui-breadcrumb .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}
.ui-breadcrumb .ui-menuitem-text{vertical-align:middle}
.ui-card-header img{width:100%}
.ui-card-body{padding:1em}
.ui-card-title{font-size:1.5em;font-weight:bold;margin-bottom:.5em}
.ui-card-subtitle{opacity:.7;margin-bottom:.5em;margin-top:-.25em;font-weight:bold}
.ui-card-footer{padding-top:1em}
.ui-carousel{display:flex;flex-direction:column;width:100%}
.ui-carousel-content{display:flex;flex-direction:column;flex-wrap:nowrap;overflow:auto;padding:0 .5em}
.ui-carousel-prev,.ui-carousel-next{align-self:center;text-align:center;flex-grow:0;flex-shrink:0;width:2.5em;height:2.5em;position:relative}
.ui-carousel-prev span,.ui-carousel-next span{width:100%;display:flex;justify-content:center;align-items:center}
.ui-carousel-container{display:flex;flex-direction:row;padding:0 .1em}
.ui-carousel-header,.ui-carousel-footer{padding:.5em;z-index:1}
.ui-carousel-items-content{overflow:hidden;width:100%}
.ui-carousel-items-container{display:flex;flex-wrap:nowrap;flex-direction:row}
.ui-carousel-items-container .ui-carousel-item{width:100%;box-sizing:border-box;overflow:auto}
.ui-carousel-dots-container{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin:.5em}
.ui-carousel-vertical .ui-carousel-container{flex-direction:column;width:100%}
.ui-carousel-vertical .ui-carousel-items-container{flex-direction:column;height:100%}
.ui-carousel-vertical .ui-carousel-dots-container{margin:.75em 0}
.ui-chkbox{display:inline-block;cursor:pointer;vertical-align:middle;margin-right:.25em;user-select:none;-moz-user-select:none;-webkit-user-select:none}
.ui-chkbox .ui-chkbox-box{width:1.125em;height:1.125em;line-height:1.125em;border-radius:2px;text-align:center}
.ui-chkbox .ui-chkbox-icon{display:block}
.ui-chkbox-label{vertical-align:middle}
.ui-chkbox-readonly{cursor:default}
.ui-chips>ul.ui-inputtext{clear:left;cursor:text;list-style-type:none;margin:0;overflow:hidden;padding:0 .25em}
.ui-chips-token{cursor:default;display:inline-block;vertical-align:middle;overflow:hidden;padding:.125em .5em;white-space:nowrap;position:relative;margin-right:.125em;border:0 none;font-size:.9em}
.ui-chips-token .ui-chips-token-label{display:block;margin-right:2em}
.ui-chips>.ui-state-disabled .ui-chips-token-label{margin-right:0}
.ui-chips-token .ui-chips-token-icon{margin-top:-.5em;position:absolute;right:.2em;top:50%;cursor:pointer}
.ui-chips-input-token{display:inline-block;vertical-align:middle;list-style-type:none;margin:0 0 0 .125em;padding:.25em .25em .25em 0}
.ui-chips-input-token input{border:0 none;width:10em;outline:medium none;background-color:transparent;margin:0;padding:0;box-shadow:none;border-radius:0}
.ui-colorpicker{display:inline-block}
.ui-colorpicker-dragging{cursor:pointer}
.ui-colorpicker-overlay{position:relative}
.ui-colorpicker-panel{position:relative;width:193px;height:166px;background-color:#323232;border-color:#191919}
.ui-colorpicker-overlay-panel{position:absolute}
.ui-colorpicker-preview{width:2em;cursor:pointer}
.ui-colorpicker-panel .ui-colorpicker-content{position:relative}
.ui-colorpicker-panel .ui-colorpicker-color-selector{width:150px;height:150px;top:8px;left:8px;position:absolute}
.ui-colorpicker-panel .ui-colorpicker-color{width:150px;height:150px;background:transparent url('color.png') no-repeat left top}
.ui-colorpicker-panel .ui-colorpicker-color-handle{position:absolute;top:0;left:150px;border-radius:100%;width:10px;height:10px;border:1px solid #fff;margin:-5px 0 0 -5px;cursor:pointer}
.ui-colorpicker-panel .ui-colorpicker-hue{background:transparent url('hue.png') no-repeat left top;width:17px;height:150px;top:8px;left:167px;position:absolute;opacity:.85}
.ui-colorpicker-panel .ui-colorpicker-hue-handle{position:absolute;top:150px;left:0;width:21px;margin-left:-2px;margin-top:-5px;height:10px;border:2px solid #fff;opacity:.85;cursor:pointer}
.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle,.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle{opacity:.5}
.ui-contextmenu{width:12.5em;padding:.25em;position:absolute;display:none}
.ui-contextmenu .ui-menu-separator{border-width:1px 0 0 0}
.ui-contextmenu ul{list-style:none;margin:0;padding:0}
.ui-contextmenu .ui-submenu-list{display:none;position:absolute;width:12.5em;padding:.25em}
.ui-contextmenu .ui-menuitem-link{padding:.25em;display:block;position:relative}
.ui-contextmenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}
.ui-contextmenu .ui-menuitem-text{vertical-align:middle}
.ui-contextmenu .ui-menuitem{position:relative}
.ui-contextmenu .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}
.ui-contextmenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block !important}
.ui-dataview{position:relative}
.ui-dataview .ui-paginator{text-align:center}
.ui-dataview-column{padding:.25em}
.ui-dataview-content-empty{padding:.25em .625em}
.ui-dataview .ui-dataview-header,.ui-dataview .ui-dataview-footer{padding:.5em .75em}
.ui-dataview .ui-dataview-header{border-bottom:0 none}
.ui-dataview .ui-dataview-footer{border-top:0 none}
.ui-dataview .ui-paginator-top{border-bottom:0 none}
.ui-dataview .ui-paginator-bottom{border-top:0 none}
.ui-dataview.ui-dataview-list>.ui-dataview-content>div.ui-g>div{width:100%}
.ui-dataview .ui-dataview-emptymessage{padding:.5em .75em}
.ui-dataview-loading{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}
.ui-dataview-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}
.ui-dataview-loading-icon{font-size:2em}
.ui-dialog-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}
.ui-dialog{position:fixed;padding:0;pointer-events:auto;display:flex;flex-direction:column;max-height:90%}
.ui-dynamicdialog{top:50%;left:50%}
.ui-dialog .ui-dialog-titlebar{padding:.5em .75em;position:relative;border:0;flex-shrink:0}
.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em .75em;background:0;zoom:1}
.ui-dialog-maximized{transition:none;transform:none;width:100vw !important;max-height:100%;height:100%;left:0 !important;top:0 !important}
.ui-dialog-maximized .ui-dialog-content{flex-grow:1}
.ui-dialog-resizable .ui-dialog-content{overflow:auto}
.ui-dialog-breakpoint{left:0;width:100%}
.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px;position:absolute;font-size:.1px;display:block;cursor:se-resize}
.ui-draggable .ui-dialog-titlebar{cursor:move}
.ui-dialog .ui-dialog-titlebar-icons{float:right}
.ui-dialog .ui-dialog-titlebar-icons:after{content:"";display:table;clear:both}
.ui-dialog .ui-dialog-titlebar-icon{text-decoration:none;padding:.125em;cursor:pointer;display:inline-block;vertical-align:middle;border:1px solid transparent}
.ui-dialog .ui-dialog-titlebar-icon span{display:block;margin:0}
.ui-dialog-footer{padding:1em;border-width:1px 0 0 0;text-align:right;flex-shrink:0}
.ui-dialog-mask{position:fixed;width:100%;height:100%}
.ui-dialog-wrapper.ui-dialog-mask{pointer-events:auto}
.ui-dialog-top .ui-dialog,.ui-dialog-bottom .ui-dialog,.ui-dialog-left .ui-dialog,.ui-dialog-right .ui-dialog,.ui-dialog-topleft .ui-dialog,.ui-dialog-topright .ui-dialog,.ui-dialog-bottomleft .ui-dialog,.ui-dialog-bottomright .ui-dialog{margin:.75em;position:relative}
.ui-dialog-left{justify-content:flex-start}
.ui-dialog-right{justify-content:flex-end}
.ui-dialog-top{align-items:flex-start}
.ui-dialog-topleft{justify-content:flex-start;align-items:flex-start}
.ui-dialog-topright{justify-content:flex-end;align-items:flex-start}
.ui-dialog-bottom{align-items:flex-end}
.ui-dialog-bottomleft{justify-content:flex-start;align-items:flex-end}
.ui-dialog-bottomright{justify-content:flex-end;align-items:flex-end}
.ui-confirmdialog{width:30em}
.ui-confirmdialog.ui-dialog .ui-dialog-content{padding:1em 2em}
.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon{font-size:1.5em;margin-right:.5em;position:relative;top:.2em}
.ui-dialog-footer .ui-button{margin-right:.25em}
.ui-fluid .ui-dialog-footer .ui-button{width:auto}
.ui-rtl .ui-dialog .ui-dialog-titlebar-close{float:left}
.ui-rtl .ui-dialog .ui-dialog-buttonpane button{text-align:right}
@media screen and (max-width:40em){.ui-confirmdialog{width:90%}}
.ui-dropdown{display:inline-block;position:relative;cursor:pointer;vertical-align:middle;min-width:12.5em}
.ui-dropdown .ui-dropdown-hidden-select{bottom:0;clip:auto}
.ui-dropdown .ui-dropdown-hidden-select select{transform:none;height:1px;position:absolute;top:0;clip:rect(0,0,0,0);pointer-events:none}
.ui-dropdown .ui-dropdown-clear-icon{position:absolute;right:2em;top:50%;font-size:1em;height:1em;margin-top:-.5em}
.ui-dropdown .ui-dropdown-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:1.5em;height:100%;position:absolute;right:0;top:0;padding:0 .25em}
.ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon{top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;position:absolute}
.ui-dropdown .ui-dropdown-label{display:block;border:0;white-space:nowrap;overflow:hidden;font-weight:normal;width:100%;padding-right:2.5em}
.ui-dropdown-item-empty,.ui-dropdown-label-empty{text-indent:-9999px;overflow:hidden}
.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,.ui-dropdown.ui-state-disabled .ui-dropdown-label{cursor:default}
.ui-dropdown label.ui-dropdown-label{cursor:pointer}
.ui-dropdown input.ui-dropdown-label{cursor:default}
.ui-dropdown .ui-dropdown-panel{min-width:100%}
.ui-dropdown-panel{position:absolute;height:auto}
.ui-dropdown-panel .ui-dropdown-items-wrapper{overflow:auto}
.ui-dropdown-panel .ui-dropdown-item{font-weight:normal;border:0 none;cursor:pointer;margin:1px 0;padding:.125em .25em;text-align:left}
.ui-dropdown-panel .ui-dropdown-empty-message{padding:.5em}
.ui-dropdown-panel .ui-dropdown-item-group{font-weight:bold;cursor:default}
.ui-dropdown-panel .ui-dropdown-list{padding:.4em;border:0 none}
.ui-dropdown-panel .ui-dropdown-filter{width:100%;box-sizing:border-box;padding-right:1.5em}
.ui-dropdown-panel .ui-dropdown-filter-container{position:relative;margin:0;padding:.4em;display:inline-block;width:100%}
.ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon{position:absolute;top:.8em;right:1em}
.ui-fluid .ui-dropdown{width:100%;min-width:100%}
.ui-fieldset,.ui-fieldset .ui-fieldset-legend{padding:.5em 1em}
.ui-fieldset-toggleable .ui-fieldset-legend{padding:0}
.ui-fieldset-toggleable .ui-fieldset-legend a{padding:.5em 1em;cursor:pointer;white-space:nowrap;display:block}
.ui-fieldset .ui-fieldset-toggler{margin-right:.1em;display:inline-block;vertical-align:middle}
.ui-fieldset .ui-fieldset-legend-text{vertical-align:middle}
.ui-fieldset .ui-fieldset-content-wrapper-overflown{overflow:hidden}
.ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input{cursor:default}
.ui-fileupload-buttonbar{padding:.5em;border-bottom:0 none}
.ui-fileupload-buttonbar .ui-button{vertical-align:middle;margin-right:.25em}
.ui-fileupload-content{padding:1em;position:relative;transition:border-color .3s}
.ui-fileupload-content.ui-fileupload-highlight{border-color:#156090}
.ui-fileupload-files img{border:0}
.ui-fileupload-files{display:table}
.ui-fileupload-row{display:table-row}
.ui-fileupload-row>div{display:table-cell;padding:.5em 1em;vertical-align:middle}
.ui-fileupload-content .ui-progressbar{width:100%;position:absolute;top:1px;left:0;height:.25em;border:0 none}
.ui-fileupload-content .ui-progressbar-value{border-radius:0;border:0 none}
.ui-fileupload-choose{position:relative;overflow:hidden}
.ui-fileupload-choose input[type=file]{position:absolute;top:0;right:0;margin:0;opacity:0;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);direction:ltr;cursor:pointer;z-index:1}
.ui-fileupload-choose.ui-fileupload-choose-selected input[type=file]{display:none}
.ui-fluid .ui-fileupload .ui-button{width:auto}
.ui-fluid .ui-fileupload-content .ui-button-icon-only{width:2em}
@media(max-width:40em){.ui-fileupload-buttonbar .ui-button{display:block;width:100%;margin-right:0;margin-bottom:.25em}.ui-fileupload-buttonbar .ui-button:last-child{margin-bottom:0}.ui-fileupload-row>div{display:block}}
.ui-fluid .fc .ui-button{width:auto}
.ui-galleria{overflow:hidden;visibility:hidden;position:relative}
.ui-galleria .ui-galleria-panel-wrapper{position:relative;padding:0;margin:0}
.ui-galleria .ui-galleria-panel{filter:inherit;position:absolute;top:0;left:0;list-style-type:none}
.ui-galleria .ui-galleria-filmstrip-wrapper{overflow:hidden;margin:.25em auto;position:relative}
.ui-galleria .ui-galleria-filmstrip{list-style:none outside none;margin:0;padding:0;width:2340px;position:absolute;top:0;left:0}
.ui-galleria .ui-galleria-frame{float:left;margin-right:5px;opacity:.3;cursor:pointer}
.ui-galleria .ui-galleria-frame-active{opacity:1}
.ui-galleria .ui-galleria-frame-content{overflow:hidden}
.ui-galleria .ui-galleria-nav-next,.ui-galleria .ui-galleria-nav-prev{cursor:pointer;position:absolute;z-index:1}
.ui-galleria .ui-galleria-nav-prev{left:4px}
.ui-galleria .ui-galleria-nav-next{right:4px}
.ui-galleria .ui-galleria-caption{position:absolute;left:1px;background-color:rgba(0,0,0,0.5);display:none;color:#ededed;padding:.2em 1em}
.ui-galleria .ui-galleria-caption h4{color:#ededed}
.ui-galleria .ui-galleria-panel-content{padding:1em 1.4em}
.ui-grid{clear:both;padding:0;margin:0}
.ui-grid::before,.ui-grid::after{content:"";display:table}
.ui-grid::after{clear:both}
.ui-grid .ui-grid-row{display:flex;clear:both}
.ui-grid-row::after{clear:both;content:"";display:table}
.ui-grid-col-1,.ui-grid-col-2,.ui-grid-col-3,.ui-grid-col-4,.ui-grid-col-5,.ui-grid-col-6,.ui-grid-col-7,.ui-grid-col-8,.ui-grid-col-9,.ui-grid-col-10,.ui-grid-col-11,.ui-grid-col-12{float:left;box-sizing:border-box}
.ui-grid-col-1{width:8.33333%}
.ui-grid-col-2{width:16.66666%}
.ui-grid-col-3{width:25%}
.ui-grid-col-4{width:33.33333%}
.ui-grid-col-5{width:41.66666%}
.ui-grid-col-6{width:50%}
.ui-grid-col-7{width:58.33333%}
.ui-grid-col-8{width:66.66666%}
.ui-grid-col-9{width:75%}
.ui-grid-col-10{width:83.33333%}
.ui-grid-col-11{width:91.66666%}
.ui-grid-col-12{width:100%}
@media(min-width:480px){.ui-grid-fixed{width:480px}}
@media(min-width:768px){.ui-grid-fixed{width:768px}}
@media(min-width:960px){.ui-grid-fixed{width:960px}}
@media(min-width:1024px){.ui-grid-fixed{width:1024px}}
@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}
.ui-grid.ui-grid-pad>.ui-grid-row>div{padding:.25em .5em}
@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}
.ui-g{display:flex;flex-wrap:wrap;box-sizing:border-box}
.ui-g::after{clear:both;content:"";display:table;box-sizing:border-box}
.ui-g-1,.ui-g-2,.ui-g-3,.ui-g-4,.ui-g-5,.ui-g-6,.ui-g-7,.ui-g-8,.ui-g-9,.ui-g-10,.ui-g-11,.ui-g-12{float:left;box-sizing:border-box;padding:.5em}
.ui-g-1{width:8.3333%}
.ui-g-2{width:16.6667%}
.ui-g-3{width:25%}
.ui-g-4{width:33.3333%}
.ui-g-5{width:41.6667%}
.ui-g-6{width:50%}
.ui-g-7{width:58.3333%}
.ui-g-8{width:66.6667%}
.ui-g-9{width:75%}
.ui-g-10{width:83.3333%}
.ui-g-11{width:91.6667%}
.ui-g-12{width:100%}
.ui-g-offset-12{margin-left:100%}
.ui-g-offset-11{margin-left:91.66666667%}
.ui-g-offset-10{margin-left:83.33333333%}
.ui-g-offset-9{margin-left:75%}
.ui-g-offset-8{margin-left:66.66666667%}
.ui-g-offset-7{margin-left:58.33333333%}
.ui-g-offset-6{margin-left:50%}
.ui-g-offset-5{margin-left:41.66666667%}
.ui-g-offset-4{margin-left:33.33333333%}
.ui-g-offset-3{margin-left:25%}
.ui-g-offset-2{margin-left:16.66666667%}
.ui-g-offset-1{margin-left:8.33333333%}
.ui-g-offset-0{margin-left:0}
@media screen and (max-width:40em){.ui-sm-1,.ui-sm-2,.ui-sm-3,.ui-sm-4,.ui-sm-5,.ui-sm-6,.ui-sm-7,.ui-sm-8,.ui-sm-9,.ui-sm-10,.ui-sm-11,.ui-sm-12{padding:.5em}.ui-sm-1{width:8.3333%}.ui-sm-2{width:16.6667%}.ui-sm-3{width:25%}.ui-sm-4{width:33.3333%}.ui-sm-5{width:41.6667%}.ui-sm-6{width:50%}.ui-sm-7{width:58.3333%}.ui-sm-8{width:66.6667%}.ui-sm-9{width:75%}.ui-sm-10{width:83.3333%}.ui-sm-11{width:91.6667%}.ui-sm-12{width:100%}.ui-sm-offset-12{margin-left:100%}.ui-sm-offset-11{margin-left:91.66666667%}.ui-sm-offset-10{margin-left:83.33333333%}.ui-sm-offset-9{margin-left:75%}.ui-sm-offset-8{margin-left:66.66666667%}.ui-sm-offset-7{margin-left:58.33333333%}.ui-sm-offset-6{margin-left:50%}.ui-sm-offset-5{margin-left:41.66666667%}.ui-sm-offset-4{margin-left:33.33333333%}.ui-sm-offset-3{margin-left:25%}.ui-sm-offset-2{margin-left:16.66666667%}.ui-sm-offset-1{margin-left:8.33333333%}.ui-sm-offset-0{margin-left:0}}
@media screen and (min-width:40.063em){.ui-md-1,.ui-md-2,.ui-md-3,.ui-md-4,.ui-md-5,.ui-md-6,.ui-md-7,.ui-md-8,.ui-md-9,.ui-md-10,.ui-md-11,.ui-md-12{padding:.5em}.ui-md-1{width:8.3333%}.ui-md-2{width:16.6667%}.ui-md-3{width:25%}.ui-md-4{width:33.3333%}.ui-md-5{width:41.6667%}.ui-md-6{width:50%}.ui-md-7{width:58.3333%}.ui-md-8{width:66.6667%}.ui-md-9{width:75%}.ui-md-10{width:83.3333%}.ui-md-11{width:91.6667%}.ui-md-12{width:100%}.ui-md-offset-12{margin-left:100%}.ui-md-offset-11{margin-left:91.66666667%}.ui-md-offset-10{margin-left:83.33333333%}.ui-md-offset-9{margin-left:75%}.ui-md-offset-8{margin-left:66.66666667%}.ui-md-offset-7{margin-left:58.33333333%}.ui-md-offset-6{margin-left:50%}.ui-md-offset-5{margin-left:41.66666667%}.ui-md-offset-4{margin-left:33.33333333%}.ui-md-offset-3{margin-left:25%}.ui-md-offset-2{margin-left:16.66666667%}.ui-md-offset-1{margin-left:8.33333333%}.ui-md-offset-0{margin-left:0}}
@media screen and (min-width:64.063em){.ui-lg-1,.ui-lg-2,.ui-lg-3,.ui-lg-4,.ui-lg-5,.ui-lg-6,.ui-lg-7,.ui-lg-8,.ui-lg-9,.ui-lg-10,.ui-lg-11,.ui-lg-12{padding:.5em}.ui-lg-1{width:8.3333%}.ui-lg-2{width:16.6667%}.ui-lg-3{width:25%}.ui-lg-4{width:33.3333%}.ui-lg-5{width:41.6667%}.ui-lg-6{width:50%}.ui-lg-7{width:58.3333%}.ui-lg-8{width:66.6667%}.ui-lg-9{width:75%}.ui-lg-10{width:83.3333%}.ui-lg-11{width:91.6667%}.ui-lg-12{width:100%}.ui-lg-offset-12{margin-left:100%}.ui-lg-offset-11{margin-left:91.66666667%}.ui-lg-offset-10{margin-left:83.33333333%}.ui-lg-offset-9{margin-left:75%}.ui-lg-offset-8{margin-left:66.66666667%}.ui-lg-offset-7{margin-left:58.33333333%}.ui-lg-offset-6{margin-left:50%}.ui-lg-offset-5{margin-left:41.66666667%}.ui-lg-offset-4{margin-left:33.33333333%}.ui-lg-offset-3{margin-left:25%}.ui-lg-offset-2{margin-left:16.66666667%}.ui-lg-offset-1{margin-left:8.33333333%}.ui-lg-offset-0{margin-left:0}}
@media screen and (min-width:90.063em){.ui-xl-1,.ui-xl-2,.ui-xl-3,.ui-xl-4,.ui-xl-5,.ui-xl-6,.ui-xl-7,.ui-xl-8,.ui-xl-9,.ui-xl-10,.ui-xl-11,.ui-xl-12{padding:.5em}.ui-xl-1{width:8.3333%}.ui-xl-2{width:16.6667%}.ui-xl-3{width:25%}.ui-xl-4{width:33.3333%}.ui-xl-5{width:41.6667%}.ui-xl-6{width:50%}.ui-xl-7{width:58.3333%}.ui-xl-8{width:66.6667%}.ui-xl-9{width:75%}.ui-xl-10{width:83.3333%}.ui-xl-11{width:91.6667%}.ui-xl-12{width:100%}.ui-xl-offset-12{margin-left:100%}.ui-xl-offset-11{margin-left:91.66666667%}.ui-xl-offset-10{margin-left:83.33333333%}.ui-xl-offset-9{margin-left:75%}.ui-xl-offset-8{margin-left:66.66666667%}.ui-xl-offset-7{margin-left:58.33333333%}.ui-xl-offset-6{margin-left:50%}.ui-xl-offset-5{margin-left:41.66666667%}.ui-xl-offset-4{margin-left:33.33333333%}.ui-xl-offset-3{margin-left:25%}.ui-xl-offset-2{margin-left:16.66666667%}.ui-xl-offset-1{margin-left:8.33333333%}.ui-xl-offset-0{margin-left:0}}
.ui-g-nopad{padding:0}
.ui-inplace .ui-inplace-display{display:inline;cursor:pointer;border:0 none;padding:.25em;font-weight:normal}
.ui-inplace .ui-inplace-content{display:inline}
.ui-fluid .ui-inputgroup p-inputmask{flex:1 1 auto}
.ui-inputgroup p-inputmask:not(:first-child) .ui-inputtext{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0 none}
.ui-inputgroup p-inputmask:not(:last-child) .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}
.ui-inputswitch{position:relative;display:inline-block;width:3em;height:1.75em}
.ui-inputswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.3s;border-radius:30px}
.ui-inputswitch-slider:before{position:absolute;content:"";height:1.250em;width:1.250em;left:.25em;bottom:.25em;border-radius:50%;transition:.3s}
.ui-inputswitch-checked .ui-inputswitch-slider:before{transform:translateX(1.250em)}
.ui-inputswitch.ui-state-disabled .ui-inputswitch-slider,.ui-inputswitch-readonly .ui-inputswitch-slider{cursor:default}
.ui-inputtext{margin:0;outline:medium none;padding:.25em;font-weight:normal}
.ui-widget-header .ui-inputtext,.ui-widget-content .ui-inputtext{font-weight:normal}
.ui-fluid .ui-inputtext{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.ui-inputgroup{display:flex}
.ui-inputgroup .ui-inputgroup-addon{display:inline-block;text-align:center;min-width:1.5em;padding:.25em;border-width:1px;border-style:solid}
.ui-inputgroup .ui-inputgroup-addon+.ui-inputgroup-addon{border-left:0 none}
.ui-inputgroup .ui-inputtext{padding-left:.5em}
.ui-inputgroup .ui-inputtext:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0 none}
.ui-inputgroup .ui-inputtext:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}
.ui-inputgroup .ui-button{margin-right:0;border-radius:0}
.ui-fluid .ui-inputgroup .ui-button{width:auto}
.ui-fluid .ui-inputgroup .ui-inputtext{flex:1 1 auto}
.ui-inputgroup .ui-chkbox,.ui-inputgroup .ui-radiobutton{margin-right:0;vertical-align:bottom}
.ui-float-label{display:block;position:relative}
.ui-float-label>label{font-weight:normal;position:absolute;pointer-events:none;left:.25em;top:50%;margin-top:-.5em;transition:.3s ease all;-moz-transition:.3s ease all;-webkit-transition:.3s ease all;color:#898989;line-height:1}
.ui-float-label>input:-webkit-autofill ~ label{top:-.75em;font-size:12px}
.ui-float-label>input:focus ~ label,.ui-float-label>input.ui-state-filled ~ label,.ui-float-label>.ui-inputwrapper-focus ~ label,.ui-float-label>.ui-inputwrapper-filled ~ label{top:-.75em;font-size:12px}
.ui-inputtextarea-resizable{overflow:hidden;resize:none}
.ui-fluid .ui-inputtextarea{width:100%}
.ui-float-label>textarea ~ label{left:.25em;top:.75em}
.ui-float-label textarea:-webkit-autofill ~ label{top:-.75em;font-size:12px}
.ui-float-label textarea:focus ~ label,.ui-float-label textarea.ui-state-filled ~ label{top:-.75em;font-size:12px}
.ui-lightbox{position:fixed;display:none;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.ui-lightbox-content-wrapper{position:relative}
.ui-lightbox-content{position:relative;margin:0;padding:0;background-color:#000}
.ui-lightbox-nav-right,.ui-lightbox-nav-left{position:absolute;top:50%;cursor:pointer}
.ui-lightbox-nav-left{left:0}
.ui-lightbox-nav-right{right:0}
.ui-lightbox-loading .ui-lightbox-content{background:url('loading.gif') #000 center center no-repeat}
.ui-lightbox-caption{padding:.2em .4em;display:none}
.ui-lightbox-caption-text{margin:.3em 0 .1em 0;float:left}
.ui-lightbox-close{float:right;margin:0;padding:.125em}
.ui-lightbox-close.ui-state-hover{padding:0}
.ui-lightbox-nav-left,.ui-lightbox-nav-right{opacity:.5}
.ui-lightbox-nav-left:hover,.ui-lightbox-nav-right:hover{opacity:1}
.ui-listbox{padding:.25em;width:10em}
.ui-listbox .ui-listbox-list-wrapper{overflow:auto}
.ui-listbox .ui-listbox-list{list-style-type:none;margin:0;padding:0}
.ui-listbox .ui-listbox-item{padding:.25em;border:0 none;cursor:pointer;font-weight:normal;margin-bottom:1px}
.ui-listbox .ui-listbox-item>span{vertical-align:middle}
.ui-listbox .ui-listbox-item:last-child{margin-bottom:0}
.ui-listbox.ui-state-disabled .ui-listbox-item{cursor:default}
.ui-listbox-header{margin-bottom:.3em;padding:.125em .2em;position:relative}
.ui-listbox-header .ui-chkbox{display:inline-block;vertical-align:middle;cursor:pointer}
.ui-listbox-header .ui-listbox-filter-container{display:inline-block;vertical-align:middle;position:relative;width:100%}
.ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container{width:calc(100% - 2em)}
.ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon{position:absolute;top:.25em;left:.25em}
.ui-listbox-header .ui-inputtext{padding:.125em .125em .125em 1.25em;width:100%}
.ui-listbox-footer{padding:.125em .2em}
.ui-megamenu{padding:.25em}
.ui-megamenu-root-list{margin:0;padding:0;list-style:none}
.ui-megamenu-root-list>.ui-menuitem{position:relative}
.ui-megamenu .ui-menuitem-link{padding:.25em;display:block;text-decoration:none}
.ui-megamenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}
.ui-megamenu .ui-menuitem-text{vertical-align:middle}
.ui-megamenu-panel{display:none;position:absolute;width:auto}
.ui-megamenu-root-list>.ui-menuitem-active>.ui-megamenu-panel{display:block}
.ui-megamenu-panel .ui-menuitem{margin:.125em 0}
.ui-megamenu-submenu{margin:0;padding:0;list-style:none;width:12.5em}
.ui-megamenu-submenu-header{padding:.25em}
.ui-megamenu-horizontal .ui-megamenu-root-list>.ui-menuitem{display:inline-block}
.ui-megamenu-horizontal .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon{vertical-align:middle;margin-left:.25em}
.ui-megamenu-vertical{width:12.5em}
.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem{display:block}
.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link{position:relative}
.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon{position:absolute;width:1em;height:1em;top:50%;right:0;margin-top:-.5em}
.ui-megamenu .ui-g{flex-wrap:nowrap}
.ui-menu{width:12.5em;padding:.25em}
.ui-menu.ui-menu-dynamic{position:absolute}
.ui-menu .ui-menu-separator{border-width:1px 0 0 0}
.ui-menu ul{list-style:none;margin:0;padding:0}
.ui-menu .ui-submenu-header{padding:.25em .5em;margin:.125em 0}
.ui-menu .ui-menuitem{margin:.125em 0}
.ui-menu .ui-menuitem-link{cursor:pointer;padding:.25em;display:block;text-decoration:none}
.ui-menu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}
.ui-menu .ui-menuitem-text{vertical-align:middle}
.ui-menubar{padding:.25em}
.ui-menubar:after{content:"";clear:both;display:table}
.ui-menubar ul{margin:0;padding:0;list-style:none}
.ui-menubar .ui-menuitem-link{display:block;padding:.25em;position:relative;text-decoration:none}
.ui-menubar .ui-menuitem-icon{margin-right:.25em}
.ui-menubar .ui-menubar-root-list{display:inline-block}
.ui-menubar .ui-menubar-root-list>.ui-menuitem{display:inline-block;position:relative}
.ui-menubar .ui-menubar-root-list>.ui-menuitem>.ui-menuitem-link{padding:.5em}
.ui-menubar .ui-menubar-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon{vertical-align:middle;margin-left:.25em}
.ui-menubar .ui-menubar-root-list>li ul{display:none}
.ui-menubar .ui-menubar-root-list>.ui-menu-separator{display:inline-block;vertical-align:middle;height:1.5em}
.ui-menubar .ui-submenu-list{display:none;position:absolute;min-width:12.5em;padding:.25em}
.ui-menubar .ui-submenu-list .ui-menuitem{margin:.125em 0;position:relative}
.ui-menubar .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}
.ui-menubar .ui-menuitem-text{vertical-align:middle}
.ui-menubar .ui-submenu-list .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}
.ui-menubar .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block}
.ui-menubar .ui-menubar-custom{float:right;padding:.25em}
.ui-message{border:1px solid;margin:0 .25em;padding:.25em .5em;display:inline-block;vertical-align:top}
.ui-message .ui-message-icon,.ui-message .ui-message-text{vertical-align:middle}
.ui-fluid .ui-message{display:block}
.ui-messages{border:1px solid;margin:.5em 0;padding:1em 1em 1em .5em;position:relative;display:flex}
.ui-messages .ui-messages-icon{display:inline-block;padding:0;vertical-align:middle;font-size:2em}
.ui-messages .ui-messages-summary{font-weight:bold;margin-left:.25em}
.ui-messages .ui-messages-detail{margin-left:.25em}
.ui-messages ul{margin:0;padding:0;list-style-type:none;display:inline-block;vertical-align:middle;display:flex;align-items:center}
.ui-messages ul>li{padding:.25em}
.ui-messages.ui-messages-noicon ul{margin:0 1.5em 0 0}
.ui-messages .ui-messages-close{cursor:pointer;position:absolute;top:5px;right:5px}
.ui-multiselect{display:inline-block;position:relative;width:auto;cursor:pointer}
.ui-multiselect .ui-multiselect-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:1.5em;height:100%;position:absolute;right:0;top:0;padding:0 .25em}
.ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon{top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;position:absolute}
.ui-multiselect .ui-multiselect-label-container{overflow:hidden}
.ui-multiselect .ui-multiselect-label{display:block;padding:.25em 2em .25em .25em;width:auto;border:0;cursor:pointer;text-overflow:ellipsis;overflow:hidden}
.ui-multiselect.ui-state-disabled .ui-multiselect-trigger,.ui-multiselect.ui-state-disabled .ui-multiselect-label{cursor:auto}
.ui-multiselect-panel{padding:.2em;position:absolute;min-width:12em}
.ui-multiselect .ui-multiselect-panel{min-width:100%}
.ui-multiselect-panel .ui-multiselect-items-wrapper{overflow:auto;position:relative;padding:.2em 0}
.ui-multiselect-panel .ui-multiselect-list{border:0 none}
.ui-multiselect-panel .ui-multiselect-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;padding:.125em .25em;text-align:left;white-space:nowrap;display:block;position:relative}
.ui-multiselect-panel .ui-multiselect-empty-message{padding:.5em}
.ui-multiselect-panel .ui-multiselect-item .ui-chkbox{display:inline-block;vertical-align:middle}
.ui-multiselect-panel .ui-multiselect-item span{display:inline-block;vertical-align:middle}
.ui-multiselect-header{margin-bottom:.3em;padding:.25em;position:relative;text-align:left;min-height:2em}
.ui-multiselect-header .ui-chkbox{display:inline-block;vertical-align:middle;cursor:pointer}
.ui-multiselect-header .ui-multiselect-filter-container{position:relative;display:inline-block;vertical-align:middle;width:65%}
.ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container{width:85%}
.ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon{position:absolute;top:.25em;left:.125em}
.ui-multiselect-header .ui-inputtext{padding:.125em .125em .125em 1.25em;width:100%}
.ui-multiselect-header .ui-multiselect-close{position:absolute;right:.375em;top:.375em;display:block;border:0 none;cursor:pointer}
.ui-multiselect-header a.ui-multiselect-all,.ui-multiselect-header a.ui-multiselect-none{float:left;margin-right:10px;display:block}
.ui-multiselect-footer{padding:.25em}
.ui-fluid .ui-multiselect{width:100%;box-sizing:border-box}
.ui-orderlist{display:flex;flex-wrap:wrap}
.ui-orderlist-controls-left{flex-direction:row}
.ui-orderlist-controls-right{flex-direction:row-reverse}
.ui-orderlist-controls,.ui-orderlist-list-container{flex:0 0 auto}
.ui-orderlist-controls{padding:0 .25em;width:16.66666%;align-self:center}
.ui-orderlist-controls .ui-button.ui-button-icon-only{display:block;margin-bottom:.25em;width:100%}
.ui-orderlist-list-container{width:83.33333%}
.ui-orderlist-list{list-style-type:none;margin:0;padding:0;overflow:auto;height:12.5em}
.ui-orderlist-caption{text-align:center;padding:.5em .75em;border-bottom:0 none}
.ui-orderlist-item{margin:1px;padding:.125em;cursor:pointer;border:0 none;font-weight:inherit}
.ui-orderlist-filter-container{position:relative;width:100%;padding:.5em .6em;border-bottom:0 none}
.ui-orderlist-filter-container .ui-inputtext{text-indent:1.1em;width:100%}
.ui-orderlist-filter-container .ui-orderlist-filter-icon{position:absolute;top:50%;left:1em;margin-top:-.6em}
.ui-orderlist.ui-state-disabled .ui-orderlist-item,.ui-orderlist.ui-state-disabled .ui-button{cursor:default}
.ui-orderlist.ui-state-disabled .ui-orderlist-list{overflow:hidden}
.ui-orderlist .ui-orderlist-droppoint{height:6px;list-style-type:none}
@media(max-width:767px){.ui-orderlist-controls{width:100%;text-align:center}.ui-orderlist .ui-orderlist-list-container{width:100%}.ui-orderlist .ui-orderlist-controls .ui-button.ui-button.ui-button-icon-only{display:inline-block;width:20%;margin-right:.25em}}
.ui-organizationchart .ui-organizationchart-table{border-spacing:0;border-collapse:separate;margin:0 auto}
.ui-organizationchart .ui-organizationchart-table>tr>td{text-align:center;vertical-align:top;padding:0;padding:0 .75em}
.ui-organizationchart .ui-organizationchart-node-content{padding:.5em .75em;display:inline-block;position:relative}
.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler{position:absolute;bottom:-9px;margin-left:-8px;z-index:2;left:50%}
.ui-organizationchart .ui-organizationchart-line-down{margin:0 auto;height:20px;width:1px;float:none}
.ui-organizationchart .ui-organizationchart-line-right{float:none;border-radius:0}
.ui-organizationchart .ui-organizationchart-line-left{float:none;border-radius:0}
.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node{cursor:pointer}
.ui-overlaypanel{padding:0;margin:0;position:absolute;margin-top:10px}
.ui-overlaypanel-flipped{margin-top:0;margin-bottom:10px}
.ui-overlaypanel-content{padding:.5em 1em}
.ui-overlaypanel-close{position:absolute;top:-1em;right:-1em;width:2em;height:2em;line-height:2em;text-align:center;border-radius:100%;cursor:pointer}
.ui-overlaypanel-close-icon{line-height:inherit}
.ui-overlaypanel:after,.ui-overlaypanel:before{bottom:100%;left:1.25em;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.ui-overlaypanel:after{border-width:8px;margin-left:-8px}
.ui-overlaypanel:before{border-width:10px;margin-left:-10px}
.ui-overlaypanel-shifted:after,.ui-overlaypanel-shifted:before{left:auto;right:1.25em;margin-left:auto}
.ui-overlaypanel-shifted:after{margin-right:-8px}
.ui-overlaypanel:before{margin-right:-10px}
.ui-overlaypanel-flipped:after,.ui-overlaypanel-flipped:before{bottom:auto;top:100%}
.ui-overlaypanel.ui-overlaypanel-flipped:after{border-bottom-color:transparent}
.ui-overlaypanel.ui-overlaypanel-flipped:before{border-bottom-color:transparent}
.ui-paginator{margin:0;text-align:center;padding:.125em}
.ui-paginator .ui-paginator-top{border-bottom:0 none}
.ui-paginator .ui-paginator-bottom{border-top:0 none}
.ui-paginator .ui-paginator-left-content{float:left}
.ui-paginator .ui-paginator-right-content{float:right}
.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-pages,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev,.ui-paginator .ui-paginator-current{display:inline-block;min-width:1.5em;height:1.5em;line-height:1.5em;zoom:1;margin-left:.063em;margin-right:.063em;text-decoration:none;vertical-align:middle;text-align:center;position:relative}
.ui-paginator .ui-paginator-pages{width:auto;line-height:1}
.ui-paginator .ui-paginator-icon{display:block;position:absolute;left:50%;top:50%;width:1em;height:1em;margin-top:-.5em;margin-left:-.5em}
.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev{cursor:pointer}
.ui-paginator .ui-paginator-current,.ui-paginator .ui-paginator-rpp-options{margin-left:1em;margin-right:1em;background-image:none}
.ui-paginator .ui-paginator-jtp-select option,.ui-paginator .ui-paginator-rpp-options option{background-image:none;border:0 none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
.ui-paginator a.ui-state-disabled{outline:0 none}
.ui-paginator .ui-dropdown{min-width:4em;margin-left:.375em}
.ui-fluid .ui-paginator .ui-dropdown{width:auto}
.ui-panel{padding:.2em}
.ui-panel .ui-panel-titlebar{padding:.5em .75em}
.ui-panel .ui-panel-titlebar.ui-panel-titlebar-clickable{cursor:pointer}
.ui-panel .ui-panel-titlebar-icon{float:right;cursor:pointer}
.ui-panel .ui-panel-titlebar-icon{margin-left:.2em;margin-top:-0.1em}
.ui-panel .ui-panel-content{border:0;background:0;padding:.5em .75em}
.ui-panel .ui-panel-footer{border-width:1px 0 0;padding:.25em .5em;text-align:left}
.ui-panel-content-wrapper-overflown{overflow:hidden}
.ui-panelmenu{width:auto}
.ui-panelmenu .ui-menu-separator{border-width:1px 0 0 0}
.ui-panelmenu .ui-panelmenu-content-wrapper{overflow:hidden}
.ui-panelmenu .ui-panelmenu-header{margin:-1px 0 0 0;zoom:1}
.ui-panelmenu .ui-panelmenu-header-link{padding:.5em;display:block;text-decoration:none}
.ui-panelmenu .ui-panelmenu-icon{vertical-align:middle}
.ui-panelmenu .ui-menuitem-text{vertical-align:middle}
.ui-panelmenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}
.ui-panelmenu .ui-panelmenu-content{padding:.25em;border-top:0;margin-bottom:1px}
.ui-panelmenu .ui-submenu-list{margin:0;padding:0;list-style:none;margin-left:1.5em}
.ui-panelmenu .ui-panelmenu-content>.ui-panelmenu-root-submenu>.ui-submenu-list{margin-left:0}
.ui-panelmenu .ui-menuitem{overflow:hidden;margin:.125em 0}
.ui-panelmenu .ui-menuitem-link{padding:.25em;display:block;text-decoration:none}
.ui-password-panel{padding:.25em .5em;position:absolute}
.ui-password-panel .ui-password-meter{height:10px;background:transparent url('password-meter.png') no-repeat left top;padding:0;margin:0}
.ui-password-info{margin-top:.25em}
.ui-password-panel{transform:translateY(5%);opacity:0;transition:transform .3s,opacity .3s}
.ui-password-panel-visible{transform:translateY(0);opacity:1}
.ui-password-panel-hidden{opacity:0;transform:translateY(5%);transition:transform .3s,opacity .15s}
.ui-picklist>div{float:left}
.ui-picklist .ui-picklist-buttons{height:12.5em;padding:0 .25em}
.ui-picklist .ui-picklist-list{list-style-type:none;margin:0;padding:0;overflow:auto;height:12.5em;width:12.5em}
.ui-picklist .ui-picklist-list li{margin:1px;padding:.125em}
.ui-picklist .ui-button{display:block;margin-bottom:.25em}
.ui-picklist .ui-button-text-icon-left{width:100%}
.ui-picklist .ui-picklist-item{cursor:pointer;border:0 none;font-weight:inherit}
.ui-picklist .ui-picklist-caption{text-align:center;padding:.5em .75em;border-bottom:0 none}
.ui-picklist table{width:100%;border-collapse:collapse}
.ui-picklist .ui-picklist-filter-container{position:relative;width:100%;padding:.5em .6em;border-bottom:0 none}
.ui-picklist .ui-picklist-filter-container .ui-picklist-filter{text-indent:1.1em;width:100%}
.ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon{position:absolute;top:50%;left:1em;margin-top:-.6em}
.ui-picklist{display:table}
.ui-picklist>div{float:none;display:table-cell;vertical-align:top}
.ui-picklist .ui-picklist-buttons{vertical-align:middle}
.ui-picklist.ui-picklist-vertical{display:table}
.ui-picklist.ui-picklist-vertical>div{float:none;display:table-row;vertical-align:top}
.ui-picklist.ui-picklist-vertical .ui-picklist-buttons{text-align:center;height:auto}
.ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button{display:inline-block}
.ui-picklist.ui-picklist-vertical .ui-button{margin-top:.25em}
.ui-picklist-outline{outline:1px dotted black;z-index:1}
.ui-picklist .ui-picklist-droppoint{height:6px;list-style-type:none}
.ui-picklist .ui-picklist-list .ui-picklist-droppoint-empty{height:100%;list-style-type:none}
.ui-picklist-list.ui-picklist-source,.ui-picklist-list.ui-picklist-target{outline:0}
.ui-picklist.ui-picklist-responsive *{box-sizing:border-box}
.ui-picklist.ui-picklist-responsive{width:100%}
.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper{width:35%}
.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols{width:45%}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{width:10%}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{width:100%}
.ui-picklist.ui-picklist-responsive .ui-picklist-list{width:auto}
@media(max-width:40em){.ui-picklist.ui-picklist-responsive{display:block}.ui-picklist.ui-picklist-responsive>div{display:block;width:100% !important}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{text-align:center;height:auto;padding:.4em 0}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{display:inline-block;width:20%;margin-bottom:0;margin-right:.25em}.ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons{padding-bottom:.4em}.ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons{padding-top:.4em}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-right::before{content:"\e930"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-right::before{content:"\e92c"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-left::before{content:"\e933"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-left::before{content:"\e92f"}}
.ui-progressbar{height:1.2em;text-align:left;position:relative;overflow:hidden}
.ui-progressbar-determinate .ui-progressbar-value{height:100%;width:0;position:absolute;display:none;border:0 none}
.ui-progressbar-determinate .ui-progressbar-value-animate{transition:width 1s ease-in-out}
.ui-progressbar-determinate .ui-progressbar-label{text-align:center;height:100%;width:100%;position:absolute;display:none;font-weight:bold}
.ui-progressbar-indeterminate{height:.5em}
.ui-progressbar-indeterminate .ui-progressbar-value{border:0 none}
.ui-progressbar-indeterminate .ui-progressbar-value::before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite}
.ui-progressbar-indeterminate .ui-progressbar-value::after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;animation-delay:1.15s}
@keyframes ui-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}
@keyframes ui-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}
.ui-progress-spinner{position:relative;margin:0 auto;width:100px;height:100px;display:inline-block}
.ui-progress-spinner::before{content:'';display:block;padding-top:100%}
.ui-progress-spinner-svg{animation:ui-progress-spinner-rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
.ui-progress-spinner-circle{stroke-dasharray:89,200;stroke-dashoffset:0;stroke:#d62d20;animation:ui-progress-spinner-dash 1.5s ease-in-out infinite,ui-progress-spinner-color 6s ease-in-out infinite;stroke-linecap:round}
@keyframes ui-progress-spinner-rotate{100%{transform:rotate(360deg)}}
@keyframes ui-progress-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}
@keyframes ui-progress-spinner-color{100%,0%{stroke:#d62d20}40%{stroke:#0057e7}66%{stroke:#008744}80%,90%{stroke:#ffa700}}
.ui-radiobutton{display:inline-block;cursor:pointer;vertical-align:middle;margin-right:.25em;user-select:none;-moz-user-select:none;-webkit-user-select:none}
.ui-radiobutton-box{width:1.125em;height:1.125em;line-height:1.125em;border-radius:100%;text-align:center;position:relative}
.ui-radiobutton-icon{display:block;position:absolute;left:50%;top:50%;width:1em;height:1em;margin-top:-.5em;margin-left:-.5em}
.ui-radiobutton{vertical-align:middle}
.ui-rating{font-size:1.25em}
.ui-scrollpanel-wrapper{overflow:hidden;width:100%;height:100%;position:relative;z-index:1;float:left}
.ui-scrollpanel-content{height:calc(100% + 18px);width:calc(100% + 18px);padding:0 18px 18px 0;position:relative;overflow:auto;box-sizing:border-box}
.ui-scrollpanel-bar{position:relative;background:#c1c1c1;border-radius:3px;z-index:2;cursor:pointer;opacity:0;transition:opacity .25s linear}
.ui-scrollpanel-bar-y{width:9px;top:0}
.ui-scrollpanel-bar-x{height:9px;bottom:0}
.ui-scrollpanel-hidden{visibility:hidden}
.ui-scrollpanel:hover .ui-scrollpanel-bar,.ui-scrollpanel:active .ui-scrollpanel-bar{opacity:1}
.ui-scrollpanel-grabbed{-o-user-select:none;-webkit-user-select:none;user-select:none}
.ui-selectbutton{display:inline-block}
.ui-selectbutton.ui-state-error{padding:0}
.ui-selectbutton .ui-button.ui-state-focus{outline:0}
.ui-sidebar{position:fixed;padding:.5em 1em;transition:transform .3s}
.ui-sidebar-left{top:0;left:0;width:20em;height:100%;transform:translateX(-100%)}
.ui-sidebar-right{top:0;right:0;width:20em;height:100%;transform:translateX(100%)}
.ui-sidebar-top{top:0;left:0;width:100%;height:10em;transform:translateY(-100%)}
.ui-sidebar-bottom{bottom:0;left:0;width:100%;height:10em;transform:translateY(100%)}
.ui-sidebar-full{width:100%;height:100%;left:0;transition:transform 0s}
.ui-sidebar-left.ui-sidebar-active,.ui-sidebar-right.ui-sidebar-active{transform:translateX(0)}
.ui-sidebar-left.ui-sidebar-sm,.ui-sidebar-right.ui-sidebar-sm{width:20em}
.ui-sidebar-left.ui-sidebar-md,.ui-sidebar-right.ui-sidebar-md{width:40em}
.ui-sidebar-left.ui-sidebar-lg,.ui-sidebar-right.ui-sidebar-lg{width:60em}
.ui-sidebar-top.ui-sidebar-active,.ui-sidebar-bottom.ui-sidebar-active{transform:translateY(0)}
.ui-sidebar-top.ui-sidebar-sm,.ui-sidebar-bottom.ui-sidebar-sm{height:10em}
.ui-sidebar-top.ui-sidebar-md,.ui-sidebar-bottom.ui-sidebar-md{height:20em}
.ui-sidebar-top.ui-sidebar-lg,.ui-sidebar-bottom.ui-sidebar-lg{height:30em}
.ui-sidebar-mask{position:fixed;width:100%;height:100%}
.ui-sidebar-close{float:right}
.ui-sidebar-close{cursor:pointer}
@media screen and (max-width:64em){.ui-sidebar-left.ui-sidebar-lg,.ui-sidebar-left.ui-sidebar-md,.ui-sidebar-right.ui-sidebar-lg,.ui-sidebar-right.ui-sidebar-md{width:20em}}
.ui-slidemenu{width:12.5em;padding:.25em}
.ui-slidemenu.ui-slidemenu-dynamic{position:absolute}
.ui-slidemenu .ui-menu-separator{border-width:1px 0 0 0}
.ui-slidemenu ul{list-style:none;margin:0;padding:0}
.ui-slidemenu .ui-slidemenu-rootlist{position:absolute;top:0}
.ui-slidemenu .ui-submenu-list{display:none;position:absolute;top:0;width:12.5em;padding:.25em}
.ui-slidemenu .ui-menuitem-link{padding:.25em;display:block;position:relative;text-decoration:none}
.ui-slidemenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}
.ui-slidemenu .ui-menuitem-text{vertical-align:middle}
.ui-slidemenu .ui-menuitem{position:relative;margin:.125em 0}
.ui-slidemenu .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}
.ui-slidemenu .ui-slidemenu-wrapper{position:relative}
.ui-slidemenu .ui-slidemenu-content{overflow-x:hidden;overflow-y:auto;position:relative}
.ui-slidemenu-backward{position:absolute;bottom:0;width:100%;padding:.25em;cursor:pointer;display:none}
.ui-slidemenu-backward .ui-slidemenu-backward-icon{vertical-align:middle}
.ui-slidemenu-backward span{vertical-align:middle}
.ui-slidemenu .ui-menuitem-active{position:static}
.ui-slidemenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block}
.ui-slidemenu ul:not(.ui-active-submenu)>.ui-menuitem:not(.ui-menuitem-active),.ui-slidemenu .ui-active-submenu>.ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:none}
.ui-slidemenu .ui-active-submenu>.ui-menuitem-active ~ .ui-menuitem{display:block}
.ui-slider{position:relative;text-align:left}
.ui-slider .ui-slider-handle{position:absolute;width:1.2em;height:1.2em;cursor:default;touch-action:none;z-index:1}
.ui-slider .ui-slider-handle.ui-slider-handle-active{z-index:2}
.ui-slider .ui-slider-range{position:absolute;font-size:.7em;display:block;border:0;background-position:0 0}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-.25em;margin-left:-.6em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-.25em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}
.ui-slider-animate .ui-slider-handle{transition:left .3s}
.ui-spinner{display:inline-block;overflow:visible;padding:0;position:relative;vertical-align:middle}
.ui-spinner-input{vertical-align:middle;padding-right:1.5em}
.ui-spinner-button{cursor:default;display:block;height:50%;margin:0;overflow:hidden;padding:0;position:absolute;right:0;text-align:center;vertical-align:middle;width:1.5em}
.ui-spinner .ui-spinner-button-icon{position:absolute;top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;width:1em}
.ui-spinner-up{top:0}
.ui-spinner-down{bottom:0}
.ui-fluid .ui-spinner{width:100%}
.ui-fluid .ui-spinner .ui-spinner-input{padding-right:2em;width:100%}
.ui-fluid .ui-spinner .ui-spinner-button{width:1.5em}
.ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon{left:.7em}
.ui-splitbutton{position:relative;display:inline-block;zoom:1}
.ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:2em;vertical-align:top}
.ui-splitbutton.ui-state-disabled button{cursor:default}
.ui-fluid .ui-splitbutton{width:100%}
.ui-fluid .ui-splitbutton .ui-button:first-child{width:calc(100% - 2em)}
.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:2em}
.ui-splitbutton .ui-menuitem-link{cursor:pointer}
.ui-steps ul{list-style-type:none;padding:0;margin:0}
.ui-steps .ui-steps-item{float:left;box-sizing:border-box;cursor:pointer}
.ui-steps.ui-steps-readonly .ui-steps-item{cursor:auto}
.ui-steps .ui-steps-item .ui-menuitem-link{text-decoration:none;display:block;padding:1em;position:relative;text-align:center}
.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link{cursor:default}
.ui-steps .ui-steps-number{font-size:2em;display:block}
.ui-steps .ui-steps-title{display:block;white-space:nowrap}
@media(max-width:40em){.ui-steps .ui-steps-item .ui-menuitem-link{padding:.5em}.ui-steps .ui-steps-item .ui-steps-title{display:none}}
.ui-table{position:relative}
.ui-table table{border-collapse:collapse;width:100%;table-layout:fixed}
.ui-table .ui-table-thead>tr>th,.ui-table .ui-table-tbody>tr>td,.ui-table .ui-table-tfoot>tr>td{padding:.25em .5em}
.ui-table .ui-sortable-column{cursor:pointer}
.ui-table p-sorticon{vertical-align:middle}
.ui-table-auto-layout>.ui-table-wrapper{overflow-x:auto}
.ui-table-auto-layout>.ui-table-wrapper>table{table-layout:auto}
.ui-table-caption,.ui-table-summary{padding:.25em .5em;text-align:center;font-weight:bold}
.ui-table-caption{border-bottom:0 none}
.ui-table-summary{border-top:0 none}
.ui-table .ui-paginator-top{border-bottom:0 none}
.ui-table .ui-paginator-bottom{border-top:0 none}
.ui-table-scrollable-wrapper{position:relative}
.ui-table-scrollable-header,.ui-table-scrollable-footer{overflow:hidden;border:0 none}
.ui-table-scrollable-body{overflow:auto;position:relative}
.ui-table-virtual-table{position:absolute}
.ui-table-loading-virtual-table{display:none}
.ui-table-frozen-view .ui-table-scrollable-body{overflow:hidden}
.ui-table-frozen-view>.ui-table-scrollable-body>table>.ui-table-tbody>tr>td:last-child{border-right:0 none}
.ui-table-unfrozen-view{position:absolute;top:0}
.ui-table-resizable>.ui-table-wrapper{overflow-x:auto}
.ui-table-resizable .ui-table-thead>tr>th,.ui-table-resizable .ui-table-tfoot>tr>td,.ui-table-resizable .ui-table-tbody>tr>td{overflow:hidden}
.ui-table-resizable .ui-resizable-column{background-clip:padding-box;position:relative}
.ui-table-resizable-fit .ui-resizable-column:last-child .ui-column-resizer{display:none}
.ui-table .ui-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5em;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}
.ui-table .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}
.ui-table .ui-table-tbody>tr>td.ui-editing-cell{padding:0}
.ui-table .ui-table-tbody>tr>td.ui-editing-cell p-celleditor>*{width:100%}
.ui-table-reorder-indicator-up,.ui-table-reorder-indicator-down{position:absolute;display:none}
.ui-table-responsive .ui-table-tbody>tr>td .ui-column-title{display:none}
@media screen and (max-width:40em){.ui-table-responsive .ui-table-thead>tr>th,.ui-table-responsive .ui-table-tfoot>tr>td{display:none !important}.ui-table-responsive colgroup{display:none !important}.ui-table-responsive .ui-table-tbody>tr>td{text-align:left;display:block;border:0 none;width:100% !important;box-sizing:border-box;float:left;clear:left}.ui-table-responsive .ui-table-tbody>tr>td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}}
.ui-table-loading{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}
.ui-table-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}
.ui-table .ui-table-loading-icon{font-size:2em}
.ui-tabmenu .ui-tabmenu-nav{margin:0;padding:.25em .5em 0 .25em}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem{list-style:none;float:left;position:relative;margin:0 .2em 1px 0;padding:0;white-space:nowrap;display:block;border-bottom:0;top:1px}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a{float:left;padding:.5em 1em;text-decoration:none}
.ui-tabmenu .ui-tabmenu-nav a{padding:.5em 1em}
.ui-tabmenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}
.ui-tabmenu .ui-menuitem-text{vertical-align:middle}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a{cursor:default}
.ui-tabview{padding:.25em}
.ui-tabview .ui-tabview-nav{margin:0}
.ui-tabview .ui-tabview-nav li{list-style:none;float:left;position:relative;margin:0 .125em 1px 0;padding:0;white-space:nowrap}
.ui-tabview .ui-tabview-nav li a{float:left;padding:.5em 1em;text-decoration:none}
.ui-tabview .ui-tabview-nav li.ui-tabview-selected a,.ui-tabview .ui-tabview-nav li.ui-state-disabled a,.ui-tabview .ui-tabview-nav li.ui-state-processing a{cursor:text}
.ui-tabview .ui-tabview-nav li a,.ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a{cursor:pointer}
.ui-tabview .ui-tabview-panel{border-width:0;padding:1em;background:0}
.ui-tabview .ui-tabview-nav li{display:block}
.ui-tabview .ui-tabview-nav li .ui-tabview-left-icon{margin-right:.25em;vertical-align:middle}
.ui-tabview .ui-tabview-nav li .ui-tabview-right-icon{margin-left:.25em;vertical-align:middle}
.ui-tabview .ui-tabview-title{vertical-align:middle}
.ui-tabview .ui-tabview-nav li .ui-tabview-close{margin:.5em .3em 0 0;cursor:pointer}
.ui-tabview.ui-tabview-top>.ui-tabview-nav li{border-bottom:0;top:1px}
.ui-tabview.ui-tabview-top>.ui-tabview-nav{padding:.2em .2em 0}
.ui-tabview.ui-tabview-bottom>.ui-tabview-nav{padding:0 .2em .2em}
.ui-tabview.ui-tabview-bottom>.ui-tabview-nav li{border-top:0}
.ui-tabview-left::after,.ui-tabview-right::after{clear:both;content:".";display:block;height:0;visibility:hidden}
.ui-tabview-left>.ui-tabview-nav{float:left;width:25%;height:300px;background-image:none;padding-top:1px}
.ui-tabview-left>.ui-tabview-panels{float:right;width:75%}
.ui-tabview.ui-tabview-left>.ui-tabview-nav li,.ui-tabview.ui-tabview-right>.ui-tabview-nav li{display:block;float:right;white-space:normal;width:99%}
.ui-tabview.ui-tabview-left>.ui-tabview-nav li{margin:0 0 1px 0;border-right:0 none}
.ui-tabview.ui-tabview-right>.ui-tabview-nav{float:right;width:25%;height:300px;background-image:none;padding-top:1px}
.ui-tabview.ui-tabview-right>.ui-tabview-panels{float:left;width:75%}
.ui-tabview.ui-tabview-right>.ui-tabview-nav li{margin:0 0 1px 0;border-left:0 none}
.ui-rtl .ui-tabview .ui-tabview-nav li{float:right}
.ui-terminal{height:18em;overflow:auto;padding:.25em}
.ui-terminal-input{border:0 none;background-color:transparent;color:inherit;padding:0;margin:0 0 0 .125em;width:75%;outline:0;vertical-align:baseline}
.ui-terminal-command{margin-left:.125em;-moz-margin-start:.125em}
.ui-terminal-input::-ms-clear{display:none}
.ui-tieredmenu{width:12.5em;padding:.25em}
.ui-tieredmenu.ui-tieredmenu-dynamic{position:absolute}
.ui-tieredmenu .ui-menu-separator{border-width:1px 0 0 0}
.ui-tieredmenu ul{list-style:none;margin:0;padding:0}
.ui-tieredmenu .ui-submenu-list{display:none;position:absolute;width:12.5em;padding:.25em}
.ui-tieredmenu .ui-menuitem-link{padding:.25em;display:block;cursor:pointer;position:relative;text-decoration:none}
.ui-tieredmenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}
.ui-tieredmenu .ui-menuitem-text{vertical-align:middle}
.ui-tieredmenu .ui-menuitem{position:relative;margin:.125em 0}
.ui-tieredmenu .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}
.ui-tieredmenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block}
.ui-toast{position:fixed;width:20em}
.ui-toast .ui-toast-message{position:relative;display:block;margin-bottom:.75em;overflow:hidden}
.ui-toast .ui-toast-message-content{padding:.5em 1em}
.ui-toast .ui-toast-close-icon{position:absolute;top:.25em;right:.25em;cursor:pointer;display:inline-block}
.ui-toast .ui-toast-summary{font-weight:bold;padding:0 0 .5em 0;display:block}
.ui-toast .ui-toast-icon{position:absolute;display:inline-block;left:.5em;top:.25em;padding:0;font-size:2em}
.ui-toast .ui-toast-message-text-content{padding:0 0 .25em 0;margin-left:2.5em}
.ui-toast-top-right{top:20px;right:20px}
.ui-toast-top-left{top:20px;left:20px}
.ui-toast-bottom-right{bottom:20px;right:20px}
.ui-toast-bottom-left{bottom:20px;left:20px}
.ui-toast-top-center{top:20px;left:50%;margin-left:-10em}
.ui-toast-bottom-center{bottom:20px;left:50%;margin-left:-10em}
.ui-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}
.ui-toolbar{padding:.25em .5em}
.ui-toolbar-group-left{float:left}
.ui-toolbar-group-right{float:right}
.ui-tooltip{position:absolute;display:none;padding:.25em .5em;max-width:12.5em}
.ui-tooltip.ui-tooltip-right,.ui-tooltip.ui-tooltip-left{padding:0 .25em}
.ui-tooltip.ui-tooltip-top,.ui-tooltip.ui-tooltip-bottom{padding:.25em 0}
.ui-tooltip .ui-tooltip-text{padding:.125em .5em;background-color:#4c4c4c;color:#fff;white-space:pre-line}
.ui-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.ui-tooltip-right .ui-tooltip-arrow{top:50%;left:0;margin-top:-.25em;border-width:.25em .25em .25em 0;border-right-color:#4c4c4c}
.ui-tooltip-left .ui-tooltip-arrow{top:50%;right:0;margin-top:-.25em;border-width:.25em 0 .25em .25em;border-left-color:#4c4c4c}
.ui-tooltip.ui-tooltip-top{padding:.25em 0}
.ui-tooltip-top .ui-tooltip-arrow{bottom:0;left:50%;margin-left:-.25em;border-width:.25em .25em 0;border-top-color:#4c4c4c}
.ui-tooltip-bottom .ui-tooltip-arrow{top:0;left:50%;margin-left:-.25em;border-width:0 .25em .25em;border-bottom-color:#4c4c4c}
.ui-tree{width:18em}
.ui-tree .ui-treenode-selectable.ui-treenode-content{cursor:pointer}
.ui-tree .ui-tree-container{height:100%;margin:0;overflow:auto;padding:.25em;white-space:nowrap}
.ui-tree-empty-message{padding:.25em}
.ui-tree .ui-treenode-children{margin:0;padding:0 0 0 1em}
.ui-tree .ui-treenode{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:repeat-y;list-style:none outside none;margin:0;padding:.125em 0 0 0}
.ui-tree .ui-treenode-droppoint{height:4px;list-style-type:none}
.ui-tree .ui-treenode-droppoint-active{border:0 none}
.ui-tree .ui-tree-toggler{cursor:pointer;display:inline-block;vertical-align:middle}
.ui-tree .ui-treenode-icon{display:inline-block;vertical-align:middle}
.ui-tree .ui-treenode-label{display:inline-block;padding:0 .25em;vertical-align:middle}
.ui-tree .ui-treenode-label.ui-state-hover,.ui-tree .ui-treenode-label.ui-state-highlight{font-weight:normal;border:0 none}
.ui-tree .ui-treenode.ui-treenode-leaf>.ui-treenode-content>.ui-tree-toggler{visibility:hidden}
.ui-tree .ui-chkbox-box{cursor:pointer}
.ui-tree .ui-chkbox{display:inline-block;vertical-align:middle}
.ui-tree .ui-chkbox .ui-chkbox-icon{margin-left:1px}
.ui-tree .ui-tree-filter{width:100%;box-sizing:border-box;padding-right:1.5em}
.ui-tree .ui-tree-filter-container{position:relative;margin:0;padding:.4em;display:inline-block;width:100%}
.ui-tree .ui-tree-filter-container .ui-tree-filter-icon{position:absolute;top:.8em;right:1em}
.ui-fluid .ui-tree{width:100%}
.ui-tree-horizontal{width:auto;padding:.5em 0;overflow:auto}
.ui-tree.ui-tree-horizontal table,.ui-tree.ui-tree-horizontal tr,.ui-tree.ui-tree-horizontal td{border-collapse:collapse;margin:0;padding:0;vertical-align:middle}
.ui-tree.ui-tree-horizontal .ui-tree-toggler{vertical-align:middle;margin:0}
.ui-tree-horizontal .ui-treenode-content{font-weight:normal;padding:.4em 1em .4em .2em}
.ui-tree.ui-tree-horizontal .ui-tree-node-label{margin:0}
.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content{font-weight:normal;white-space:nowrap}
.ui-tree.ui-tree-horizontal .ui-treenode{background:url('line.gif') repeat-x scroll center center transparent;padding:.25em 2.5em}
.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed{padding-right:0}
.ui-tree.ui-tree-horizontal .ui-treenode-children{padding:0;margin:0}
.ui-tree.ui-tree-horizontal .ui-treenode-connector{width:1px}
.ui-tree.ui-tree-horizontal .ui-treenode-connector-table{height:100%;width:1px}
.ui-tree.ui-tree-horizontal .ui-treenode-connector-line{background:url('line.gif') repeat-y scroll 0 0 transparent;width:1px}
.ui-tree.ui-tree-horizontal table{height:0}
.ui-tree.ui-tree-horizontal .ui-chkbox{vertical-align:bottom;margin-right:.25em}
.ui-tree.ui-tree-loading{position:relative;min-height:4em}
.ui-tree .ui-tree-loading-mask{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}
.ui-tree .ui-tree-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}
.ui-tree .ui-tree-loading-content .ui-tree-loading-icon{font-size:2em}
.ui-treetable{position:relative}
.ui-treetable table{border-collapse:collapse;width:100%;table-layout:fixed}
.ui-treetable .ui-treetable-thead>tr>th,.ui-treetable .ui-treetable-tbody>tr>td,.ui-treetable .ui-treetable-tfoot>tr>td{padding:.25em .5em}
.ui-treetable .ui-treetable-toggler{cursor:pointer;display:inline-block;height:1em;position:relative;top:50%;margin-top:-.5em}
.ui-treetable .ui-sortable-column{cursor:pointer}
.ui-treetable p-treetablesorticon{vertical-align:middle}
.ui-treetable-auto-layout>.ui-treetable-wrapper{overflow-x:auto}
.ui-treetable-auto-layout>.ui-treetable-wrapper>table{table-layout:auto}
.ui-treetable .ui-treetable-chkbox{margin:0 .25em;vertical-align:middle}
.ui-treetable-caption,.ui-treetable-summary{padding:.25em .5em;text-align:center;font-weight:bold}
.ui-treetable-caption{border-bottom:0 none}
.ui-treetable-summary{border-top:0 none}
.ui-treetable .ui-paginator-top{border-bottom:0 none}
.ui-treetable .ui-paginator-bottom{border-top:0 none}
.ui-treetable-scrollable-wrapper{position:relative}
.ui-treetable-scrollable-header,.ui-treetable-scrollable-footer{overflow:hidden;border:0 none}
.ui-treetable-scrollable-body{overflow:auto;position:relative}
.ui-treetable-scrollable-body>table>.ui-treetable-tbody>tr:first-child>td{border-top:0 none}
.ui-treetable-virtual-table{position:absolute}
.ui-treetable-frozen-view .ui-treetable-scrollable-body{overflow:hidden}
.ui-treetable-frozen-view>.ui-treetable-scrollable-body>table>.ui-treetable-tbody>tr>td:last-child{border-right:0 none}
.ui-treetable-unfrozen-view{position:absolute;top:0}
.ui-treetable-resizable>.ui-treetable-wrapper{overflow-x:auto}
.ui-treetable-resizable .ui-treetable-thead>tr>th,.ui-treetable-resizable .ui-treetable-tfoot>tr>td,.ui-treetable-resizable .ui-treetable-tbody>tr>td{overflow:hidden}
.ui-treetable-resizable .ui-resizable-column{background-clip:padding-box;position:relative}
.ui-treetable-resizable-fit .ui-resizable-column:last-child .ui-column-resizer{display:none}
.ui-treetable .ui-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5em;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}
.ui-treetable .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}
.ui-treetable-reorder-indicator-up,.ui-treetable-reorder-indicator-down{position:absolute;display:none}
.ui-treetable-responsive .ui-treetable-tbody>tr>td .ui-column-title{display:none}
@media screen and (max-width:40em){.ui-treetable-responsive .ui-treetable-thead>tr>th,.ui-treetable-responsive .ui-treetable-tfoot>tr>td{display:none !important}.ui-treetable-responsive .ui-treetable-tbody>tr>td{text-align:left;display:block;border:0 none;width:100% !important;box-sizing:border-box;float:left;clear:left}.ui-treetable-responsive .ui-treetable-tbody>tr>td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}}
.ui-treetable-loading{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}
.ui-treetable-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}
.ui-treetable .ui-treetable-loading-icon{font-size:2em}
.ui-virtualscroller .ui-virtualscroller-header{text-align:center;padding:.5em .75em;border-bottom:0 none}
.ui-virtualscroller .ui-virtualscroller-footer{text-align:center;padding:.25em .625em;border-top:0 none}
.ui-virtualscroller .ui-virtualscroller-list{list-style-type:none;margin:0;padding:0}
.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item img {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;  
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}
.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}
.react-grid-item.dropping {
  visibility: hidden;
}
.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}
.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.react-resizable-hide > .react-resizable-handle {
  display: none;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}
.cdk-overlay-container{position:fixed;z-index:1000}
.cdk-overlay-container:empty{display:none}
.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}
.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}
.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}
.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}
.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}
.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}
.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}
.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}
.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}
.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}
.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}
.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}
/* Styling native country `<select/>`. */
.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}
.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}
.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}
.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.Toastify__toast-container{z-index:9999;-webkit-transform:translateZ(9999px);position:fixed;padding:4px;width:320px;box-sizing:border-box;color:#fff}
.Toastify__toast-container--top-left{top:1em;left:1em}
.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}
.Toastify__toast-container--top-right{top:1em;right:1em}
.Toastify__toast-container--bottom-left{bottom:1em;left:1em}
.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}
.Toastify__toast-container--bottom-right{bottom:1em;right:1em}
@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:auto}}
.Toastify__toast{position:relative;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:1px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;max-height:800px;overflow:hidden;font-family:sans-serif;cursor:pointer;direction:ltr}
.Toastify__toast--rtl{direction:rtl}
.Toastify__toast--dark{background:#121212;color:#fff}
.Toastify__toast--default{background:#fff;color:#aaa}
.Toastify__toast--info{background:#3498db}
.Toastify__toast--success{background:#07bc0c}
.Toastify__toast--warning{background:#f1c40f}
.Toastify__toast--error{background:#e74c3c}
.Toastify__toast-body{margin:auto 0;flex:1 1 auto}
@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0}}
.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start}
.Toastify__close-button--default{color:#000;opacity:.3}
.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}
.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}
@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}
.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:9999;opacity:.7;background-color:hsla(0,0%,100%,.7);transform-origin:left}
.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}
.Toastify__progress-bar--controlled{transition:transform .2s}
.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right}
.Toastify__progress-bar--default{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)}
.Toastify__progress-bar--dark{background:#bb86fc}
@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}
@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}
@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}
@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}
@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}
@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}
@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}
@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}
.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}
.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}
.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}
.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}
.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}
.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}
.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}
.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}
@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}
.Toastify__zoom-enter{animation-name:Toastify__zoomIn}
.Toastify__zoom-exit{animation-name:Toastify__zoomOut}
@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}
@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}
.Toastify__flip-enter{animation-name:Toastify__flipIn}
.Toastify__flip-exit{animation-name:Toastify__flipOut}
@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}
@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}
@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}
@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}
.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}
.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}
.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}
.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}
.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}
.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}
.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}
.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}
.react-calendar-timeline * {
  box-sizing: border-box; }
.react-calendar-timeline .rct-outer {
  display: block;
  overflow: hidden;
  white-space: nowrap; }
.react-calendar-timeline .rct-scroll {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  overflow-x: scroll;
  overflow-y: hidden;
  touch-action: none; }
.react-calendar-timeline .rct-item:hover {
  z-index: 88; }
.react-calendar-timeline .rct-item .rct-item-content {
  position: sticky;
  position: -webkit-sticky;
  left: 0px;
  overflow: hidden;
  display: inline-block;
  border-radius: 2px;
  padding: 0 6px;
  height: 100%; }
.react-calendar-timeline .rct-sidebar {
  overflow: hidden;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  position: relative;
  box-sizing: border-box;
  border-right: 1px solid #bbb; }
.react-calendar-timeline .rct-sidebar.rct-sidebar-right {
    border-right: 0;
    border-left: 1px solid #bbb; }
.react-calendar-timeline .rct-sidebar .rct-sidebar-row {
    padding: 0 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    margin: 0;
    border-bottom: 1px solid #bbb; }
.react-calendar-timeline .rct-sidebar .rct-sidebar-row.rct-sidebar-row-odd {
      background: rgba(0, 0, 0, 0.05); }
.react-calendar-timeline .rct-sidebar .rct-sidebar-row.rct-sidebar-row-even {
      background: transparent; }
.react-calendar-timeline .rct-vertical-lines .rct-vl {
  position: absolute;
  border-left: 1px solid #bbb;
  z-index: 30; }
.react-calendar-timeline .rct-vertical-lines .rct-vl.rct-vl-first {
    border-left-width: 2px; }
.react-calendar-timeline .rct-vertical-lines .rct-vl.rct-day-6, .react-calendar-timeline .rct-vertical-lines .rct-vl.rct-day-0 {
    background: rgba(250, 246, 225, 0.5); }
.react-calendar-timeline .rct-horizontal-lines {
  -webkit-user-select: none;
  user-select: none; }
.react-calendar-timeline .rct-horizontal-lines .rct-hl-even,
  .react-calendar-timeline .rct-horizontal-lines .rct-hl-odd {
    border-bottom: 1px solid #bbb;
    box-sizing: border-box;
    z-index: 40; }
.react-calendar-timeline .rct-horizontal-lines .rct-hl-odd {
    background: rgba(0, 0, 0, 0.05); }
.react-calendar-timeline .rct-horizontal-lines .rct-hl-even {
    background: transparent; }
.react-calendar-timeline .rct-cursor-line {
  position: absolute;
  width: 2px;
  background: #2196f3;
  z-index: 51; }
.react-calendar-timeline .rct-dateHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-bottom: 1px solid #bbb;
  cursor: pointer;
  font-size: 14px;
  background-color: #f0f0f0;
  border-left: 2px solid #bbb; }
.react-calendar-timeline .rct-dateHeader-primary {
  background-color: initial;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  color: #fff; }
.react-calendar-timeline .rct-header-root {
  background: #c52020;
  border-bottom: 1px solid #bbb; }
.react-calendar-timeline .rct-calendar-header {
  border: 1px solid #bbb; }
.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}
.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  margin-top: -5px;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
  outline: none;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}
/*!
 * TOAST UI Chart 4th Edition
 * @version 4.5.11 | Fri Feb 27 2026
 * @author NHN. FE Development Lab <dl_javascript@nhn.com>
 * @license MIT
 */
.toastui-chart-wrapper{position:relative;width:100%;height:100%}
.toastui-chart-export-menu{font-family:Arial,sans-serif;position:absolute;top:0;left:0;background:#fff;-webkit-user-select:none;user-select:none;box-sizing:border-box}
.toastui-chart-export-menu-title{height:34px;width:140px;margin:0;padding:10px;box-sizing:inherit}
.toastui-chart-export-menu-btn-wrapper{width:100%;height:76px}
.toastui-chart-export-menu-btn{width:50%;height:50%;border:none;padding:12px 3px;float:left;color:inherit;font-family:inherit;background:transparent;cursor:pointer}
.toastui-chart-export-menu-btn:hover{font-weight:700}
.toastui-chart-export-menu-btn:nth-child(3){border-bottom-left-radius:inherit}
.toastui-chart-export-menu-btn:nth-child(4){border-bottom-right-radius:inherit}
.toastui-chart-tooltip-container{position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none;pointer-events:none}
.toastui-chart-tooltip{display:flex;flex-direction:column;box-sizing:border-box;min-width:150px}
.toastui-chart-tooltip-category{padding:8px 15px;border-bottom:1px solid rgba(0,0,0,.1)}
.toastui-chart-tooltip-series-wrapper{display:flex;padding:13px 15px;flex-direction:column}
.toastui-chart-tooltip-series{display:flex;width:100%;justify-content:space-between}
.toastui-chart-series-name{display:flex;align-items:center;line-height:10px}
.toastui-chart-series-name .toastui-chart-icon,.toastui-chart-tooltip-series .toastui-chart-icon{width:10px;height:10px;margin-right:8px;display:inline-block}
.toastui-chart-series-name .toastui-chart-name{white-space:nowrap}
.toastui-chart-series-value{white-space:nowrap;margin-left:10px}
.toastui-chart-tooltip-series-wrapper .toastui-chart-tooltip-title{padding:8px 0 5px}
.toastui-chart-tooltip-series-wrapper .toastui-chart-tooltip-title:first-child{padding-top:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
img,fieldset,a img{border:none}
input[type=text],input[type=email],input[type=number],input[type=tel],textarea{-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
input[type=submit],button{line-height:1.15;cursor:pointer}
input[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border:0}
button{background-color:transparent;font:inherit}
textarea{overflow:auto}
input,button{margin:0;padding:0;border:0}
div,input,textarea,select,button,h1,h2,h3,h4,h5,h6,a,span,a:focus{outline:none}
ul,ol{list-style-type:none}
table{border-spacing:0;border-collapse:collapse;width:100%}
html{line-height:1.15;box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
p{outline:none}
.link{color:var(--solution-primary-color);text-decoration:none}
.primary{color:var(--typo-primary, #2E3538)}
.secondary{color:var(--typo-secondary, #878B92)}
.reverse{color:var(--typo-white, var(--G-0, #FFFFFF))}
.tertiary{color:var(--tertiary, #6B6B6B)}
.inactive{color:var(--inactive, #B2B2B3)}
.error{color:#ff5757}
.currentColor{color:currentColor}
.thin{font-weight:100}
.light{font-weight:300}
.regular{font-weight:400}
.medium{font-weight:500}
.medium.is-firefox-in-windows,.semibold{font-weight:600}
.bold{font-weight:700}
.heavy{font-weight:900}
.nowrap{display:inline-block;vertical-align:top;white-space:nowrap}
.ellipsis{overflow:hidden;display:block;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
.wrap{white-space:normal}
.lineclamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.word-break-ellipsis{text-overflow:clip;overflow:hidden;white-space:nowrap;max-width:100%;margin-right:2px}
.word-break-all{word-break:break-all}
.word-break-word{word-break:break-word}
.text-center{text-align:center}
.word-break{word-break:break-all}
.text-wrap{white-space:normal}
.typo-hover{cursor:pointer;transition:color ease-in .1s}
.typo-hover:hover{color:var(--solution-hover-color);transition:color ease-out .2s}
.typo-hover:hover.link:after{color:var(--solution-primary-color)}
.typo-active{color:var(--solution-hover-color)}
.inherit{color:inherit}
.lowercase{text-transform:lowercase}
.underline{text-decoration:underline}
.align-center{text-align:center}
.align-left{text-align:left}
.align-right{text-align:right}
.title-xxs{font-size:15px;line-height:21px}
.title-xs{font-size:16px;line-height:24px}
.title-s{font-size:18px;line-height:25px}
.title-l{font-size:20px;line-height:25px}
.title-xl{font-size:22px;line-height:30px}
.title-xxl{font-size:26px;line-height:32px}
.title-xxxl{font-size:42px;line-height:54px}
.title--clamps{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;overflow-wrap:break-word}
.title--clamps-2{-webkit-line-clamp:2}
.paragraph-xl{font-size:21px;line-height:27px}
.paragraph-l{font-size:14px;line-height:20px}
.paragraph-m{font-size:13px;line-height:18px}
.paragraph-s{font-size:12px;line-height:18px}
.paragraph-xs{font-size:11px;line-height:16px}
.paragraph-xxs{font-size:10px;line-height:15px}
.paragraph-xxxs{font-size:9px;line-height:14px}
.paragraph--clamps{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;overflow-wrap:break-word}
.paragraph--clamps-1{-webkit-line-clamp:1}
.paragraph--clamps-2{-webkit-line-clamp:2}
.paragraph--clamps-3{-webkit-line-clamp:3}
.paragraph--clamps-4{-webkit-line-clamp:4}
.paragraph--clamps-5{-webkit-line-clamp:5}
.paragraph--clamps-6{-webkit-line-clamp:6}
.paragraph--clamps-7{-webkit-line-clamp:7}
.paragraph--clamps-8{-webkit-line-clamp:8}
.paragraph--clamps-9{-webkit-line-clamp:9}
.paragraph--clamps-10{-webkit-line-clamp:10}
.paragraph--clamps-11{-webkit-line-clamp:11}
.paragraph--letter-space{letter-spacing:1px}
.table-head{font-size:12px;line-height:18px;text-transform:uppercase}
.table-head--small{font-size:11px;line-height:16px}
.table-head--tiny{font-size:9px;line-height:11px}
.field-label,.field-label-small{font-size:11px;line-height:16px;text-transform:uppercase}
.card-caption{font-size:9px;line-height:14px;text-transform:uppercase;letter-spacing:.45px}
.field-types-caption{font-size:12px;line-height:16px;letter-spacing:1px}
.uppercase{text-transform:uppercase}
.transition{transition:color .2s ease-in-out}
.capitalize{text-transform:capitalize}
.sh-0{box-shadow:none}
.sh-1{box-shadow:0 2px 6px #0001}
.sh-2{box-shadow:0 4px 10px #80808040}
.sh-3{box-shadow:-1px 4px 8px #80808080}
.sh-4{box-shadow:#0f0f0f0d 0 0 0 1px,#0f0f0f1a 0 3px 6px,#0f0f0f33 0 9px 24px}
.page-h{box-shadow:4px 8px 14px #00000014}
.page-c{box-shadow:4px 8px 14px #0000000a}
.sys-m-p{box-shadow:1px 7px 7px #0006}
:root{--link: #00A6ED;--error: #DD1C1A;--active: #FF6F2C;--highlight: #F1C40F;--success: #57A773;--grid-column-first-width: 0;--grid-row-size: 40px;--solution-primary-color: #3a86ff;--solution-dw-color: 231, 240, 254;--solution-w-color: 183, 227, 251;--solution-secondary-color: #e7f0fe;--solution-hover-color: #0055db;--solution-highlight-color: #0055db;--topbar-height: 50px}
html{height:100%}
body{background-color:var(--G-0-5, #FAFAFA);height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:var(--typo-primary, #2E3538);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale}
.container{padding-left:20px;padding-right:20px}
.space{height:100%}
.img-responsive{max-width:100%;height:auto}
.free-space{width:100%}
.half-space{width:50%}
.object-cover{width:100%;height:100%}
.highlight{background-color:#f8e287}
.block{display:block}
.inline{display:inline}
.inline-block{display:inline-block}
.hidden{display:none}
.block-hidden{overflow:hidden}
.scroll-hidden{position:fixed;width:100%;height:100%;overflow:hidden}
.layout-space{display:flex;flex-direction:column;height:100%}
.scroll-area{overflow-y:hidden;flex-basis:100%;box-sizing:border-box}
.content-wrapper{width:100%;max-width:1003px;padding:0 20px;margin:0 auto}
.outline-offset{margin:0 -50px;padding:0 50px}
.wrapper{padding:10px;background-color:var(--G-0-5, #FAFAFA);border-radius:5px}
.text--xl{font-size:21px;line-height:27px}
.text--xl-min{font-size:18px;line-height:25px}
.text--l-plus{font-size:16px;line-height:24px}
.text--l-semi-plus{font-size:15px;line-height:20px}
.text--l{font-size:14px;line-height:20px}
.text--l-md{font-size:16px;line-height:24px}
.text--m,.results-not-found__description{font-size:13px;line-height:18px}
.text--s{font-size:12px;line-height:18px}
.text--xs{font-size:11px;line-height:16px}
.text--xxs{font-size:10px;line-height:15px}
.text--xxxs{font-size:9px;line-height:14px}
.text--ellipsis{overflow:hidden;display:block;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
.text--nowrap{display:inline-block;vertical-align:top;white-space:nowrap}
.text--wrap{white-space:normal}
.text--uppercase{text-transform:uppercase}
.text--lowercase{text-transform:lowercase}
.text--capitalize{text-transform:capitalize}
.text--align-left{text-align:left}
.text--align-right{text-align:right}
.text--align-center{text-align:center}
.text--clamps{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;overflow-wrap:break-word}
.text--clamps-1{-webkit-line-clamp:1}
.text--clamps-2{-webkit-line-clamp:2}
.text--clamps-3{-webkit-line-clamp:3}
.text--clamps-4{-webkit-line-clamp:4}
.text--clamps-5{-webkit-line-clamp:5}
.text--clamps-6{-webkit-line-clamp:6}
.text--clamps-7{-webkit-line-clamp:7}
.text--clamps-8{-webkit-line-clamp:8}
.text--clamps-9{-webkit-line-clamp:9}
.text--clamps-10{-webkit-line-clamp:10}
.text--clamps-11{-webkit-line-clamp:11}
.text--clamps-break-word{word-break:break-word}
.text--letter-space{letter-spacing:1px}
.text--transition{transition:color .15s ease-out}
.text--break-all{word-break:break-all}
.text--break-word{word-break:break-word}
.text--placeholder{letter-spacing:-.21px}
.title--xxs{font-size:15px;line-height:21px}
.title--xs{font-size:16px;line-height:24px}
.title--s{font-size:18px;line-height:25px}
.title--l{font-size:20px;line-height:25px}
.title--xl{font-size:22px;line-height:30px}
.title--xxl{font-size:26px;line-height:32px}
.title--xxxl{font-size:42px;line-height:54px}
.title--ellipsis{overflow:hidden;display:block;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
.title--nowrap{display:inline-block;vertical-align:top;white-space:nowrap}
.title--wrap{white-space:normal}
.title--uppercase{text-transform:uppercase}
.title--lowercase{text-transform:lowercase}
.title--capitalize{text-transform:capitalize}
.title--align-left{text-align:left}
.title--align-right{text-align:right}
.title--align-center{text-align:center}
.editable-paragraph{display:inline-block;border-bottom:1px dashed var(--G-2, #DEDEDE);transition:all .2s ease-in-out;cursor:text;word-break:break-word}
.link{overflow-wrap:break-word}
.link.is-hover{cursor:pointer;transition:color .15s ease-out}
.link.is-hover:hover{color:var(--solution-hover-color);transition:color .2s ease-in}
.link.is-active{color:var(--solution-hover-color)}
.link.is-disabled{pointer-events:none;color:var(--typo-primary, #2E3538)}
.link.link--underline-none,.link.link--underline-none:hover{text-decoration:none}
.link.link--underline-default{text-decoration:underline}
.link.link--underline-default:hover,.link.link--underline-hover{text-decoration:none}
.link.link--underline-hover:hover,.link.link--underline-always,.link.link--underline-always:hover{text-decoration:underline}
.link--xxl{font-size:18px;line-height:25px}
.link--xl{font-size:16px;line-height:24px}
.link--l{font-size:14px;line-height:20px}
.link--l-semi-plus{font-size:15px;line-height:20px}
.link--m{font-size:13px;line-height:18px}
.link--s{font-size:12px;line-height:18px}
.link--xs{font-size:11px;line-height:16px}
.link--wrap{white-space:normal}
.link--nowrap{display:inline-block;vertical-align:top;white-space:nowrap}
.link--ellipsis{overflow:hidden;display:block;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
.link--break-all{word-break:break-all}
.link--break-word{word-break:break-word}
.link--uppercase{text-transform:uppercase}
.link--capitalize{text-transform:capitalize}
.link--lowercase{text-transform:lowercase}
.link--align-left{text-align:left}
.link--align-center{text-align:center}
.link--align-right{text-align:right}
.link--clamps{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;overflow-wrap:break-word}
.link--clamps-1{-webkit-line-clamp:1}
.link--clamps-2{-webkit-line-clamp:2}
.link--clamps-3{-webkit-line-clamp:3}
.link--clamps-4{-webkit-line-clamp:4}
.link--clamps-5{-webkit-line-clamp:5}
.link--clamps-6{-webkit-line-clamp:6}
.link--clamps-7{-webkit-line-clamp:7}
.link--clamps-8{-webkit-line-clamp:8}
.link--clamps-9{-webkit-line-clamp:9}
.link--clamps-10{-webkit-line-clamp:10}
.link--clamps-11{-webkit-line-clamp:11}
.table-head-text{font-size:12px;line-height:18px;font-weight:600;letter-spacing:1px}
.table-head-text--no-letter-spacing{letter-spacing:normal}
.add-button{display:flex;align-items:center}
.add-button__content{display:inline-flex;align-items:center;transition:color .15s ease-out;color:var(--add-button-text-color)}
.add-button__icon{border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--add-button-icon-background);color:var(--add-button-icon-color);transition:background-color .2s ease-in,color .2s ease-in}
.add-button:hover .add-button__content{color:var(--add-button-text-hover-color);transition:color .2s ease-in}
.add-button:hover .add-button__icon{background-color:var(--add-button-icon-hover-background);color:var(--add-button-icon-hover-color);transition:background-color .2s ease-in,color .2s ease-in}
.add-button.is-disabled{pointer-events:none}
.done-cancel{display:flex;border-top:1px solid var(--h-line-70, rgba(222, 222, 222, .7));background-color:var(--G-0-5, #FAFAFA);border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:100%}
.done-cancel__button{width:50%;padding:10px}
.done-cancel__button:first-child{color:var(--tertiary, #6B6B6B);border-bottom-left-radius:5px}
.done-cancel__button:not(:last-child){border-right:1px solid var(--G-1-2, #F0F0F0)}
.done-cancel__button:last-child{border-bottom-right-radius:5px}
.done-cancel__button:hover,.done-cancel__button:focus{background-color:var(--G-1, #F3F3F4);color:var(--typo-primary, #2E3538)}
.empty-button{position:relative;background-color:transparent;border-radius:100px;color:var(--typo-primary, #2E3538);display:flex;align-items:center}
.empty-button.is-disabled{pointer-events:none;cursor:default}
.empty-button:focus{color:var(--solution-hover-color)}
.empty-button--size-md{height:24px;padding:0 10px;font-size:12px;font-weight:600}
.empty-button--size-lg{height:32px;font-size:14px;padding:0 15px;font-weight:600}
.empty-button--size-xl{height:40px;padding:0 30px;font-size:15px;font-weight:500}
.icon-button{display:flex;align-items:center;justify-content:center;color:var(--icon-button-color);background:var(--icon-button-background);transition:color .15s ease-out,background-color .15s ease-out}
.icon-button:disabled{cursor:default;pointer-events:none}
.icon-button--background{padding:5px}
.icon-button--kind-circle{border-radius:100%}
.icon-button--kind-round{border-radius:5px}
.icon-button:not(:disabled):hover,.icon-button:not(:disabled):focus{color:var(--icon-button-color-hover);background:var(--icon-button-background-hover);transition:color .2s ease-in,background-color .2s ease-in}
.icon-text-button{background-color:transparent;display:flex;align-items:center;padding:4px}
.icon-text-button__icon{display:flex;margin-right:4px;transition:color .15s ease-out,opacity .15s ease-out;color:var(--r-icon-button-color);opacity:var(--r-icon-button-alpha)}
.icon-text-button__text{display:flex;transition:color .15s ease-out,opacity .15s ease-out;color:var(--r-text-button-color);opacity:var(--r-text-button-alpha)}
.icon-text-button:hover .icon-text-button__icon{transition:color .2s ease-in,opacity .2s ease-in;color:var(--r-icon-button-hover-color);opacity:var(--r-icon-button-hover-alpha)}
.icon-text-button:hover .icon-text-button__text{transition:color .2s ease-in,opacity .2s ease-in;color:var(--r-text-button-hover-color);opacity:var(--r-text-button-hover-alpha)}
.icon-text-button.is-disabled{pointer-events:none;cursor:default}
.r-tooltip-button{display:flex;justify-content:center;align-items:center;background-color:transparent;border-radius:50%;color:var(--r-tooltip-button-color);font-size:0;cursor:pointer;transition:color .15s ease-out}
.r-tooltip-button--size-s{width:12px;height:12px;min-width:12px}
.r-tooltip-button--size-m{height:16px;width:16px;min-width:16px}
.r-tooltip-button:hover{color:var(--r-tooltip-button-hover-color)}
.r-tooltip-button.is-error{color:var(--r-tooltip-button-error-color);transition:color .2s ease-in}
.r-tooltip-button.is-error:hover{color:#f1273f;transition:color .2s ease-in}
.r-tooltip-button.is-active{color:var(--r-tooltip-button-active-color);transition:color .2s ease-in}
.circle-plus-button{color:var(--G-4, #B2B2B3);width:16px;min-width:16px;height:16px;border-radius:50%;background-color:transparent;transition:background-color .15s ease-out}
.circle-plus-button.is-active,.circle-plus-button:hover{color:var(--solution-primary-color);background-color:var(--solution-secondary-color);transition:background-color .2s ease-in}
.color-picker-button{border-radius:5px;display:flex;align-items:center;justify-content:center;background-color:transparent}
.color-picker-button__circle{width:16px;height:16px;border-radius:50%;position:relative}
.color-picker-button__circle:before{content:"";position:absolute;top:7px;left:4px;display:block;width:0;height:0;border:4px solid transparent;border-top-color:var(--G-0, #FFFFFF)}
.color-picker-button--size-M{width:28px;height:28px}
.color-picker-button--size-L{width:35px;height:35px}
.color-picker-button--outline{border:1px solid var(--G-1-5, #E9E9E9);transition:background .15s ease-out,border-color .15s ease-out}
.color-picker-button--outline:hover,.color-picker-button--outline.is-active{border-color:var(--G-3, #C7C8C9);transition:background .2s ease-in,border-color .2s ease-in}
.color-picker-button--filled{border:1px solid transparent;transition:border .15s ease-out,background .15s ease-out}
.color-picker-button--filled:hover,.color-picker-button--filled.is-active{border-color:var(--G-1-5, #E9E9E9);transition:border .2s ease-in,background .2s ease-in}
.color-picker-button.is-darken .color-picker-button__circle:before{border-top-color:var(--ic-dark, #2D2D2D)}
.color-picker-button:hover,.color-picker-button.is-active{background-color:var(--G-0, #FFFFFF)}
.r-button{display:flex;align-items:center;position:relative;height:var(--height);padding:var(--side-padding);border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);color:var(--text-color);background-color:var(--background);transition:color .15s ease-out,background .15s ease-out,border-color .15s ease-out,opacity .15s ease-out}
.r-button__icon{display:flex;color:var(--icon-color);transition:color .15s ease-out}
.r-button__icon:only-child{margin:0}
.r-button__icon{margin-right:var(--icon-right-indent);margin-left:var(--icon-left-indent)}
.r-button__loader{width:var(--button-spinner-size, 20px);height:var(--button-spinner-size, 20px);margin:0 auto;border:2px solid var(--G-0, #FFFFFF);border-radius:50%;border-right-color:transparent;position:absolute;top:var(--button-spinner-position, calc(50% - 10px));left:var(--button-spinner-position, calc(50% - 10px));animation:cssload-spin .7s infinite linear}
.r-button:hover,.r-button:focus,.r-button.is-active{color:var(--text-color-hover);background-color:var(--background-hover);border-color:var(--border-hover-color);transition:color .2s ease-in,background .2s ease-in}
.r-button:hover .r-button__icon,.r-button:focus .r-button__icon,.r-button.is-active .r-button__icon{color:var(--icon-hover-color);transition:color .2s ease-in}
.r-button.is-disabled{opacity:.5;pointer-events:none;cursor:default;background-color:var(--G-4, #B2B2B3);transition:opacity .2s ease-in}
.r-button.is-loading{pointer-events:none;-webkit-user-select:none;user-select:none}
.r-button.is-loading .r-button__content{opacity:0}
.r-button.is-content-reversed{flex-direction:row-reverse}
@keyframes cssload-spin{to{transform:rotate(360deg)}}
.switch-button{width:var(--width);height:var(--height);border-radius:var(--border-radius);position:relative;overflow:hidden;display:inline-flex;align-items:center;padding-right:var(--padding-slider);padding-left:var(--padding-slider);background-color:var(--background);color:var(--color);cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}
.switch-button__text_wrapper{display:flex;flex-direction:column;align-items:center}
.switch-button:hover{background-color:var(--background-hover);transition:background-color .2s ease-in}
.switch-button__item{display:flex;align-items:center;justify-content:center;color:inherit;flex-grow:1;height:100%;min-width:var(--width-item);position:relative;z-index:1;padding-right:var(--gap-item);padding-left:var(--gap-item)}
.switch-button__item:hover,.switch-button__item:focus{color:var(--color-hover);transition:color .2s ease-in}
.switch-button__item .text{display:flex}
.switch-button__item.is-active{color:var(--color-active);transition:color .15s ease-out}
.switch-button__item.is-active:hover{color:var(--color-active)}
.switch-button__slider{position:absolute;height:var(--height-slider);width:var(--width-slider);border:var(--border-slider);border-radius:var(--border-radius-slider, var(--border-radius));background-color:var(--background-slider);z-index:0;display:flex;align-items:center;justify-content:center;margin-left:var(--margin-left-slider);transition:left .15s ease-out}
.simple-add-button{height:24px;padding:0 8px 0 4px;background-color:transparent;border-radius:5px;color:var(--tertiary, #6B6B6B);transition:background-color .15s ease-out}
.simple-add-button.is-active,.simple-add-button:hover{background-color:var(--G-1, #F3F3F4);color:var(--typo-primary, #2E3538);transition:background-color .2s ease-in}
.simple-add-button.is-disabled{opacity:.5}
.explore-button{width:100%;height:42px;background-color:var(--solution-primary-color);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;line-height:18px;font-weight:600;color:var(--G-0, #FFFFFF);padding:0 22px;border-radius:0 0 5px 5px;cursor:pointer;transition:background-color .15s ease-out}
.explore-button:hover{background-color:var(--solution-hover-color);transition:background-color .2s ease-in}
.explore-button__content{margin-right:6px}
.info-icon-button{display:flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:5px;background-color:var(--G-1, #F3F3F4);color:var(--solution-primary-color);cursor:pointer;transition:background-color .15s ease-out}
.info-icon-button:hover{background-color:var(--G-1-5, #E9E9E9);color:var(--solution-hover-color);transition:background-color .2s ease-in}
.split-button{align-items:center;border-radius:50%;display:flex;flex-direction:row;justify-content:center;position:relative;width:-moz-fit-content;width:fit-content}
.split-button.is-disabled{opacity:.5;transition:opacity .15s ease-out}
.split-button.is-disabled .split-button__main-button,.split-button.is-disabled .split-button__side-button{background-color:var(--G-4, #B2B2B3);cursor:default;pointer-events:none}
.split-button.is-loading .split-button__main-button,.split-button.is-loading .split-button__side-button{pointer-events:none;-webkit-user-select:none;user-select:none}
.split-button.is-loading .split-button__main-button__text{opacity:0}
.split-button.is-side-menu-active .split-button__side-button{background-color:var(--split-button-hover-color)}
.split-button.is-side-menu-active .split-button__side-button span{transform:rotate(180deg);transition:transform .2s ease-in}
.split-button__main-button,.split-button__side-button{transition:background .15s ease-out;background-color:var(--split-button-color);height:var(--button-height)}
.split-button__main-button:focus-visible,.split-button__main-button:hover,.split-button__side-button:focus-visible,.split-button__side-button:hover{background-color:var(--split-button-hover-color);cursor:pointer}
.split-button__main-button{border-radius:200px 0 0 200px;padding:7px 10px 7px 15px;position:relative;font-weight:600;font-size:14px;line-height:18px}
.split-button__side-button{border-radius:0 200px 200px 0;padding:7px 15px 7px 10px;position:relative}
.split-button__side-button span{transform:rotate(0);display:block;transition:transform .15s ease-out}
.split-button__side-button:before{background-color:#fff6;content:"";display:block;height:calc(var(--button-height) / 2);left:0;position:absolute;top:calc(50% - var(--button-height) / 4);width:1px}
.split-button__side-button__icon{display:flex}
.split-button__loader{left:calc(50% - 6px);position:absolute;top:calc(50% - var(--button-height) / 4)}
.expand-button{padding-top:25px;padding-bottom:25px}
.expand-button.is-active .expand-button__icon{transform:rotate(0);transition:transform .2s ease-in}
.expand-button__head{position:relative;display:flex;align-items:center;gap:6px;width:100%;text-align:left;cursor:pointer}
.expand-button__head:before{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}
.expand-button__badge{display:inline-flex;justify-content:center;align-items:center;min-width:17px;height:16px;border:1px solid var(--G-1-5, #E9E9E9);padding:0 4px;background-color:var(--G-1, #F3F3F4);border-radius:5px}
.expand-button__content{margin-top:23px}
.expand-button__icon{color:var(--G-5, #9B9C9E);transform:rotate(-90deg);transition:transform .15s ease-out}
.expand-button__side{display:flex;align-items:center;gap:5px;margin-left:auto}
.blank-dashed-button{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:36px;font-size:12px;line-height:18px;color:var(--tertiary, #6B6B6B);cursor:pointer}
.blank-dashed-button:hover:before,.blank-dashed-button.is-active:before{opacity:.5;border-color:var(--solution-primary-color);background-color:var(--solution-secondary-color);transition:opacity .2s ease-in,border-color .2s ease-in,background-color .2s ease-in}
.blank-dashed-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed var(--G-3, #C7C8C9);border-radius:5px;transition:opacity .15s ease-out,border-color .15s ease-out,background-color .15s ease-out}
.blank-dashed-button__inner{z-index:2;position:relative}
.sidebar-item{position:relative;display:flex;align-items:center;gap:6px;max-width:100%;height:38px;padding-left:19px;color:#2e3538cc}
.sidebar-item:hover{color:#2e3538}
.sidebar-item:hover:before{background-color:var(--G-2, #DEDEDE);transition:background-color .2s ease-in}
.sidebar-item.is-active{color:#2e3538}
.sidebar-item.is-active:before{background-color:var(--solution-primary-color);transition:background-color .2s ease-in}
.sidebar-item:before{content:" ";position:absolute;top:50%;left:0;display:block;width:4px;height:25px;border-radius:2px;transform:translateY(-50%);transition:background-color .15s ease-out}
.radio-icon-button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-basis:100%;gap:5px;min-height:68px;padding:10px;border-radius:5px;color:var(--tertiary, #6B6B6B);cursor:pointer;text-align:center;transition:background-color .15s ease-out,color .15s ease-out}
.radio-icon-button:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--G-1-5, #E9E9E9);border-radius:inherit;transition:opacity .15s ease-out,border-color .15s ease-out}
.radio-icon-button.is-active,.radio-icon-button:hover{color:var(--typo-primary, #2E3538);transition:background-color .2s ease-in,color .2s ease-in}
.radio-icon-button.is-active:before,.radio-icon-button:hover:before{opacity:.5;border-color:var(--solution-primary-color);transition:opacity .2s ease-in,border-color .2s ease-in}
.radio-icon-button.is-active .radio-icon-button__icon,.radio-icon-button:hover .radio-icon-button__icon{opacity:1;color:var(--solution-primary-color);transition:opacity .2s ease-in,color .2s ease-in}
.radio-icon-button.is-active{background-color:var(--solution-secondary-color)}
.radio-icon-button__icon{opacity:.4;color:var(--ic-darker, #151515);transition:opacity .15s ease-out,color .15s ease-out}
.rating-buttons{white-space:nowrap;height:16px;font-size:0;display:inline-block;position:relative;color:var(--G-3, #C7C8C9)}
.rating-buttons__item{display:inline-block;height:20px}
.rating-buttons--rectangle .rating-buttons__rectangle{border:1px solid #D7D7DB;background-color:var(--G-0, #FFFFFF)}
.rating-buttons__rectangle{min-width:20px;width:20px;border-radius:5px;background-color:var(--G-3, #C7C8C9);display:inline-block;font-size:11px;font-weight:600;line-height:20px;text-align:center;margin-right:2px}
.rating-buttons__rectangle.is-hover{background-color:var(--custom-washed-color);color:var(--G-0, #FFFFFF)}
.rating-buttons__rectangle.is-active{background-color:var(--custom-color);color:var(--G-0, #FFFFFF);border-color:var(--custom-color)}
.rating-buttons.is-clickable .rating-buttons__item{cursor:pointer}
.rating-buttons--rectangle,.rating-buttons--number{height:20px;color:var(--typo-primary, #2E3538)}
.rating-buttons--rectangle .rating-buttons__tooltip:not(:last-child) .rating-buttons__item,.rating-buttons--number .rating-buttons__tooltip:not(:last-child) .rating-buttons__item{padding-right:2px}
.rating-buttons .tooltip{position:absolute;top:0;left:0}
.rating-buttons-tooltip-area{width:20px;height:20px;cursor:pointer}
.avatar-menu-option__avatar{margin-right:10px}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-top.enter{opacity:0;transform:translateY(10px)}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-top.enter-active{opacity:1;transform:translateY(0);transition:opacity .25s ease-out,transform .25s ease-out}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-top.exit-active{opacity:0;transform:translateY(5px);transition:opacity .18s ease-in,transform .18s ease-in}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-left.enter{transform:translate(-10px)}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-left.enter-active{transform:translate(0);transition:opacity .25s ease-out,transform .25s ease-out}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-left.exit-active{transform:translate(-5px);transition:opacity .18s ease-in,transform .18s ease-in}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-right.enter{transform:translate(10px)}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-right.enter-active{transform:translate(0);transition:opacity .25s ease-out,transform .25s ease-out}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-right.exit-active{transform:translate(5px);transition:opacity .18s ease-in,transform .18s ease-in}
.dropdown-panel.exit-active.is-animation-disabled{opacity:0}
.dropdown-panel{position:relative;box-shadow:var(--dropdown-panel-box-shadow, rgba(15, 15, 15, .05) 0px 0px 0px 1px, rgba(15, 15, 15, .1) 0px 3px 6px, rgba(15, 15, 15, .2) 0px 9px 24px)}
.dropdown-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--dropdown-panel-border-color, transparent);border-radius:inherit;background-color:var(--dropdown-panel-background-color, var(--G-0, #FFFFFF));z-index:1;pointer-events:none}
.dropdown-panel__close-button{position:absolute;top:-17px;left:-14px;z-index:4;display:flex;justify-content:center;align-items:center;width:28px;height:28px;border:2px solid #fff;transform:rotate(45deg);border-radius:50%;background-color:#b2b2b3;cursor:pointer;color:#fff}
.dropdown-panel__arrow{position:absolute;transform:rotate(45deg);box-shadow:#0f0f0f0d 0 0 0 1px,#0f0f0f1a 0 3px 6px}
.dropdown-panel__content{position:relative;z-index:3}
.dropdown-panel__line{position:absolute;top:0;left:0;right:0;z-index:2}
.dropdown-panel--arrow-white .dropdown-panel__arrow{width:9.34px;height:9.34px;background-color:var(--dropdown-panel-arrow-color, var(--G-0, #FFFFFF))}
.dropdown-panel--arrow-custom .dropdown-panel__arrow{width:9.34px;height:9.34px;top:-5px;box-shadow:none}
.dropdown-panel--arrow-custom .dropdown-panel__line{background-color:var(--solution-highlight-color);height:6px;border-radius:5px 5px 0 0}
.dropdown-panel--arrow-white .dropdown-panel__arrow{top:-5px}
.dropdown-panel--arrow-sc-4{padding-top:6px}
.dropdown-panel--arrow-sc-4 .dropdown-panel__line{background-color:var(--solution-primary-color);height:6px;border-radius:5px 5px 0 0}
.dropdown-panel--arrow-sc-4 .dropdown-panel__arrow{width:var(--dropdown-sc-4-size, 13px);height:var(--dropdown-sc-4-size, 13px);top:var(--dropdown-sc-4-top, -4px);background-color:var(--dropdown-panel-arrow-color, var(--solution-primary-color));box-shadow:none}
.dropdown-panel--panel-line .dropdown-panel__line{background-color:var(--solution-highlight-color);height:6px;border-radius:5px 5px 0 0}
.dropdown-panel--panel-line .dropdown-panel__arrow{width:var(--dropdown-sc-4-size, 14px);height:var(--dropdown-sc-4-size, 14px);top:var(--dropdown-sc-4-top, -7px);background-color:var(--dropdown-panel-arrow-color, var(--solution-highlight-color));border-radius:0;box-shadow:none}
.dropdown-panel--panel-line .menu-group-content__title{padding-top:15px;padding-bottom:8px}
.dropdown-panel--panel-line .menu-option-wrapper__list{padding-bottom:5px;padding-top:14px}
.dropdown-panel--horisontal-view .dropdown-panel__arrow{left:-5px}
.dropdown-panel--corner-all:not(.dropdown-panel--arrow-white):not(.dropdown-panel--arrow-sc-4){background-color:var(--G-0, #FFFFFF)}
.dropdown-panel--animation-right{transform-origin:left top}
.dropdown-panel--animation-right.dropdown-panel--horisontal-view .dropdown-panel__arrow{right:-5px;left:initial}
.dropdown-panel--animation-left{transform-origin:left top}
.dropdown-panel--corner-all{border-radius:5px}
.dropdown-panel--corner-bottom{border-radius:0 0 5px 5px}
.dropdown-panel--corner-bottom:before{border-radius:0 0 5px 5px}
.dropdown-panel--corner-bottom .dropdown-panel__line{height:2px;border-radius:0}
.dropdown-panel--corner-top{border-radius:5px 5px 0 0}
.dropdown-panel__import-application{box-shadow:0 4px 10px #80808040}
.dropdown-panel--type-calendar{border-right:1px solid var(--G-2, #DEDEDE);border-bottom:1px solid var(--G-2, #DEDEDE);border-left:1px solid var(--G-2, #DEDEDE);padding-top:4px}
.dropdown-panel--type-calendar .dropdown-panel__line{height:4px;border-radius:0;background-color:var(--solution-primary-color)}
.dropdown-panel--type-calendar .dropdown-panel__arrow{top:-5px;width:10px;height:10px;background-color:var(--dropdown-panel-arrow-color, var(--solution-primary-color));border-top-left-radius:0}
.flip-vertical .dropdown-panel{transform-origin:center bottom;box-shadow:#0f0f0f0d 0 0 0 1px,#0f0f0f1a 0 -3px 6px,#0f0f0f33 0 -9px 24px}
.flip-vertical .dropdown-panel .dropdown-panel__arrow{top:auto;bottom:-5px;transform:rotate(45deg);box-shadow:#0f0f0f0d 0 0 0 1px,#0f0f0f1a 0 -3px 6px}
.flip-vertical .dropdown-panel.dropdown-panel--corner-bottom{border-radius:5px 5px 0 0}
.flip-vertical .dropdown-panel.dropdown-panel--corner-bottom:before{border-radius:5px 5px 0 0}
.flip-horizontal .dropdown-panel.dropdown-panel--horisontal-view.dropdown-panel--animation-right .dropdown-panel__arrow{left:-5px;right:initial}
.menu-button{border-radius:5px;display:flex;align-items:center;justify-content:center;background:var(--r-menu-button-background);color:var(--r-menu-button-color);transition:background .15s ease-out,color .15s ease-out}
.menu-button--size-l{width:36px;height:32px}
.menu-button--size-m{width:41px;height:23px}
.menu-button--size-s{width:24px;height:24px}
.menu-button:hover{background:var(--r-menu-button-hover-background);color:var(--r-menu-button-hover-color)}
.menu-button.is-active{background:var(--r-menu-button-active-background);color:var(--r-menu-button-active-color)}
.menu-button:hover,.menu-button.is-active{transition:background .2s ease-in,color .2s ease-in}
.menu-group-content__title{display:flex;align-items:center;width:100%;padding:10px 12px;border-bottom:1px solid var(--G-1-2, #F0F0F0);cursor:pointer}
.menu-group-content__back-icon{margin-right:8px}
.menu-group-content__search{padding:8px 15px 2px}
.menu-group-content__subtitle{padding-left:10px;position:relative}
.menu-group-content__subtitle:before{content:"";position:absolute;top:7px;width:2px;left:5px;height:2px;background-color:var(--inactive, #B2B2B3);border-radius:50%}
.menu-line-separator{margin:11px 0 13px;height:1px;background-color:var(--menu-line-separator-color, var(--G-1-2, #F0F0F0));flex-shrink:0}
.menu-line-separator--small-offset{margin-top:9px;margin-bottom:4px}
.menu-option{height:var(--menu-option-height, 36px);padding:0 5px;width:100%;margin-bottom:var(--menu-option-bottom-margin, 1px);position:relative;color:var(--menu-option-color, var(--tertiary, #6B6B6B))}
.menu-option:last-child{margin-bottom:var(--menu-option-bottom-margin-last, 0px)}
.menu-option__container{height:var(--menu-option-height, 36px);display:flex;align-items:center;background-color:var(--menu-option-background-color, transparent);border-radius:5px;transition:background .15s ease-out}
.menu-option__in{height:100%;padding-right:var(--menu-option-inner-padding-right, 10px);padding-left:var(--menu-option-inner-padding-left, 10px);display:flex;align-items:center}
.menu-option__button{width:100%;height:100%;color:currentColor}
.menu-option__icon{opacity:var(--menu-option-icon-opacity, 1);margin-right:var(--menu-option-icon-margin-right, 13px);color:var(--menu-option-icon-color, var(--solution-primary-color));transition:opacity .15s ease-out,color .15s ease-out,fill .15s ease-out}
.menu-option__icon_small_margin{margin-right:8px;color:var(--menu-option-icon-color, var(--solution-primary-color))}
.menu-option__icon_wrapper_right{justify-content:flex-end;flex-grow:1;display:flex}
.menu-option__icon_right{margin:0}
.menu-option__text{margin-right:10px;margin:var(--menu-option-margin-text);transition:color .15s ease-out}
.menu-option__button{width:100%;height:100%}
.menu-option__arrow{margin-left:auto}
.menu-option__awesome{width:20px}
.menu-option__info{opacity:0;position:absolute;top:50%;right:17px;color:var(--G-3, #C7C8C9);cursor:pointer;transform:translateY(-50%);transition:opacity .15s ease-out,color .15s ease-out}
.menu-option__info:hover{color:var(--G-7, #6F7173)}
.menu-option__right-content{padding-right:10px}
.menu-option:hover:not(.is-disabled),.menu-option.is-active:not(.is-disabled){color:var(--menu-option-color-active, var(--typo-primary, #2E3538))}
.menu-option:hover:not(.is-disabled) .menu-option__container,.menu-option.is-active:not(.is-disabled) .menu-option__container{background-color:var(--menu-option-background-color-active, var(--G-1, #F3F3F4));transition:background .2s ease-in}
.menu-option:hover:not(.is-disabled) .menu-option__icon,.menu-option.is-active:not(.is-disabled) .menu-option__icon{opacity:var(--menu-option-icon-opacity-active, 1);transition:opacity .2s ease-in,color .2s ease-in,fill .2s ease-in}
.menu-option:hover:not(.is-disabled) .menu-option__text,.menu-option.is-active:not(.is-disabled) .menu-option__text{transition:color .2s ease-in}
.menu-option:hover:not(.is-disabled) .menu-option__arrow,.menu-option.is-active:not(.is-disabled) .menu-option__arrow{color:var(--menu-option-arrow-color-active, var(--solution-primary-color))}
.menu-option:hover:not(.is-disabled).menu-option--arrow-left .menu-option__arrow,.menu-option.is-active:not(.is-disabled).menu-option--arrow-left .menu-option__arrow{transform:rotate(180deg)}
.menu-option:hover .menu-option__info{opacity:1;transition:opacity .2s ease-in,color .2s ease-in}
.menu-option--hover-icon-gray:hover .menu-option__icon,.menu-option--hover-icon-gray.is-active .menu-option__icon{color:var(--menu-option-hover-icon-color, #2d2d2d)}
.menu-option--hover-icon-sc3:hover .menu-option__icon,.menu-option--hover-icon-sc3.is-active .menu-option__icon{color:var(--solution-hover-color)}
.menu-option--hover-icon-sc1:hover .menu-option__icon,.menu-option--hover-icon-sc1.is-active .menu-option__icon{color:var(--solution-primary-color)}
.menu-option--icon-color-gray .menu-option__arrow{color:var(--G-7, #6F7173)}
.menu-option--icon-color-g8 .menu-option__arrow{color:var(--G-8, #4d4d4d)}
.menu-option--hover-arrow-g8:hover .menu-option__arrow,.menu-option--hover-arrow-g8.is-active:not(.is-disabled) .menu-option__arrow{color:var(--G-8, #4d4d4d)}
.menu-option--hover-arrow-sc3:hover:not(.is-disabled) .menu-option__arrow{color:var(--solution-hover-color)}
.menu-option--icon-color-sc1 .menu-option__arrow{color:var(--solution-primary-color)}
.menu-option--icon-variable .menu-option__arrow{color:var(--menu-option-arrow-color, var(--G-7, #6F7173))}
.menu-option--hover-icon-variable .menu-option__icon{color:var(--menu-option-icon-hover-color, var(--G-7, #6F7173))}
.menu-option--hover-arrow-variable:hover:not(.is-disabled) .menu-option__arrow{color:var(--menu-option-hover-arrow-color, var(--G-7, #6F7173))}
.menu-option--hover-icon-primary:hover:not(.is-disabled) .menu-option__icon{fill:var(--typo-primary, #2E3538)!important;color:var(--typo-primary, #2E3538)!important}
.menu-option--static-info .menu-option__in{padding-right:32px}
.menu-option--static-info.menu-option--arrow-left .menu-option__in,.menu-option--static-info.menu-option--arrow-right .menu-option__in{padding-right:52px}
.menu-option--static-info.menu-option--arrow-left .menu-option__arrow,.menu-option--static-info.menu-option--arrow-right .menu-option__arrow{position:absolute;top:var(--menu-option-arrow-top, 10px);right:15px}
.menu-option--static-info.menu-option--arrow-left .menu-option__info,.menu-option--static-info.menu-option--arrow-right .menu-option__info{right:36px}
.menu-option--right-content .menu-option__button{display:flex;align-items:center}
.menu-option--right-content .menu-option__in{flex-grow:1}
.menu-option.is-disabled .menu-option__button{pointer-events:none}
.menu-option.is-disabled .menu-option__icon,.menu-option.is-disabled .menu-option__arrow{color:var(--ic-light, #c7cdcf)}
.menu-option.is-disabled .menu-option__text{color:var(--G-3, #C7C8C9)}
.menu-option.is-coming-soon .menu-option__icon{color:var(--G-2, #DEDEDE)}
.menu-option.is-coming-soon .menu-option__text{color:var(--inactive, #B2B2B3)}
.menu-option.is-coming-soon:hover{background-color:var(--G-0-5, #FAFAFA)}
.menu-option.is-coming-soon:hover .menu-option__text{color:var(--inactive, #B2B2B3)}
.menu-option.with-info-tooltip .menu-option__in{padding-right:32px}
.menu-option.with-info-tooltip .tooltip{position:absolute;top:10px;right:17px;color:var(--G-3, #C7C8C9)}
.menu-option.with-info-tooltip .tooltip:hover{color:var(--G-7, #6F7173)}
.menu-option-static{height:36px;padding:0 10px;display:flex;align-items:center;border-radius:5px}
.menu-option-static__in{padding:0 5px;width:100%}
.menu-option-wrapper{overflow:hidden;border-radius:5px}
.menu-option-wrapper__list{display:flex;flex-direction:column;padding:12px 0;overflow:auto}
.menu-option-wrapper__list::-webkit-scrollbar{width:13px}
.menu-option-wrapper__list::-webkit-scrollbar-track{background-color:transparent}
.menu-option-wrapper__list::-webkit-scrollbar-thumb{box-shadow:inset 0 0 13px 13px #9b9c9e66;border:4px solid transparent;border-radius:13px;background-color:transparent}
.menu-option-wrapper__list::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 13px 13px #9b9c9e99}
.menu-option-wrapper__additional{display:flex;flex-direction:column;border-top:1px solid var(--G-1-5, #E9E9E9);padding:12px 0;background-color:var(--G-0-5, #FAFAFA)}
.menu-option-wrapper--custom-additional .menu-option-wrapper__additional{padding:0}
.menu-option-wrapper--small-list-paddings .menu-option-wrapper__list{padding:5px 0}
.menu-option-wrapper--no-padding .menu-option-wrapper__list{padding:0}
.panel-resizer{z-index:15;position:absolute;top:0;bottom:0;left:var(--resizer-left-position, -10px);right:var(--resizer-right-position, auto);overflow:hidden;width:20px;cursor:col-resize;-webkit-user-select:none;user-select:none}
.panel-resizer:before{content:"";position:absolute;top:0;bottom:0;left:var(--resizer-line-left-position, 9px);visibility:hidden;width:2px;background-color:var(--solution-primary-color);opacity:0;transition:opacity .2s ease-in-out}
.panel-resizer__slider{border-radius:5px;width:8px;height:40px;background-color:var(--solution-primary-color);position:absolute;top:0;left:var(--resizer-slider-left-position, 6px);opacity:0}
.panel-resizer:hover:before,.panel-resizer.is-hover:before{opacity:1;visibility:visible}
.panel-resizer:hover .panel-resizer__slider,.panel-resizer.is-hover .panel-resizer__slider{opacity:1}
.submenu-content{border-radius:0}
.submenu-content:before{border-radius:0}
.submenu-content--radius-top-left{border-top-left-radius:5px}
.submenu-content--radius-top-left:before{border-top-left-radius:5px}
.submenu-content--radius-top-right{border-top-right-radius:5px}
.submenu-content--radius-top-right:before{border-top-right-radius:5px}
.submenu-content--radius-bottom-right{border-bottom-right-radius:5px}
.submenu-content--radius-bottom-right:before{border-bottom-right-radius:5px}
.submenu-content--radius-bottom-left{border-bottom-left-radius:5px}
.submenu-content--radius-bottom-left:before{border-bottom-left-radius:5px}
.submenu-content.enter-active{transition:opacity .15s ease-out,transform .15s ease-out}
.submenu-content.exit-active{transition:opacity .15s ease-in,transform .15s ease-in}
.submenu-content:not(.is-animation-disabled).enter{transform:translate(-5px)}
.submenu-content:not(.is-animation-disabled).enter-active{transform:translate(0)}
.submenu-content:not(.is-animation-disabled).exit-active{transform:translate(-5px)}
.flip-horizontal .submenu-content.enter{transform:translate(5px)}
.flip-horizontal .submenu-content.enter-active{transform:translate(0)}
.flip-horizontal .submenu-content.exit-active{transform:translate(5px)}
.edit-description-textarea{min-width:340px;max-width:340px}
.edit-description-textarea.with-children .edit-description-textarea__buttons{border-top:1px solid var(--G-1, #F3F3F4)}
.edit-description-textarea__inner{padding:20px 20px 0}
.edit-description-textarea__body{padding:20px}
.edit-description-textarea__buttons{display:flex;justify-content:flex-end;padding:15px 20px}
.edit-description-textarea__button:not(:last-child){margin-right:10px}
.edit-description-textarea__control::placeholder{font-size:13px}
.widget-panel{position:relative;overflow:hidden;align-items:stretch;display:flex;flex-direction:column;height:calc(100vh - 47px);border-radius:0 0 5px 5px}
.widget-panel__head{position:relative;display:flex;align-items:center;padding:12px 20px;background-color:var(--G-0-5, #FAFAFA);border-bottom:1px solid var(--G-1-5, #E9E9E9);border-radius:5px 0 0}
.widget-panel__heading{margin-right:8px}
.widget-panel__actions{cursor:pointer;margin-right:15px}
.widget-panel__buttons{display:flex;align-items:center;margin-left:auto}
.widget-panel__close{display:flex;justify-content:center;align-items:center;color:var(--G-5, #9B9C9E);width:24px;height:24px}
.widget-panel__close:hover{color:var(--G-8, #4d4d4d)}
.widget-panel__filter{position:relative;display:flex;align-items:center;justify-content:space-between;height:35px;padding:0 20px;border-bottom:1px solid var(--G-1-5, #E9E9E9);z-index:2}
.widget-panel__nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--G-1-5, #E9E9E9);padding:0 20px}
.widget-panel__body{padding:5px 0;flex:1;display:flex;flex-direction:column;height:calc(100% - 50px)}
.widget-panel__body--no-padding{padding:0}
.widget-panel__info-icon{margin-right:15px}
.widget-panel.is-home-page-position{height:calc(100vh - 57px)}
.widget-panel-dropdown .dropdown-panel__arrow{box-shadow:#0f0f0f0d 0 0 0 1px,#0f0f0f1a 0 3px 6px}
.menu-tail-option{display:flex;align-items:center;justify-content:center;height:40px;margin-top:9px;margin-bottom:-12px;padding:0 15px;background-color:var(--menu-tail-option-bg-color, var(--solution-secondary-color));color:var(--menu-tail-option-color, var(--solution-primary-color));cursor:pointer;transition:color .15s ease-out,background-color .15s ease-out}
.menu-tail-option:hover{transition:color .2s ease-in,background-color .2s ease-in;background-color:var(--menu-tail-option-hover-bg-color, var(--solution-secondary-color));color:var(--menu-tail-option-hover-color, var(--solution-hover-color))}
.menu-tail-option__icon{margin-right:10px}
.controls-panel__head{display:flex;align-items:center;gap:15px;min-height:39px;border-bottom:1px solid var(--G-1-5, #E9E9E9);padding:0 15px}
.controls-panel__close{margin-left:auto;color:var(--G-4, #B2B2B3);cursor:pointer}
.controls-panel__close:hover{color:var(--G-8, #4d4d4d)}
.controls-panel__body{padding:var(--controls-panel-body-padding, 13px 15px)}
.controls-panel__foot{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;border-top:1px solid var(--G-1-5, #E9E9E9);padding:10px 15px}
.controls-panel__additional{display:flex;align-items:center;gap:10px}
.controls-panel__actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.controls-panel-field-group{display:flex;align-items:center}
.controls-panel-field-group__title{width:var(---panel-field-group-title-width, 40%);padding-right:10px}
.controls-panel-field-group__body{width:var(---panel-field-group-body-width, 60%)}
.controls-panel-delete-button{display:inline-flex;align-items:center;gap:6px;color:var(--G-3, #C7C8C9)}
.controls-panel-delete-button:hover{color:#ff5757}
.textarea-dropdown-panel__header{border-bottom:1px solid var(--G-1-5, #E9E9E9)}
.textarea-dropdown-panel__back{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:36px;padding-left:15px}
.textarea-dropdown-panel__back:hover{color:var(--solution-hover-color)}
.textarea-dropdown-panel__textarea.r-textarea{min-height:120px;padding:15px}
.record-picker-option{width:auto;margin-right:1px}
.record-picker-option-wrapper{padding-bottom:4px}
.record-picker-dropdown{width:100%;min-height:36px;margin-top:var(--record-picker-widget-content-margin-top, 10px)}
.record-picker-dropdown .position-content{position:relative!important;transform:none!important;margin-top:3px}
.record-picker-dropdown__list .record-picker-dropdown__list__option{--select-option-active-background: transparent;--select-option-highlight-background: transparent}
.record-picker-dropdown__list .trackYVisible .record-picker-dropdown__list__options{padding-right:15px}
.record-picker-list{display:flex;flex-direction:column;width:var(--record-picker-list-widget-width, 100%);height:100%;padding-top:var(--record-picker-widget-content-margin-top, 14px);max-height:100%;--select-option-margin-bottom: 4px;--dropdown-search-no-icon-input-gutter: 10px;--record-picker-widget-content-footer-margin: 0 15px}
.record-picker-list__wrap{display:flex;justify-content:center;width:100%;height:100%}
.record-picker-list__options{padding:10px 20px 14px}
.record-picker-list__option{border-radius:8px}
.record-picker-list-in{overflow:hidden;flex-grow:1;width:100%;padding:0}
.record-picker-list__search{flex-shrink:0;margin-right:20px;margin-bottom:4px;margin-left:20px;background-color:#0000000d}
.record-picker-list__search:hover,.record-picker-list__search.is-active{border:1px solid rgba(0,0,0,.1)}
.record-picker-list .select-list-items__scrollarea{overflow:hidden;flex-grow:1}
.record-picker-list .select-list-items__scrollarea .scrollbar .ScrollbarsCustom{height:calc(100% - 14px)!important}
.record-picker-list__option{--select-option-active-background: transparent;--select-option-highlight-background: transparent;left:20px!important;right:20px!important;width:auto!important}
.record-picker-footer{z-index:2;display:flex;flex-shrink:0;margin:var(--record-picker-widget-content-footer-margin, 0);border-top:1px solid var(--G-1-5, #E9E9E9);padding:5px}
.record-picker-footer-addnew{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 12px;border-radius:5px;transition:background-color .15s ease-out}
.record-picker-footer-addnew:hover{background-color:var(--G-1, #F3F3F4);transition:background-color .2s ease-in}
.record-picker-footer-addnew:hover .record-picker-footer-addnew__icon{color:var(--solution-hover-color)}
.record-picker-footer-addnew:hover .record-picker-footer-addnew__text{color:var(--G-9, #232B36)}
.record-picker-footer-addnew__icon{color:var(--ic-dark, #2D2D2D)}
.record-picker-footer-addnew__text{color:var(--tertiary, #6B6B6B)}
.record-picker-cover-image{z-index:3;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;width:68px;height:68px;border-radius:8px;background-color:var(--G-1, #F3F3F4);--file-preview-icon-background-size: 26px}
.record-picker-cover-image.is-renderable{--file-preview-icon-background-size: contain}
.record-picker-cover-image:hover .record-picker-cover-image__overlay{opacity:1;transition:opacity .2s ease-in}
.record-picker-cover-image.is-empty{color:var(--G-4, #B2B2B3)}
.record-picker-cover-image__overlay{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:26px;height:26px;margin:auto;background-color:#2d2d2dad;border-radius:50%;color:var(--G-0, #FFFFFF);transition:opacity .15s ease-out}
.record-picker-cover-image__preview{--file-preview-border-radius: 8px}
.checkbox{display:flex}
.checkbox:hover .checkbox__label{border-color:var(--solution-primary-color);transition:border .2s ease-in-out}
.checkbox input{display:none}
.checkbox input:checked+.checkbox__label{border-color:var(--solution-primary-color);background-color:var(--solution-primary-color)}
.checkbox input:checked+.checkbox__label:before{opacity:1}
.checkbox__label{position:relative;display:block;width:18px;height:18px;border:2px solid var(--G-2, #DEDEDE);border-radius:3px;background-color:var(--G-0, #FFFFFF);cursor:pointer}
.checkbox__label:before{content:"";opacity:0;position:absolute;top:2px;left:5px;display:block;width:5px;height:9px;border-bottom:2px solid var(--G-0, #FFFFFF);border-right:2px solid var(--G-0, #FFFFFF);transform:rotate(45deg)}
.checkbox--circle .checkbox__label{width:8px;height:8px;border-radius:50%;border:1px solid var(--solution-primary-color)}
.checkbox--circle .checkbox__label:before{content:none}
.checkbox.is-error .checkbox__label{border-color:#ff5757}
.checkbox.is-read-only{pointer-events:none}
.checkbox.is-read-only .checkbox__label{border-color:var(--G-4, #B2B2B3)!important;background-color:var(--G-4, #B2B2B3)!important}
.checkbox--currentcolor input:checked+.checkbox__label{border-color:currentColor;background-color:currentColor}
.checkbox--currentcolor.checkbox--circle .checkbox__label,.checkbox--currentcolor.checkbox--rect:hover .checkbox__label{border-color:currentColor}
.field-label{display:block;margin-bottom:4px;text-overflow:ellipsis;overflow:auto;white-space:nowrap}
.field-label--color-link{color:var(--solution-primary-color);text-decoration:none}
.field-label--color-primary{color:var(--typo-primary, #2E3538)}
.field-label--color-secondary{color:var(--typo-secondary, #878B92)}
.field-label--color-reverse{color:var(--typo-white, var(--G-0, #FFFFFF))}
.field-label--color-tertiary{color:var(--tertiary, #6B6B6B)}
.field-label--color-inactive{color:var(--inactive, #B2B2B3)}
.field-label--color-error{color:#ff5757}
.field-label--weight-light{font-weight:300}
.field-label--weight-regular{font-weight:400}
.field-label--weight-medium{font-weight:500}
.field-label--weight-semibold{font-weight:600}
.field-label--weight-bold{font-weight:700}
.field-label--weight-heavy{font-weight:900}
.react-input-field{position:relative;overflow:hidden;width:100%;border-radius:5px}
.react-input-field input{width:100%;background-color:transparent;line-height:normal;text-overflow:ellipsis;transition:border .15s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}
.react-input-field input::placeholder{font-family:inherit;letter-spacing:-.21px}
.react-input-field input::-webkit-inner-spin-button{display:none}
.react-input-field__icon{position:absolute;top:50%;display:flex;color:var(--solution-primary-color);transform:translateY(-50%);cursor:pointer}
.react-input-field__checkbox{position:absolute;top:50%;right:10px;display:flex;color:var(--solution-primary-color);transform:translateY(-50%);cursor:pointer}
.react-input-field__clear{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:28px;height:30px;color:var(--ic-light, #c7cdcf);cursor:pointer;transition:color .2s ease-in-out}
.react-input-field__clear:hover{color:var(--G-6, #868788)}
.react-input-field__clear-text{position:absolute;bottom:5px;right:7px;color:var(--typo-secondary, #878B92);cursor:pointer;transition:color .2s ease-in-out}
.react-input-field__clear-text:hover{color:#ff5757}
.react-input-field__length{position:absolute;right:0;color:var(--typo-secondary, #878B92);pointer-events:none;transition:right .25s ease-out}
.react-input-field--text-color-primary input{color:var(--typo-primary, #2E3538)}
.react-input-field--text-color-secondary input{color:var(--typo-secondary, #878B92)}
.react-input-field--text-color-reverse input{color:var(--typo-white, var(--G-0, #FFFFFF))}
.react-input-field--text-color-tertiary input{color:var(--tertiary, #6B6B6B)}
.react-input-field--text-color-inactive input{color:var(--inactive, #B2B2B3)}
.react-input-field--text-color-error input{color:#ff5757}
.react-input-field--text-color-success input{color:#3eac40}
.react-input-field--text-color-link input{color:var(--solution-primary-color)}
.react-input-field--text-color-currentColor input{color:currentColor}
.react-input-field--text-weight-regular input{font-weight:400}
.react-input-field--text-weight-medium input{font-weight:500}
.react-input-field--text-weight-semibold input{font-weight:600}
.react-input-field--text-weight-bold input{font-weight:700}
.react-input-field--text-size-xs input{font-size:11px}
.react-input-field--text-size-s input{font-size:12px}
.react-input-field--text-size-m input{font-size:13px}
.react-input-field--text-size-l input{font-size:14px}
.react-input-field--text-size-xl input{font-size:20px}
.react-input-field--placeholder-color-inactive input::placeholder{color:var(--inactive, #B2B2B3)}
.react-input-field--placeholder-color-secondary input::placeholder{color:var(--typo-secondary, #878B92)}
.react-input-field--placeholder-color-primary input::placeholder{color:var(--typo-primary, #2E3538)}
.react-input-field--background-color-transparent{background-color:transparent}
.react-input-field--background-color-white{background-color:var(--G-0, #FFFFFF)}
.react-input-field--background-color-G-0-5{background-color:var(--G-0-5, #FAFAFA)}
.react-input-field--background-color-G-1{background-color:var(--G-1, #F3F3F4)}
.react-input-field--border-color-transparent input{border:0}
.react-input-field--border-color-G-1-5 input{border:1px solid var(--G-1-5, #E9E9E9)}
.react-input-field--border-color-E5E5E5 input{border:1px solid #E5E5E5}
.react-input-field--border-hover-color-transparent input:hover{border:0}
.react-input-field--border-hover-color-G-1-5 input:hover{border:1px solid var(--G-1-5, #E9E9E9);transition:border .2s ease-in}
.react-input-field--border-hover-color-G-3 input:hover{border:1px solid var(--G-3, #C7C8C9);transition:border .2s ease-in}
.react-input-field--border-focus-color-transparent input:focus{border:0}
.react-input-field--border-focus-color-G-1-5 input:focus{border:1px solid var(--G-1-5, #E9E9E9);transition:border .2s ease-in}
.react-input-field--border-focus-color-G-3 input:focus{border:1px solid var(--G-3, #C7C8C9);transition:border .2s ease-in}
.react-input-field--border-focus-color-solution-color input:focus{border:1px solid var(--solution-primary-color);transition:border .2s ease-in}
.react-input-field--border-radius-5,.react-input-field--border-radius-5 input{border-radius:5px}
.react-input-field--border-radius-100,.react-input-field--border-radius-100 input{border-radius:100px}
.react-input-field--gutters-20 input{padding:0 20px}
.react-input-field--gutters-16 input{padding:0 16px}
.react-input-field--gutters-10 input{padding:0 10px}
.react-input-field--gutters-0 input{padding:0}
.react-input-field--gap-top-4{margin-top:4px}
.react-input-field--left-icon .react-input-field__icon{left:8px}
.react-input-field--left-icon input{padding-left:35px}
.react-input-field--right-icon .react-input-field__icon{right:8px}
.react-input-field--right-icon input{padding-right:30px}
.react-number-input-field{position:relative;width:100%;border-radius:5px;-webkit-user-select:none;user-select:none}
.react-number-input-field:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;opacity:0;pointer-events:none;border:3px solid var(--solution-primary-color);visibility:hidden;border-radius:8px;transition:opacity .15s ease-out,visibility .15s ease-out;box-sizing:border-box}
.react-number-input-field.active{box-sizing:border-box}
.react-number-input-field.active:after{visibility:visible;opacity:.3;transition:opacity .2s ease-in,visibility .2s ease-in}
.react-number-input-field.active input{box-sizing:border-box;border:1px solid var(--solution-primary-color)}
.react-number-input-field input{width:100%;padding:0 10px;background-color:transparent;line-height:normal;text-overflow:ellipsis;transition:border .15s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}
.react-number-input-field input::placeholder{font-family:inherit;letter-spacing:-.21px}
.react-number-input-field input::-webkit-inner-spin-button{display:none}
.react-number-input-field--text-color-primary input{color:var(--typo-primary, #2E3538)}
.react-number-input-field--text-color-secondary input{color:var(--typo-secondary, #878B92)}
.react-number-input-field--text-color-reverse input{color:var(--typo-white, var(--G-0, #FFFFFF))}
.react-number-input-field--text-color-tertiary input{color:var(--tertiary, #6B6B6B)}
.react-number-input-field--text-color-inactive input{color:var(--inactive, #B2B2B3)}
.react-number-input-field--text-color-error input{color:#ff5757}
.react-number-input-field--text-color-success input{color:#3eac40}
.react-number-input-field--text-color-link input{color:var(--solution-primary-color)}
.react-number-input-field--text-color-currentColor input{color:currentColor}
.react-number-input-field--text-size-xs input{font-size:11px}
.react-number-input-field--text-size-s input{font-size:12px}
.react-number-input-field--text-size-m input{font-size:13px}
.react-number-input-field--text-size-l input{font-size:14px}
.react-number-input-field--text-size-xl input{font-size:20px}
.react-number-input-field--placeholder-color-inactive input::placeholder{color:var(--inactive, #B2B2B3)}
.react-number-input-field--placeholder-color-secondary input::placeholder{color:var(--typo-secondary, #878B92)}
.react-number-input-field--placeholder-color-primary input::placeholder{color:var(--typo-primary, #2E3538)}
.react-number-input-field--background-color-transparent{background-color:transparent}
.react-number-input-field--background-color-white{background-color:var(--G-0, #FFFFFF)}
.react-number-input-field--background-color-G-0-5{background-color:var(--G-0-5, #FAFAFA)}
.react-number-input-field--background-color-G-1{background-color:var(--G-1, #F3F3F4)}
.react-number-input-field--border-color-transparent input{border:0}
.react-number-input-field--border-color-G-1-5 input{border:1px solid var(--G-1-5, #E9E9E9)}
.react-number-input-field--border-color-E5E5E5 input{border:1px solid #E5E5E5}
.react-number-input-field--border-hover-color-transparent input:hover{border:0}
.react-number-input-field--border-hover-color-G-1-5 input:hover{border:1px solid var(--G-1-5, #E9E9E9);transition:border .2s ease-in}
.react-number-input-field--border-hover-color-G-3 input:hover{border:1px solid var(--G-3, #C7C8C9);transition:border .2s ease-in}
.react-number-input-field--border-focus-color-transparent input:focus{border:0}
.react-number-input-field--border-focus-color-G-1-5 input:focus{border:1px solid var(--G-1-5, #E9E9E9);transition:border .2s ease-in}
.react-number-input-field--border-focus-color-G-3 input:focus{border:1px solid var(--G-3, #C7C8C9);transition:border .2s ease-in}
.react-number-input-field--border-focus-color-solution-color input:focus{border:1px solid var(--solution-primary-color);transition:border .2s ease-in}
.react-number-input-field--border-radius-5,.react-number-input-field--border-radius-5 input{border-radius:5px}
.react-number-input-field--border-radius-100,.react-number-input-field--border-radius-100 input{border-radius:100px}
.react-number-input-field__overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:0 11px;display:flex;align-items:center;pointer-events:none;white-space:nowrap}
.react-number-input-field__suffix-text{position:absolute;top:0;right:30px;line-height:35px}
.react-number-input-field__navigation{position:absolute;top:1px;right:0;bottom:1px;border-left:1px solid var(--G-1, #F3F3F4)}
.react-number-input-field__navigation--arrow{display:flex;width:19px;height:50%;padding:0 1px;color:var(--G-5, #9B9C9E);cursor:pointer;overflow:hidden}
.react-number-input-field__navigation--arrow:hover{color:#2d2d2d}
.react-number-input-field--auto-hide-navigation .react-number-input-field__navigation{opacity:0;pointer-events:none;transition:opacity .15s ease-out}
.react-number-input-field--auto-hide-navigation.is-focus .react-number-input-field__navigation,.react-number-input-field--auto-hide-navigation:hover .react-number-input-field__navigation{opacity:1;pointer-events:all;transition:opacity .2s ease-in}
.react-number-input-field.is-overlay-text input{color:#fff0}
.react-number-input-field.is-overlay-text.is-focus input{color:var(--typo-primary, #2E3538)}
.react-number-input-field.is-overlay-text.is-focus .react-number-input-field__overlay{opacity:0}
.react-input-group{display:flex;border-radius:5px;position:relative;width:100%;min-height:34px;transition:border-color .15s ease-out,background .15s ease-out}
.react-input-group:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;opacity:0;pointer-events:none;border:3px solid var(--input-group-shadow-color-active, var(--solution-primary-color));visibility:hidden;border-radius:8px;transition:opacity .15s ease-out,visibility .15s ease-out}
.react-input-group__tooltip.tooltip{position:absolute;top:50%;right:10px;color:#ff5757;transform:translateY(-50%)}
.react-input-group--rounded{border-radius:40px}
.react-input-group--rounded:before,.react-input-group--rounded:after{border-radius:inherit}
.react-input-group--white{border:1px solid var(--G-1-5, #E9E9E9);background-color:var(--G-0, #FFFFFF)}
.react-input-group--white:hover{border-color:var(--input-group-white-hover-border-color, var(--G-4, #B2B2B3))}
.react-input-group--white.react-input-group.is-error{background-color:var(--G-0, #FFFFFF)}
.react-input-group--grey{border:1px solid var(--G-1, #F3F3F4);background-color:var(--G-1, #F3F3F4)}
.react-input-group--grey:hover{border-color:var(--G-4, #B2B2B3)}
.react-input-group--grey.is-active:not(.react-input-group--read-only){background-color:var(--G-0, #FFFFFF);transition:background .2s ease-in}
.react-input-group--grey.is-read-only.is-active,.react-input-group--grey.is-read-only:hover,.react-input-group--grey.react-input-group--read-only.is-active,.react-input-group--grey.react-input-group--read-only:hover{border-color:var(--G-4, #B2B2B3)}
.react-input-group--grey.is-read-only.is-active:after,.react-input-group--grey.is-read-only:hover:after,.react-input-group--grey.react-input-group--read-only.is-active:after,.react-input-group--grey.react-input-group--read-only:hover:after{opacity:0;visibility:hidden}
.react-input-group--grey.is-error{background-color:var(--G-1, #F3F3F4);transition:background .2s ease-in}
.react-input-group--darken-border{border:1px solid var(--G-4, #B2B2B3)}
.react-input-group--darken-border.is-active{border-color:var(--solution-primary-color)}
.react-input-group--darken-border:focus{box-shadow:0 0 0 2px #b7e3fb}
.react-input-group--transparent{background-color:transparent;transition:background-color .2s ease-in}
.react-input-group--transparent:hover,.react-input-group--transparent.is-active{background-color:#2d2d2d33}
.react-input-group--transparent:hover .search-sort-by-dropdown,.react-input-group--transparent.is-active .search-sort-by-dropdown{background-color:var(--G-1, #F3F3F4)}
.react-input-group--transparent:after{display:none}
.react-input-group--fully-transparent{background-color:transparent;transition:background-color .2s ease-in}
.react-input-group--fully-transparent:hover,.react-input-group--fully-transparent.is-active{background-color:transparent}
.react-input-group.is-active,.react-input-group:hover,.react-input-group.is-error{transition:border-color .2s ease-in}
.react-input-group.is-active{border-color:var(--input-group-border-color-active, var(--solution-primary-color))}
.react-input-group.is-active:after{visibility:visible;opacity:.3;transition:opacity .2s ease-in,visibility .2s ease-in}
.react-input-group.is-error{background-color:var(--G-1, #F3F3F4);border-color:#ff5757;transition:background .2s ease-in}
.react-input-group.is-disabled{pointer-events:none}
.react-input-group.is-read-only>*:not(.allow-pointer-events),.react-input-group--read-only>*:not(.allow-pointer-events){pointer-events:none}
.react-input-group.is-read-only>*:not(.allow-pointer-events) *,.react-input-group--read-only>*:not(.allow-pointer-events) *{pointer-events:none}
.native-select{width:100%;padding:0 7px;border:none;background-color:transparent;color:var(--typo-primary, #2E3538);font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:border-color .15s ease-out}
.native-select--multiple{padding:7px}
.native-select--placeholder{color:var(--inactive, #B2B2B3)}
.input-picker-group{position:relative;display:flex;align-items:center;flex-wrap:wrap}
.input-picker-group--size-32{min-height:32px}
.input-picker-group--size-32 .input-picker-group__plus-button{top:7px;right:8px}
.input-picker-group--size-36{min-height:36px}
.input-picker-group--size-36 .input-picker-group__plus-button{top:9px;right:9px}
.input-picker-group--addbutton{padding-right:30px}
.input-picker-group__plus-button{position:absolute;display:inline-flex;cursor:pointer}
.picker-input-field{width:100%;display:flex;flex-wrap:wrap;padding-top:var(--picker-input-field-gutter);padding-left:4px;cursor:text}
.picker-input-field--size-32{--picker-input-field-gutter: 3px}
.picker-input-field--size-36{--picker-input-field-gutter: 4px}
.picker-input-field__placeholder{margin-bottom:var(--picker-input-field-gutter);margin-left:4px}
.picker-input-field__input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;margin:0 4px var(--picker-input-field-gutter) 4px;flex:1}
.picker-input-field__input::placeholder{text-overflow:ellipsis;color:var(--inactive, #B2B2B3)}
.picker-input-field__pill{margin:0 4px var(--picker-input-field-gutter) 0}
.limited-text-counter{text-align:right;display:inline-block;width:100%;opacity:0;transition:opacity .15s ease-out}
.limited-text-counter.is-visible{opacity:1;transition:opacity .2s ease-in}
.plain-form-control{--active-color: var(--typo-primary, #2E3538);width:100%;margin-bottom:18px}
.plain-form-control__header{display:flex;align-items:center;margin-bottom:4px}
.plain-form-control__header-icon{line-height:0;margin-right:5px;color:var(--typo-secondary, #878B92)}
.plain-form-control__tooltip{margin-left:4px}
.plain-form-control__label{margin-bottom:0;transition:color .15s ease-out}
.plain-form-control__error{margin-top:4px}
.plain-form-control__required{position:relative;margin:0 0 0 4px;padding-left:7px;line-height:100%}
.plain-form-control__required:before{content:"";position:absolute;top:50%;margin-top:-1px;height:3px;width:3px;border-radius:50%;left:0;background-color:#ff5757}
.plain-form-control:hover .plain-form-control__label,.plain-form-control:hover .plain-form-control__header-icon,.plain-form-control.is-active .plain-form-control__label,.plain-form-control.is-active .plain-form-control__header-icon{color:var(--active-color);transition:color .2s ease-in}
.plain-form-control.is-error .plain-form-control__label,.plain-form-control.is-error .plain-form-control__header-icon{color:#ff5757;transition:color .2s ease-in}
.plain-form-control__inline-help{margin-top:4px;cursor:default;white-space:break-spaces}
.plain-form-control__caption{margin-top:-3px;margin-bottom:9px}
.plain-form-control.is-row-direction{display:flex;flex-direction:row}
.plain-form-control.is-row-direction .plain-form-control__header{margin-bottom:0;width:50%}
.plain-form-control.is-row-direction .plain-form-control__body{width:50%}
.switcher{cursor:pointer;position:relative;display:inline-flex;align-items:center}
.switcher input{display:none}
.switcher__control{position:relative}
.switcher__control:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:var(--switcher-background-opacity, .3);border-radius:12px;pointer-events:none;background-color:var(--switcher-background, var(--solution-primary-color));transition:opacity .15s ease-out}
.switcher__toggle{z-index:5;position:absolute;top:2px;left:2px;width:12px;height:12px;background-color:var(--G-0, #FFFFFF);border-radius:50%;transition:transform .15s ease-out}
.switcher__label{margin-left:12px}
.switcher--size-s .switcher__control{width:30px;height:16px}
.switcher--size-s .switcher__toggle{top:2px;left:2px;width:12px;height:12px;transform:translate(14px)}
.switcher--size-l .switcher__control{width:42px;height:25px}
.switcher--size-l .switcher__toggle{top:4px;left:4px;width:17px;height:17px;transform:translate(17px)}
.switcher.is-checked .switcher__toggle{transform:translate(0);transition:transform .2s ease-in}
.switcher.is-checked .switcher__control:before{opacity:1;transition:opacity .2s ease-in}
.switcher.is-disabled{pointer-events:none}
.switcher.is-flipped.switcher--size-s .switcher__toggle{left:2px;transform:translate(0)}
.switcher.is-flipped.switcher--size-s.is-checked .switcher__toggle{transform:translate(14px)}
.switcher.is-flipped.switcher--size-l .switcher__toggle{left:4px;transform:translate(0)}
.switcher.is-flipped.switcher--size-l.is-checked .switcher__toggle{transform:translate(17px)}
.switcher-automation{cursor:pointer;position:relative;display:inline-flex;align-items:center}
.switcher-automation input{display:none}
.switcher-automation__control{position:relative}
.switcher-automation__control:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;pointer-events:none;background-color:var(--switcher-background, #B2B2B3)}
.switcher-automation__toggle{z-index:5;position:absolute;top:1px;left:1px;width:14px;height:14px;background-color:var(--G-0, #FFFFFF);border-radius:50%;transition:transform .15s ease-out}
.switcher-automation__labels{position:absolute;top:2px;left:0;width:100%;height:100%;color:var(--typo-white, var(--G-0, #FFFFFF));transition:all .4s ease-in-out;font-size:9px;line-height:11px;text-transform:uppercase;font-weight:700}
.switcher-automation__labels:after{content:attr(data-off);position:absolute;right:5px;opacity:1}
.switcher-automation__labels:before{content:attr(data-on);position:absolute;left:5px;opacity:0}
.switcher-automation .switcher-automation__control{width:41px;height:16px}
.switcher-automation.is-checked .switcher-automation__toggle{transform:translate(25px);transition:transform .2s ease-in}
.switcher-automation.is-checked .switcher-automation__control .switcher-automation__labels:after{opacity:0}
.switcher-automation.is-checked .switcher-automation__control .switcher-automation__labels:before{opacity:1}
.switcher-automation.is-checked .switcher-automation__control:before{opacity:1;transition:opacity .2s ease-in;background-color:var(--switcher-background, #3EAC40)}
.switcher-automation.is-disabled{pointer-events:none}
.r-textarea{width:100%;background-color:transparent;border:0;border-radius:5px;font-size:13px;line-height:18px;color:var(--typo-primary, #2E3538);resize:none;overflow:hidden;display:block;padding:8px 10px 7px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}
.r-textarea::placeholder{color:var(--inactive, #B2B2B3)}
.color-picker-palette{padding:16px 14px 14px}
.color-picker-palette__list{display:flex;flex-wrap:wrap;margin:0 var(--color-picker-item-indent-negative, -7.5px) var(--color-picker-item-bottom-indent-negative, -15px)}
.color-picker-palette__item{padding:0 var(--color-picker-item-indent, 7.5px);font-size:0;margin-bottom:var(--color-picker-item-bottom-indent, 15px)}
.color-picker-palette__button{min-width:var(--color-picker-item-dimension, 28px);width:var(--color-picker-item-dimension, 28px);height:var(--color-picker-item-dimension, 28px);border-radius:var(--color-picker-item-radius, 4px);transform:scale(1);transition:transform .15s ease-out;position:relative}
.color-picker-palette__button:before{content:"";position:absolute;top:50%;left:50%;width:5px;height:9px;opacity:0;border-bottom:2px solid var(--G-0, #FFFFFF);border-right:2px solid var(--G-0, #FFFFFF);transform:rotate(45deg);margin-left:-2px;margin-top:-6px;display:none;transition:opacity .15s ease-out}
.color-picker-palette__button:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:6px;border:2px solid currentColor;opacity:0;transform:scale(.95);transition:transform .15s ease-out,opacity .15s ease-out}
.color-picker-palette__button.is-darken:before{border-color:var(--ic-dark, #2D2D2D)}
.color-picker-palette__button:hover:after,.color-picker-palette__button.is-active:after{opacity:1;transform:scale(1);transition:transform .2s ease-in,opacity .2s ease-in}
.color-picker-palette__button:hover:before,.color-picker-palette__button.is-active:before{opacity:1;transition:opacity .2s ease-in}
.color-picker-palette__button.is-active:before{display:block}
.color-picker-palette-no-color{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid var(--G-1-5, #E9E9E9);height:28px;margin-bottom:16px;border-radius:4px;position:relative;cursor:pointer;transition:border-color .15s ease-out}
.color-picker-palette-no-color__check{opacity:0;position:absolute;left:7px;color:var(--solution-primary-color);transition:opacity .15s ease-out}
.color-picker-palette-no-color:hover{border-color:var(--G-3, #C7C8C9);transition:border-color .2s ease-in}
.color-picker-palette-no-color--selected{border-color:var(--solution-primary-color)}
.color-picker-palette-no-color--selected .color-picker-palette-no-color__check{opacity:1;transition:opacity .2s ease-in}
.color-picker-palette-no-color--selected:hover{border-color:var(--solution-primary-color);transition:border-color .2s ease-in}
.custom-scrollbar-textarea{overflow:hidden;display:flex;width:100%;min-width:100%}
.custom-scrollbar-textarea__scrollbar{width:100%}
.custom-scrollbar-textarea__resizer{position:absolute;right:0;bottom:0;font-size:0;color:#b6b6b9;border-radius:0 0 5px;cursor:se-resize}
.custom-scrollbar-textarea__field{min-height:100%;padding:6px 8px 5px;-ms-overflow-style:none;scrollbar-width:none;overflow:-moz-scrollbars-none}
.custom-scrollbar-textarea__field::-webkit-scrollbar{display:none!important;width:0;height:0}
.calendar-picker-group-input{display:inline-flex;align-items:center;padding:0 30px 0 10px;font-size:13px;letter-spacing:-.21px;cursor:pointer;white-space:nowrap;width:auto}
.calendar-picker-group-input__icons{display:flex;gap:10px;position:absolute;top:50%;right:7px;margin-top:-8px}
.calendar-picker-group-input.is-empty{color:var(--typo-secondary, #878B92)}
.calendar-picker-group-input.is-active .calendar-picker-group-input__icon{color:var(--solution-highlight-color)}
.radio-button input{display:none}
.radio-button input:checked+.radio-button__label:before{opacity:1}
.radio-button__wrapper{display:flex}
.radio-button__label{position:relative;display:block;width:18px;height:18px;border:2px solid var(--G-2, #DEDEDE);border-radius:50%;background-color:var(--G-0, #FFFFFF);cursor:pointer}
.radio-button__label:before{content:"";opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:8px;height:8px;background-color:var(--solution-primary-color);border-radius:50%}
.radio-button:hover:not(.is-error) .radio-button__label{border-color:var(--solution-primary-color);transition:border .2s ease-in-out}
.radio-button.is-error .radio-button__label{border-color:#ff5757}
.radio-button.is-error .radio-button__label:before{background-color:#ff5757}
.radio-button-label__icon{margin-right:8px}
.radio-button-label__container{display:flex;align-items:center;cursor:default}
.radio-button-label__control{margin-right:10px}
.radio-button-label__value{margin-top:7px}
.radio-button-label--clickable .radio-button-label__container{cursor:pointer}
.radio-button-label.is-disable{pointer-events:none;cursor:default}
.radio-button-label.is-disable .radio-button-label__content{color:var(--typo-secondary, #878B92)}
.radio-button-label:hover:not(.is-error) .radio-button-label__radio-button .radio-button__label{border-color:var(--solution-primary-color);transition:border .2s ease-in-out}
.checkbox-label{position:relative}
.checkbox-label__in{display:flex;align-items:center;cursor:pointer}
.checkbox-label__in:hover .checkbox-label__checkbox .checkbox__label{border-color:var(--solution-primary-color);transition:border .2s ease-in-out}
.checkbox-label__control{margin-right:10px}
.checkbox-label__error{margin-top:4px}
.checkbox-label.is-disable .checkbox-label__in{pointer-events:none;cursor:default;color:var(--typo-secondary, #878B92)}
.checkbox-label--error-overlap .checkbox-label__error{position:absolute;top:100%;left:0}
.basic-onoff{overflow:hidden;position:relative;display:flex;align-items:center;flex-shrink:0;cursor:pointer}
.basic-onoff input{position:absolute;opacity:0;visibility:hidden}
.basic-onoff__control{position:relative;display:inline-flex;height:26px;border:1px solid var(--border-color);border-radius:5px;background-color:var(--default-color);color:var(--G-7, #6F7173);transition:background-color .2s ease-in-out}
.basic-onoff__control:hover{background-color:var(--default-hover, inherit)}
.basic-onoff__placeholders{opacity:0;overflow:hidden;display:flex;flex-direction:column;height:3px;margin:0 var(--toggle-offset, 3px);border:var(--toggle-offset, 3px) solid transparent;padding-right:var(--toggle-width, 20px);pointer-events:none;visibility:hidden}
.basic-onoff__toggle{z-index:5;position:absolute;top:50%;left:var(--toggle-offset, 3px);width:var(--toggle-width, 20px);height:20px;border-radius:3px;background-color:var(--toggle-color);transition:all .2s cubic-bezier(.55,.085,.68,.53);transform:translateY(-50%)}
.basic-onoff__lines{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:1px;height:13px;margin:auto;background-color:var(--G-2, #DEDEDE)}
.basic-onoff__lines:before{content:"";position:absolute;top:0;left:-4px;display:block;width:1px;height:inherit;background-color:var(--G-2, #DEDEDE)}
.basic-onoff__lines:after{content:"";position:absolute;top:0;right:-4px;display:block;width:1px;height:inherit;background-color:var(--G-2, #DEDEDE)}
.basic-onoff__on{opacity:0;position:absolute;top:0;right:calc(var(--toggle-width, 20px) + var(--toggle-offset, 3px) * 2);bottom:0;left:var(--toggle-offset, 3px);display:flex;align-items:center;justify-content:center;color:var(--G-0, #FFFFFF);transition:opacity .2s ease-in-out}
.basic-onoff__off{position:absolute;top:0;right:var(--toggle-offset, 3px);bottom:0;left:calc(var(--toggle-width, 20px) + var(--toggle-offset, 3px) * 2);display:flex;align-items:center;justify-content:center;color:var(--G-0, #FFFFFF);transition:opacity .2s ease-in-out}
.basic-onoff.is-checked .basic-onoff__control{background-color:var(--active-color);color:var(--G-0, #FFFFFF)}
.basic-onoff.is-checked .basic-onoff__control:hover{background-color:var(--active-hover, inherit)}
.basic-onoff.is-checked .basic-onoff__toggle{left:100%;margin-left:calc(var(--toggle-offset, 3px) * -1);background-color:var(--active-toggle-color);transform:translate(-100%,-50%)}
.basic-onoff.is-checked .basic-onoff__on{opacity:1}
.basic-onoff.is-checked .basic-onoff__off{opacity:0}
.basic-onoff.is-read-only{pointer-events:none}
.basic-onoff.is-reverse .basic-onoff__toggle{left:100%;margin-left:calc(var(--toggle-offset, 3px) * -1);background-color:var(--active-toggle-color);transform:translate(-100%,-50%)}
.basic-onoff.is-reverse .basic-onoff__on{right:var(--toggle-offset, 3px);left:calc(var(--toggle-width, 20px) + var(--toggle-offset, 3px) * 2)}
.basic-onoff.is-reverse .basic-onoff__off{left:var(--toggle-offset, 3px);right:calc(var(--toggle-width, 20px) + var(--toggle-offset, 3px) * 2)}
.basic-onoff.is-reverse.is-checked .basic-onoff__toggle{left:var(--toggle-offset, 3px);margin-left:0;transform:translateY(-50%)}
.basic-onoff--xxl{--toggle-width: 25px}
.basic-onoff--xxl .basic-onoff__control{min-width:65px;height:36px;border-radius:5px}
.basic-onoff--xxl .basic-onoff__toggle{height:30px}
.basic-onoff--xxl .basic-onoff__lines{height:20px}
.basic-onoff--xl .basic-onoff__control{min-width:54px}
.basic-onoff--l{--toggle-offset: 2px}
.basic-onoff--l .basic-onoff__control{min-width:54px;height:24px}
.basic-onoff--m{--toggle-width: 12px;--toggle-offset: 2px}
.basic-onoff--m .basic-onoff__control{min-width:41px;height:16px;border-radius:8px}
.basic-onoff--m .basic-onoff__toggle{height:12px;border-radius:50%}
.basic-onoff--s{--toggle-width: 12px;--toggle-offset: 2px}
.basic-onoff--s .basic-onoff__control{min-width:30px;height:16px;border-radius:8px}
.basic-onoff--s .basic-onoff__toggle{height:12px;border-radius:50%}
.basic-onoff--xs{--toggle-width: 8px}
.basic-onoff--xs .basic-onoff__control{min-width:26px;height:14px;border-radius:8px}
.basic-onoff--xs .basic-onoff__toggle{height:8px;border-radius:50%}
.basic-onoff--xxs{--toggle-width: 6px;--toggle-offset: 2px}
.basic-onoff--xxs .basic-onoff__control{min-width:18px;height:10px;border-radius:8px}
.basic-onoff--xxs .basic-onoff__toggle{height:6px;border-radius:50%}
.basic-onoff--s .basic-onoff__control,.basic-onoff--xs .basic-onoff__control,.basic-onoff--xxs .basic-onoff__control{border:none;background-color:transparent}
.basic-onoff--s .basic-onoff__control:before,.basic-onoff--xs .basic-onoff__control:before,.basic-onoff--xxs .basic-onoff__control:before{content:"";opacity:.3;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background-color:var(--solution-primary-color);pointer-events:none;transition:opacity .15s ease-out}
.basic-onoff--s .basic-onoff__toggle,.basic-onoff--xs .basic-onoff__toggle,.basic-onoff--xxs .basic-onoff__toggle{background-color:var(--G-0, #FFFFFF)}
.small-color-picker-palette{background-color:var(--G-0-5, #FAFAFA);padding:12px 0 0;max-width:350px;border-radius:4px}
.small-color-picker-palette__button{width:17px;height:17px;min-width:17px;border-radius:4px;margin-bottom:12px;margin-right:9px;margin-left:9px;position:relative}
.small-color-picker-palette__button:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:1px solid var(--solution-primary-color);border-radius:5px;opacity:0;transform:scale(.95);transition:opacity .15s ease-out,transform .15s ease-out}
.small-color-picker-palette__button.is-active:before,.small-color-picker-palette__button:hover:before{opacity:1;transform:scale(1);transition:opacity .2s ease-in,transform .2s ease-in}
.r-color-mixer{width:100%;height:100%;display:flex;position:relative}
.r-color-mixer.is-rounded .react-colorful__saturation,.r-color-mixer.is-rounded .react-colorful__hue{border-radius:8px}
.r-color-mixer__mirror{height:calc(100% - 20px);width:25%}
.r-color-mixer__container.react-colorful{width:100%;height:100%}
.r-color-mixer .react-colorful__saturation{border-radius:0;margin-bottom:10px;border-bottom:none;overflow:hidden}
.r-color-mixer .react-colorful__hue{height:10px;border-radius:0}
.r-color-mixer .react-colorful__pointer{width:10px;height:10px;border:1px solid var(--G-0, #FFFFFF)}
.r-color-mixer .react-colorful__hue-pointer{width:16px;height:16px;border:4px solid var(--G-0, #FFFFFF);box-shadow:1px 1px 7px #0000001f}
.r-color-mixer .react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%)}
.r-color-mixer--mirror .r-color-mixer__container.react-colorful{position:absolute}
.r-color-mixer--mirror .react-colorful__saturation{margin-left:25%}
.smart-input-group{width:100%;margin-bottom:18px}
.smart-input-group.is-active .smart-input-group__title{color:var(--solution-primary-color)}
.smart-input-group.is-error .smart-input-group__title{color:#ff5757}
.smart-input-group__head{display:flex;gap:10px;margin-bottom:5px}
.smart-input-group__hat{overflow:hidden;flex-grow:1;min-height:20px;margin-bottom:1px}
.smart-input-group__label{display:flex;align-items:center}
.smart-input-group__required{margin-left:2px}
.smart-input-group__actions{display:flex;align-items:center;gap:5px;margin-left:auto}
.smart-input-group__foot{display:flex;min-height:16px;margin-top:2px}
.checkbox-pill{position:relative;display:inline-flex;border-radius:4px;background-color:var(--G-0-5, #FAFAFA);transition:border-color .15s ease-out,background-color .15s ease-out;cursor:pointer}
.checkbox-pill:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid var(--G-1-5, #E9E9E9);transition:border-color .15s ease-out,opacity .15s ease-out;pointer-events:none}
.checkbox-pill:hover:before{border-color:var(--G-3, #C7C8C9);transition:border-color .2s ease-in,opacity .2s ease-in}
.checkbox-pill.is-checked{background-color:var(--solution-secondary-color)}
.checkbox-pill.is-checked:before{opacity:.3;border-color:var(--solution-primary-color);transition:border-color .2s ease-in,opacity .2s ease-in}
.checkbox-pill__field label{padding:9px 11px}
.rect-checkbox{position:relative;display:inline-flex;max-width:100%;padding-left:27px}
.rect-checkbox:not(.is-disabled){cursor:pointer}
.rect-checkbox:not(.is-disabled):not(.is-checked):hover:before{border-color:var(--G-3, #C7C8C9)}
.rect-checkbox.is-checked:after{opacity:1;transition:opacity .2s ease-in}
.rect-checkbox.is-disabled{color:var(--typo-secondary, #878B92)}
.rect-checkbox:before{content:" ";position:absolute;top:0;left:0;width:18px;height:18px;border:1px solid var(--G-2, #DEDEDE);border-radius:3px;box-sizing:border-box;transition:border-color .15s ease-out}
.rect-checkbox:after{opacity:0;content:" ";position:absolute;top:4px;left:4px;display:block;width:10px;height:10px;border-radius:2px;background-color:var(--solution-primary-color);transition:opacity .15s ease-out}
.rect-checkbox__input{position:absolute;visibility:hidden;opacity:0}
.search-input-field:hover .search-input-field__icon{color:var(--search-field-icon-color-hover, var(--G-4, #B2B2B3))}
.search-input-field.is-active .search-input-field__icon{color:var(--search-field-icon-color-active, var(--G-4, #B2B2B3))}
.search-input-field__icon{position:absolute;top:50%;left:var(--search-field-icon-left, 10px);color:var(--search-field-icon-color, var(--G-3, #C7C8C9));transform:translateY(-50%)}
.search-input-field__input{padding-left:var(--search-field-padding-left, 22px)}
.enable-checkbox{position:relative;display:flex;align-items:flex-start;gap:8px;width:100%;padding:10px;background-color:var(--G-0-5, #FAFAFA);border-radius:8px;font-size:13px;line-height:18px;cursor:pointer}
.enable-checkbox.is-active{background-color:#eef6ee}
.enable-checkbox__body{padding-right:30px}
.enable-checkbox__loader{position:absolute;top:12px;right:12px}
.color-picker-select__panel{border-radius:8px}
.color-picker-select__dropdown{display:flex;flex-direction:column;gap:13px;padding:12px}
.color-picker-select__mixer{width:100%;height:176px}
.color-picker-select__actions{display:flex;gap:10px;margin-top:5px}
.color-picker-select__format-select{max-width:70px}
.color-preview{position:relative;flex-shrink:0;width:22px;height:22px;border-radius:50%}
.color-preview--transparent{border:1px solid var(--G-2, #DEDEDE)}
.color-preview--transparent:after{content:" ";position:absolute;top:50%;right:0;left:0;height:1px;background-color:#ff5757;transform:rotate(-45deg)}
.color-preview--white{border:1px solid var(--G-2, #DEDEDE)}
.colors-list__title{margin-bottom:6px}
.colors-list__items{display:flex;flex-wrap:wrap;gap:10px 7px}
.colors-list__item{cursor:pointer}
.colors-list__item:before{content:" ";opacity:0;position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;box-shadow:-1px 4px 8px #80808080;transition:opacity .15s ease-out}
.colors-list__item:hover:before{opacity:1;transition:opacity .2s ease-in}
.colors-list__tooltip{text-transform:capitalize}
.color-picker-field{position:relative;display:flex;align-items:center;gap:11px;width:100%;height:100%;min-height:34px;cursor:pointer}
.color-picker-field input{padding:0 28px 0 40px}
.color-picker-field.is-active .color-picker-field__arrow{color:var(--solution-primary-color);transform:rotate(180deg);transition:transform .2s ease-in}
.color-picker-field.is-active .color-picker-field__copy{color:var(--solution-primary-color)}
.color-picker-field.is-active .color-picker-field__copy:hover{color:var(--solution-hover-color)}
.color-picker-field__preview{position:absolute;top:50%;left:9px;width:20px;height:20px;border:1px solid var(--G-1-5, #E9E9E9);transform:translateY(-50%)}
.color-picker-field__arrow{position:absolute;top:10px;right:10px;transition:transform .15s ease-out}
.color-picker-field__copy{position:absolute;top:9px;right:9px}
.color-picker-field__copy:hover{color:var(--solution-hover-color)}
.due-date-control{overflow:hidden;display:inline-flex;align-items:flex-start;position:relative;width:100%}
.due-date-control--with-label .due-date-control__text{padding-left:7px}
.due-date-control__icon{margin:0 4px}
.due-date-control__tooltip{display:flex;align-items:center;justify-content:center;position:absolute;height:100%;width:100%;left:0;top:0}
.due-date-control__tooltip-icon{color:#ff5757}
.due-date-control__tooltip-icon:hover{color:#f1273f}
.due-date-control__arrow{position:absolute;right:0;top:0;bottom:0;width:20px;display:flex;justify-content:center;align-items:center;color:var(--solution-primary-color);transform:rotate(180deg);background-color:var(--G-0, #FFFFFF)}
.due-date-control__clear{position:absolute;top:50%;margin-top:-8px;right:10px;color:var(--ic-light, #c7cdcf);opacity:0;transition:opacity .15s ease-out}
.due-date-control__clear:hover{color:var(--solution-primary-color);transition:opacity .2s ease-in}
.due-date-control:hover .due-date-control__clear{opacity:1;transition:opacity .2s ease-in}
.due-date-control.is-grid-view .due-date-control__clear{color:#000;top:0;margin-top:0;right:20px;bottom:0;opacity:1;display:flex;align-items:center;width:18px;justify-content:flex-end;background-color:var(--G-0, #FFFFFF)}
.due-date-label-checkmark{display:flex;margin-top:var(--due-date-checkmark-top-indent, 0);cursor:default}
.due-date-label-checkmark--overdue{position:relative}
.due-date-label-checkmark--overdue:after{content:"";position:absolute;top:0;right:0;width:5px;height:5px;background:red;border-radius:2px}
.due-date-label-badge{color:var(--G-0, #FFFFFF);display:flex;align-items:center;justify-content:center;min-width:17px;height:16px;border-radius:5px;margin-top:var(--due-date-checkmark-top-indent, 0);font-size:11px;padding:0 3px;line-height:10px;letter-spacing:-.18px;font-weight:700;cursor:default}
.due-date-label-tooltip{display:flex;margin-top:2px}
.color-picker-modern-palette-item{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:6px;color:var(--G-0, #FFFFFF)}
.color-picker-modern-palette-item:hover .color-picker-modern-palette-item__checkmark{opacity:.33;transition:opacity .2s ease-in}
.color-picker-modern-palette-item.is-darken{color:var(--G-8, #4d4d4d)}
.color-picker-modern-palette-item.is-bordered{border:1px solid var(--G-2, #DEDEDE);color:var(--G-8, #4d4d4d)}
.color-picker-modern-palette-item.is-active .color-picker-modern-palette-item__checkmark{opacity:1;transition:opacity .2s ease-in}
.color-picker-modern-palette-item__checkmark{opacity:0;transition:opacity .15s ease-out}
.color-picker-modern-palette{display:flex;align-items:flex-start;gap:8px}
.color-picker-modern-palette__list,.color-picker-modern-palette__preselected{display:flex;flex-wrap:wrap;gap:10px 8px}
.color-picker-modern-palette__preselected{min-width:var(--color-picker-modern-palette-preselected-width)}
.change-title-form{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}
.change-title-form:hover .change-title-form__wrapper{border-color:var(--G-8, #4d4d4d);transition:border-color .2s ease-in}
.change-title-form.is-error .change-title-form__wrapper{border-color:#ff5757;transition:border-color .2s ease-in}
.change-title-form.is-error .change-title-form__accept-button{background-color:var(--G-1, #F3F3F4);color:var(--G-8, #4d4d4d);pointer-events:none}
.change-title-form.is-focused .change-title-form__wrapper{width:100%;border-bottom:0}
.change-title-form__wrapper{position:relative;height:23px;border-bottom:1px dashed var(--G-3, #C7C8C9);transition:border-color .15s ease-out}
.change-title-form__control{max-width:var(--change-title-control-max-width, 100%);height:23px;padding-right:20px}
.change-title-form__button{position:absolute;top:2px;right:0;display:inline-flex;color:var(--G-3, #C7C8C9)}
.change-title-form__button:hover{color:var(--G-8, #4d4d4d)}
.change-title-form__input-wrapper{display:flex;align-items:center;gap:15px;height:23px}
.change-title-form__input{width:100%;height:23px;border-bottom:1px solid var(--solution-primary-color);border-radius:0}
.change-title-form__input input{padding:0;font-weight:500;font-size:14px}
.change-title-form__accept-button{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;border-radius:4px;background-color:#eef6ee;transition:background-color .2s ease-in}
.change-title-form__accept-button:hover{background-color:#cdeece;transition:background-color .15s ease-out}
.tooltip-item{position:relative;display:inline-block;will-change:transform}
.tooltip-item__in{overflow:hidden;max-width:261px;padding:4px 10px;border-radius:5px}
.tooltip-item__close{z-index:2;position:absolute;top:10px;right:10px}
.tooltip-item--text{white-space:nowrap}
.tooltip-item--pointer-events{pointer-events:all}
.tooltip-item--close .tooltip-item__in{padding-right:20px}
.tooltip-item--follow-cursor{position:fixed;top:0;left:0;padding:15px;pointer-events:none}
.tooltip-item--follow-cursor .tooltip-item__in{display:flex;padding:7px 12px}
.tooltip-item--align-start{text-align:left}
.tooltip-item--align-center{text-align:center}
.tooltip-item--align-end{text-align:right}
.tooltip-item.tooltip-item--placement-left:before{left:100%}
.tooltip-item.tooltip-item--placement-top{top:0;left:-22px}
.tooltip-item.tooltip-item--placement-top:before{top:100%;left:32px}
.tooltip-item.tooltip-item--placement-bottom{top:0;left:-22px}
.tooltip-item.tooltip-item--placement-bottom:before{top:0;left:32px}
.tooltip-item.tooltip-item--placement-top-left{top:-15px;left:-15px}
.tooltip-item.tooltip-item--placement-top-left .tooltip-item__in{transform:translate(-100%,-100%)}
.tooltip-item.tooltip-item--placement-top-right{top:-15px}
.tooltip-item.tooltip-item--placement-top-right .tooltip-item__in{transform:translateY(-100%)}
.tooltip-item.tooltip-item--placement-bottom-left{left:-15px}
.tooltip-item.tooltip-item--placement-bottom-left .tooltip-item__in{transform:translate(-100%)}
.tooltip-item--wrap{width:261px;white-space:normal}
.tooltip-adavanced-content{padding:16px 12px;white-space:normal}
.tooltip-adavanced-content--text-only{padding:0}
.tooltip-adavanced-content--text-align-left .tooltip-adavanced-content__text{text-align:left}
.tooltip-adavanced-content--text-align-center .tooltip-adavanced-content__text{text-align:center}
.tooltip-adavanced-content--text-align-right .tooltip-adavanced-content__text{text-align:right}
.tooltip-adavanced-content--padding-small{padding:6px 5px}
.tooltip-adavanced-content--padding-uniform{padding:6px 0}
.tooltip-adavanced-content__image{overflow:hidden;display:flex;max-width:100%;margin-bottom:12px;border-radius:4px}
.tooltip-adavanced-content__title{margin-bottom:12px}
.tooltip-adavanced-content__text{display:flex;align-items:flex-start;flex-flow:column}
.tooltip-adavanced-content__button{margin-top:var(--tooltip-content-button-margin-top, 22px)}
.tooltip-adavanced-content__link{position:relative;display:inline-flex;align-items:center;height:24px;padding-right:16px;font-weight:600;font-size:12px;line-height:150%;color:var(--G-0, #FFFFFF);transition:color .15s ease-out}
.tooltip-adavanced-content__link:hover{color:var(--solution-primary-color);transition:color .2s ease-in}
.tooltip-adavanced-content__link:after{content:" ";position:absolute;top:50%;right:0;border:4px solid transparent;border-left-color:currentColor;transform:translateY(-50%)}
.tooltip-adavanced-content__link span{border-bottom:1px solid;line-height:120%}
.tooltip-adavanced-content__warning{position:relative;display:flex;margin-top:8px;padding:10px 10px 10px 36px;background-color:#ff5757;border-radius:5px}
.tooltip-adavanced-content__warning .icon{position:absolute;top:50%;left:10px;transform:translateY(-50%)}
.tooltip-link-content{min-width:180px;padding:6px 0}
.tooltip-link-content__image{overflow:hidden;display:flex;max-width:100%;margin-bottom:9px;border-radius:4px}
.tooltip-link-content__url{margin-bottom:8px}
.tooltip-hotkey-content{display:flex;align-items:center}
.tooltip-hotkey-content__key{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:14px;margin-left:5px;padding:0 3px;background-image:linear-gradient(to bottom,#eee,#d8d8d8);border-radius:3px}
.react-tiny-popover-container{pointer-events:none}
.tooltip{position:relative}
.tooltip__outside.is-cursor-pointer{cursor:pointer}
.tooltip--inline-block{display:inline-block}
.tooltip--inline-flex{display:inline-flex}
.tooltip--inline-flex .tooltip__outside{display:inline-flex;align-items:center}
.tooltip--block{display:block}
.tooltip--inline,.tooltip--inline .tooltip__outside{display:inline}
@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}
.shortcuts{display:flex;align-items:center}
.shortcuts__item{display:flex;color:var(--shortcuts-color, currentColor)}
.shortcuts__item:not(:last-child){margin-right:6px}
.shortcut-item-wrapper{display:flex;align-items:center;gap:3px}
.shortcut-item{display:inline-flex;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;background-color:#fafafa33;border-radius:5px;font-weight:600;font-size:10px;line-height:100%;color:var(--G-3, #C7C8C9);text-transform:uppercase;letter-spacing:1px;text-align:center}
.field-group-compact{display:table-row;position:relative}
.field-group-compact:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;opacity:0;pointer-events:none;border:3px solid var(--solution-primary-color);visibility:hidden;border-radius:8px;transition:opacity .15s ease-out,visibility .15s ease-out}
.field-group-compact__column{position:relative;background-color:var(--G-1, #F3F3F4);height:100%;width:auto;text-align:right;padding:8px 10px 0;border:1px solid var(--G-1-5, #E9E9E9);border-radius:5px 0 0 5px;color:var(--typo-secondary, #878B92);white-space:nowrap;font-size:11px;line-height:16px;text-transform:uppercase;font-weight:600;transition:border-color .15s ease-out}
.field-group-compact__column+.field-group-compact__body{border-left:0;border-radius:0 5px 5px 0}
.field-group-compact__column+.field-group-compact__body:before,.field-group-compact__column+.field-group-compact__body:after{content:"";position:absolute;width:3px;border-top:1px solid var(--G-1-5, #E9E9E9);transition:border-color .15s ease-out}
.field-group-compact__column+.field-group-compact__body:before{top:-1px;left:-2px}
.field-group-compact__column+.field-group-compact__body:after{bottom:-1px;left:-2px}
.field-group-compact__caption-icon{color:var(--ic-light, #c7cdcf);display:flex}
.field-group-compact__body{position:relative;width:100%;height:100%;border:1px solid var(--G-1-5, #E9E9E9);border-radius:5px;transition:border-color .15s ease-out}
.field-group-compact__column,.field-group-compact__body{display:table-cell;vertical-align:top}
.field-group-compact__tooltip{position:absolute;top:50%;right:10px;color:#ff5757;transform:translateY(-50%);cursor:pointer}
.field-group-compact:hover .field-group-compact__body,.field-group-compact:hover .field-group-compact__column,.field-group-compact:hover .field-group-compact__body:after,.field-group-compact:hover .field-group-compact__body:before{border-color:var(--G-3, #C7C8C9);transition:border-color .2s ease-in,color .2s ease-in}
.field-group-compact:hover .field-group-compact__caption{color:var(--typo-primary, #2E3538)}
.field-group-compact.is-active .field-group-compact__body,.field-group-compact.is-active .field-group-compact__column,.field-group-compact.is-active .field-group-compact__body:after,.field-group-compact.is-active .field-group-compact__body:before{border-color:var(--solution-primary-color)}
.field-group-compact.is-active .field-group-compact__column{border-right-color:var(--G-3, #C7C8C9)}
.field-group-compact.is-active .field-group-compact__caption-icon{color:var(--solution-primary-color)}
.field-group-compact.is-active:after{visibility:visible;opacity:.3;transition:opacity .2s ease-in,visibility .2s ease-in}
.field-group-compact:hover .field-group-compact__column,.field-group-compact.is-active .field-group-compact__column{color:var(--typo-primary, #2E3538)}
.field-group-compact.is-error .field-group-compact__body,.field-group-compact.is-error .field-group-compact__column,.field-group-compact.is-error .field-group-compact__body:after,.field-group-compact.is-error .field-group-compact__body:before{border-color:#ff5757}
.field-group-compact.is-error .field-group-compact__column{border-right-color:var(--G-1-5, #E9E9E9)}
.field-group-compact.is-error.is-required .field-group-compact__column:before{content:"";z-index:1;position:absolute;top:3px;left:3px;width:7px;height:7px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjdweCIgdmlld0JveD0iMCAwIDcgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuMSAoNjcwNDgpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlJRVDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xLDAgTDcsMCBMMCw3IEwwLDEgQy02Ljc2MzUzNzUxZS0xNywwLjQ0NzcxNTI1IDAuNDQ3NzE1MjUsMS4wMTQ1MzA2M2UtMTYgMSwwIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWlzYy0vLVJRVC10YWciPgogICAgICAgICAgICA8ZyBpZD0iUlFUIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8ZyBpZD0i8J+OqC1Db2xvcnMtLy1NYWluLS8tNCIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjRkY1QTVGIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0i8J+OqC1Db2xvci1Db3B5LTMiIHg9IjAiIHk9IjAiIHdpZHRoPSI3IiBoZWlnaHQ9IjciPjwvcmVjdD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)}
.field-group-compact.is-read-only .field-group-compact__body *,.field-group-compact.is-read-only .field-group-compact__column *{pointer-events:none}
.field-group-compact--select .field-group-compact__column{padding:0;text-align:right}
.field-group-compact--select:hover .field-group-compact__column,.field-group-compact--select.is-active .field-group-compact__column,.field-group-compact--select.is-error .field-group-compact__column{border-right-color:var(--G-1-5, #E9E9E9)}
.field-group-compact--grey .field-group-compact__body{background-color:var(--G-1, #F3F3F4)}
.field-group-compact--grey.is-active .field-group-compact__body,.field-group-compact--grey.is-error .field-group-compact__body{background-color:var(--G-0, #FFFFFF)}
.field-group-compact.caption-right .field-group-compact__column{text-align:right}
.input-group-compact-wrapper{display:table;width:100%;margin:-12px 0;border-spacing:0 12px}
.r-search-field{display:flex;align-items:center;position:relative;width:100%}
.r-search-field__icon{display:flex;color:var(--search-icon-color, var(--ic-light, #c7cdcf));margin-right:3px}
.r-search-field__input{flex-grow:1;display:flex}
.r-search-field__clear{color:var(--ic-light, #c7cdcf);display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .15s ease-out,visibility .15s ease-out}
.r-search-field__clear:hover{color:#ff5757}
.r-search-field__line{position:absolute;bottom:0;left:0;right:0;height:1px;border-radius:20px;background-color:var(--solution-primary-color);transition:transform .25s ease-in-out,background .25s ease-in-out;transform:scaleX(0);transform-origin:left top}
.r-search-field.is-focus .r-search-field__line,.r-search-field.is-active .r-search-field__line{transform:scaleX(1)}
.r-search-field.is-active:not(.is-focus) .r-search-field__line{background-color:var(--G-2, #DEDEDE)}
.r-search-field.is-clear-visible .r-search-field__clear{opacity:1;visibility:visible;transition:opacity .2s ease-in,visibility .2s ease-in}
.r-search-field--main{padding-left:9px;padding-bottom:3px}
.r-search-field--main .r-search-field__clear{margin-right:10px}
.r-search-field--light{background-color:var(--G-0-5, #FAFAFA);border-radius:5px}
.r-search-field--outsides{padding:0 10px}
.r-search-field--dark-clear .r-search-field__clear{color:var(--ic-dark, #2D2D2D)}
.r-search-field--highlight.is-active .r-search-field__icon{color:var(--search-icon-highlight-color)}
.month-day-picker{column-gap:8px;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:8px;width:244px}
.month-day-picker__option{background-color:var(--default-button-bg-color);border-radius:9999px;color:var(--typo-primary, #2E3538);flex:auto 0 0;height:28px;padding:5px 0;transition:background-color ease .2s,color ease .2s;width:28px}
.month-day-picker__option.selected{background-color:var(--solution-primary-color);color:var(--G-0, #FFFFFF)}
.month-day-picker__option.expanded{flex:auto 1 0;height:auto}
.month-day-picker__option:hover{background-color:var(--solution-hover-color);color:var(--G-0, #FFFFFF)}
.week-day-picker{display:flex;flex-direction:row;column-gap:8px}
.week-day-picker__option{border-radius:70px;padding:5px 8px;color:var(--typo-primary, #2E3538);background-color:var(--default-button-bg-color);min-width:30px;flex:auto 0 0;transition:background-color ease .2s,color ease .2s}
.week-day-picker__option.selected{background-color:var(--solution-primary-color);color:var(--G-0, #FFFFFF)}
.week-day-picker__option:hover{background-color:var(--solution-hover-color);color:var(--G-0, #FFFFFF)}
.capsule-select{height:33px;display:inline-block;position:relative}
.combo-select{display:flex;flex:1 auto;background-color:var(--G-0-5, #FAFAFA);border-radius:5px;max-width:100%}
.combo-select__main{flex-basis:100%;overflow:hidden;border-radius:5px;border-right:1px solid var(--G-1-5, #E9E9E9);background-color:var(--G-0, #FFFFFF);transition:border .15s ease-out}
.combo-select__main:hover{border-right-color:var(--G-3, #C7C8C9);transition:border .2s ease-in}
.combo-select__aggregation{min-width:70px;position:relative;border-right:1px solid var(--G-1-5, #E9E9E9)}
.combo-select__mark{border-right:1px solid var(--G-1-5, #E9E9E9)}
.combo-select__color-picker{display:flex;align-items:center;padding-left:5px}
.combo-select__delete{padding:0 10px;color:var(--ic-light, #c7cdcf);cursor:pointer;display:flex;align-items:center}
.combo-select__delete:hover{color:var(--ic-dark, #2D2D2D)}
.combo-select__delete.is-disabled{opacity:.5;pointer-events:none}
.combo-select:not(.combo-select--only-fields) .combo-select__aggregation,.combo-select:not(.combo-select--only-fields) .combo-select__main{border-right:none}
.combo-select--big-aggregation .combo-select__aggregation{min-width:95px}
.combo-select--aggregation:not(.combo-select--only-fields) .combo-select__aggregation,.combo-select--aggregation:not(.combo-select--only-fields) .combo-select__main{border-right:1px solid var(--G-1-5, #E9E9E9)}
.combo-select--disable-colors:not(.combo-select--only-fields) .combo-select__aggregation{border-right:none}
.capsule-option{height:28px;padding:0 10px;display:flex;align-items:center;border-radius:5px}
.capsule-option.is-selected{padding-right:0;padding-left:0}
.checkmark-option{position:relative;height:var(--checkmark-option-height, 36px);display:flex;align-items:center;border-radius:5px;gap:10px;padding:0 10px 0 36px;color:var(--checkmark-option-color, #6B6B6B)}
.checkmark-option:hover{color:var(--checkmark-option-hover-color)}
.checkmark-option.is-placeholder{padding-left:var(--checkmark-option-gutter, 5px);color:var(--checkmark-placeholder-color)}
.checkmark-option.is-selected{--checkmark-option-color: #2E3538}
.checkmark-option.is-selected:before{content:" ";position:absolute;top:50%;left:20px;display:block;width:5px;height:9px;border-right:2px solid var(--solution-primary-color);border-bottom:2px solid var(--solution-primary-color);transform:translateY(-50%) rotate(45deg)}
.checkmark-option--right-align-selected{padding-left:var(--checkmark-option-gutter, 10px)}
.checkmark-option--right-align-selected.is-selected{padding-right:36px}
.checkmark-option--right-align-selected.is-selected:before{left:auto;right:var(--checkmark-option-icon-right, 20px);border-color:#3eac40}
.checkmark-option__note{margin-left:auto}
.role-option{color:var(--typo-secondary, #878B92);padding:9px 10px}
.role-option:hover{color:var(--typo-primary, #2E3538)}
.removable-static-option{display:flex;align-items:center;gap:5px;width:100%;height:36px;border:1px solid var(--G-1-5, #E9E9E9);padding:0 10px 0 13px;border-radius:5px;background-color:var(--G-0-5, #FAFAFA)}
.removable-static-option__delete{margin-left:auto}
.custom-multiselect-add-button{padding-left:10px}
.small-dropdown{width:76px}
.date-select__button{display:inline-flex;align-items:center;padding:0 7px;height:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:var(--typo-primary, #2E3538);transition:background-color .15s ease-out;border-radius:5px}
.date-select__button.is-active{transition:background-color .2s ease-in;background-color:var(--G-1, #F3F3F4)}
.date-select__button--icon{padding-right:0}
.date-select__button-text{margin-right:2px}
.date-select__button-icon{color:var(--ic-dark, #2D2D2D)}
.date-select__option{width:100%;height:30px;padding:0 10px;color:var(--select-option-active-color);line-height:30px;border-radius:5px;margin-right:15px}
.date-select__option:hover{color:var(--typo-primary, #2E3538)}
.default-option{height:36px;padding:0 10px;display:flex;align-items:center;border-radius:5px;color:var(--select-option-active-color-text-type);background-color:var(--select-option-active-background-text-type)}
.default-option.is-selected{padding:0}
.dropdown-search{position:relative;display:flex;align-items:center;border:1px solid transparent;padding:0 10px;background-color:var(--G-1, #F3F3F4);border-radius:5px;transition:border-color .15s ease-out,background-color .15s ease-out}
.dropdown-search.is-highlight-active-state:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;opacity:0;pointer-events:none;border:3px solid var(--solution-primary-color);visibility:visible;border-radius:8px;transition:opacity .15s ease-out,visibility .15s ease-out}
.dropdown-search.is-active.is-highlight-active-state{border-color:var(--solution-primary-color);background-color:var(--G-0, #FFFFFF);transition:border-color .2s ease-in,background-color .2s ease-in}
.dropdown-search.is-active.is-highlight-active-state:after{visibility:visible;opacity:.3;transition:opacity .2s ease-in,visibility .2s ease-in}
.dropdown-search__icon{margin-right:13px;color:var(--ic-light, #c7cdcf);display:flex}
.dropdown-search__placeholder{opacity:0;visibility:hidden;display:flex;font-size:13px;white-space:nowrap;pointer-events:none}
.dropdown-search input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0 15px;background-color:transparent;font-size:13px;color:var(--typo-primary, #2E3538)}
.dropdown-search input::placeholder{color:var(--typo-secondary, #878B92)}
.dropdown-search--no-icon{height:35px}
.dropdown-search--no-icon input{padding:0 var(--dropdown-search-no-icon-input-gutter, 15px)}
.dropdown-search--with-icon{height:32px}
.dropdown-search--with-icon input{padding-left:32px}
.dropdown-search--without-background{background-color:transparent}
.multiple-placeholder-wrapper--h-4{margin-left:4px}
.multiple-placeholder-wrapper--h-7{margin-left:7px}
.multiple-placeholder-wrapper--v-4{margin-bottom:4px}
.multiple-placeholder-wrapper--v-5{margin-bottom:5px}
.multiple-select{width:100%;height:100%;min-height:inherit}
.multiple-select__select-list-items .option.is-active{--select-option-active-background-text-type: inherit;--select-option-active-color-text-type: inherit}
.option{overflow:hidden;display:flex;max-width:100%;background-color:transparent;border-radius:5px;color:var(--option-color, #6B6B6B);transition:background .15s ease-out;cursor:pointer;--select-option-is-hover-opacity: 0;--select-option-is-hover-background-color: var(--G-1, #F3F3F4)}
.option:not(:last-child){margin-bottom:var(--select-option-margin-bottom, 1px)}
.option:hover{--select-option-is-hover-opacity: 1}
.option:hover,.option.is-active{--select-option-is-hover-background-color: var(--G-0-5, #FAFAFA)}
.option.is-active{--select-option-active-color-text-type: var(--G-0, #FFFFFF);--select-option-active-background-text-type: var(--solution-primary-color)}
.option:hover,.option.is-focused{color:var(--typo-primary, #2E3538);background-color:var(--select-option-highlight-background, var(--G-1, #F3F3F4))}
.option:hover{transition:background .2s ease-in}
.option.is-active:not(:hover){color:var(--select-option-active-color, var(--typo-primary, #2E3538));background-color:var(--select-option-active-background, var(--G-1, #F3F3F4));transition:background .2s ease-in}
.option.is-disabled{cursor:default;color:var(--G-4, #B2B2B3)}
.option.is-disabled:hover{color:var(--G-4, #B2B2B3);background-color:var(--G-0-5, #FAFAFA);transition:background .2s ease-in}
.option__content{flex-grow:1;overflow:inherit}
.option__checkbox{margin:var(--select-items-checkbox-margin, auto auto auto 10px);pointer-events:none;position:relative;top:var(--select-items-checkbox-top, 0)}
.option--check-mark{padding-left:22px;position:relative}
.option--check-mark.is-active:after{content:"";position:absolute;top:50%;left:9px;height:9px;min-height:auto;width:5px;margin-top:-2px;border-bottom:2px solid var(--ic-darker, #151515);border-right:2px solid var(--ic-darker, #151515);transform:rotate(45deg) translateY(-50%)}
.option--no-active-highlight.is-active{background-color:var(--G-0, #FFFFFF)}
.options-list.is-horizontal{display:flex;flex-wrap:wrap}
.options-list.is-horizontal .options-list__option:hover,.options-list.is-horizontal .options-list__option.is-focused,.options-list.is-horizontal .options-list__option.is-active{background-color:transparent}
.select-list-items__in{display:flex;flex-direction:column;padding:6px 4px}
.select-list-items__search{margin-bottom:4px}
.select-list-items__search+.select-list-items__toggleall{margin-top:-12px}
.select-list-items__toggleall{display:flex;align-items:center;height:32px;margin:0 -4px 8px;padding:0 14px;border-bottom:1px solid var(--G-1-5, #E9E9E9);cursor:pointer}
.select-list-items__toggleall-label{margin-left:10px}
.select-list-items__scrollarea{max-width:100%;max-height:inherit}
.select-list-items__scrollarea .ScrollbarsCustom.trackYVisible .select-list-items__options{padding-right:11px}
.select-list-items__scrollarea .ScrollbarsCustom.trackYVisible .select-list-items__label{margin-right:11px}
.select-list-items__additional-list{position:relative;margin-top:var(--select-list-items-additional-margin-top, 0);margin-bottom:var(--select-list-items-additional-margin-bottom, 6px);padding-bottom:var(--select-list-items-additional-padding-bottom, 0px)}
.select-list-items__additional-list:before{content:"";position:absolute;bottom:-4px;left:-4px;right:-4px;height:1px;background-color:#c2c2c2;opacity:.22}
.select-list-items__empty-message{padding:0 10px;height:36px;display:flex;align-items:center}
.select-list-items__footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.select-list-items__label{padding-left:10px}
.select-list-items__group:not(:last-child){margin-bottom:5px}
.select-list-items__group:not(:first-child) .select-list-items__chart-group-label{margin-top:14px}
.select-list-items--gutter-bigger .select-list-items__in{padding:6px 4px 6px 10px}
.select-list-items--without-bottom-gutter .select-list-items__in{padding-bottom:0}
.select-list-items--autowidth{max-width:calc(100% - 1px)}
.select-list-items--autowidth .option{overflow:visible}
.select-list-items--autowidth .select-list-items__scrollarea .ScrollbarsCustom.trackYVisible .select-list-items__options,.select-list-items--autowidth .select-list-items__scrollarea .ScrollbarsCustom.trackYVisible .select-list-items__label{padding-right:0}
.select-list-items--centered-empty-message .select-list-items__empty-message{display:flex;justify-content:center;align-items:center}
.select-list-items--additional-options-to-top .select-list-items__search{order:2;margin-bottom:5px}
.select-list-items--additional-options-to-top .select-list-items__additional-list{order:1;margin-bottom:10px}
.select-list-items--additional-options-to-top .select-list-items__scrollarea{order:3}
.select-list-items--search-enabled .select-list-items__options{padding-top:12px}
.select-list-items--grouped.select-list-items--search-enabled .select-list-items__options{padding-top:0}
.select-list-items--expanding .options-list__option{overflow:visible}
.select-list-items--expanding .options-list__option .option__content{flex-grow:var(--expanding-dropdown-option-grow, 0)}
.select-placeholder{display:flex;height:100%;align-items:center;min-height:inherit;position:relative}
.select-placeholder__value{min-height:inherit;display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%;overflow:hidden;padding-left:var(--select-placeholder-padding-left, 10px);padding-right:var(--select-placeholder-padding-right, 23px)}
.select-placeholder__actions{display:flex}
.select-placeholder__loading{color:var(--ic-light, #c7cdcf);margin-left:10px}
.select-placeholder__clear-tooltip{display:flex;align-items:center;position:absolute;top:0;bottom:0;right:28px;font-size:0;opacity:var(--select-clear-button-opacity, 1);transition:opacity .15s ease-out}
.select-placeholder__clear-button{color:var(--G-3, #C7C8C9)}
.select-placeholder__clear-button:hover{color:var(--ic-dark, #2D2D2D)}
.select-placeholder__add-button{cursor:pointer;margin-left:10px;max-width:18px;max-height:18px;min-width:18px;min-height:18px;border-radius:50%;height:18px;width:18px;display:flex;align-items:center;justify-content:center;color:var(--G-0, #FFFFFF);background-color:var(--solution-primary-color);transition:background-color .15s ease-out}
.select-placeholder__add-button:hover{background-color:var(--solution-primary-color);transition:background-color .2s ease-in}
.select-placeholder__placeholder{display:flex;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}
.select-placeholder__placeholder-icon{flex-shrink:0;margin-right:11px;color:var(--ic-light, #c7cdcf)}
.select-placeholder__option{max-width:100%}
.select-placeholder__arrow-icon{display:flex;position:relative;transform:rotate(0);transition:transform .15s ease-out}
.select-placeholder__arrow{position:absolute;top:var(--arrow-select-top-position, 0);bottom:0;right:var(--arrow-select-right-position, 0);display:flex;align-items:flex-start;cursor:pointer}
.select-placeholder__lock{color:var(--inactive, #B2B2B3);position:absolute;top:50%;margin-top:-8px;right:8px;opacity:var(--select-placeholder-lock-opacity, 1)}
.select-placeholder.select-placeholder--no-selection .select-placeholder__value{cursor:default}
.select-placeholder--regular .select-placeholder__arrow{padding-right:var(--select-placeholder-arrow-right, 8px);padding-top:9px}
.select-placeholder--capsule .select-placeholder__arrow{padding-right:var(--capsule-arrow-padding-right, 5px);padding-top:var(--capsule-arrow-padding-top, 8px)}
.select-placeholder--capsule-transparent .select-placeholder__arrow{padding-right:2px;padding-top:8px}
.select-placeholder--capsule-transparent:hover .select-placeholder__arrow{color:var(--solution-primary-color)}
.select-placeholder--type .select-placeholder__arrow{padding-right:16px;padding-top:17px}
.select-placeholder--auth .select-placeholder__value{padding-left:20px;padding-right:30px}
.select-placeholder--auth .select-placeholder__arrow{padding-right:9px;align-items:center}
.select-placeholder--arrow-outline .select-placeholder__arrow,.select-placeholder--arrow-outline-separator .select-placeholder__arrow{color:var(--G-7, #6F7173)}
.select-placeholder--arrow-outline-separator .select-placeholder__arrow{width:32px;border-left:1px solid var(--G-1-5, #E9E9E9);display:flex;padding-right:var(--outline-separator-arrow-padding-right, 0);padding-top:var(--outline-separator-arrow-padding-top, 9px);justify-content:center;background-color:var(--G-0, #FFFFFF);border-radius:0 5px 5px 0}
.select-placeholder--arrow-outline-separator .select-placeholder__arrow-icon{height:16px}
.select-placeholder--arrow-filled-small-arrow .select-placeholder__arrow{color:var(--G-7, #6F7173)}
.select-placeholder--arrow-filled-small-arrow.is-active .select-placeholder__arrow{color:var(--solution-primary-color)}
.select-placeholder--clear-on-hover .select-placeholder__clear-button{opacity:0;transition:opacity .2s ease-in}
.select-placeholder--clear-on-hover:hover .select-placeholder__clear-button{opacity:1}
.select-placeholder--single .select-placeholder__option{width:100%}
.select-placeholder--single .select-placeholder__value{cursor:pointer;align-items:center}
.select-placeholder--single.select-placeholder--clear .select-placeholder__value{padding-right:36px}
.select-placeholder--multiple .select-placeholder__value,.select-placeholder--multiple .select-placeholder__arrow{cursor:pointer}
.select-placeholder--multiple .select-placeholder__placeholder{padding-right:10px}
.select-placeholder--multiple.select-placeholder--clear .select-placeholder__value{padding-right:32px}
.select-placeholder--multiple:hover .select-placeholder__arrow,.select-placeholder--multiple.is-active .select-placeholder__arrow{color:var(--solution-primary-color)}
.select-placeholder--arrow-filled .select-placeholder__arrow{color:var(--G-5, #9B9C9E)}
.select-placeholder--arrow-filled .select-placeholder__value{padding-right:var(--select-placeholder-arrow-filled-right, 22px)}
.select-placeholder--arrow-filled.no-arrow .select-placeholder__value{padding-right:var(--select-placeholder-padding-right, 10px)}
.select-placeholder--arrow-filled-dark .select-placeholder__arrow{color:var(--ic-dark, #2D2D2D)}
.select-placeholder--arrow-filled-dark .select-placeholder__value{padding-right:var(--select-placeholder-arrow-filled-right, 22px)}
.select-placeholder--arrow-filled-dark.no-arrow .select-placeholder__value{padding-right:var(--select-placeholder-padding-right, 10px)}
.select-placeholder--panel{border-radius:5px;padding:3px 0}
.select-placeholder--panel .select-placeholder__arrow{opacity:.5;color:var(--G-0, #FFFFFF);padding-right:7px;align-items:center}
.select-placeholder--panel .select-placeholder__placeholder{opacity:.6;color:var(--G-0, #FFFFFF)}
.select-placeholder--panel .select-placeholder__value{padding-right:26px;margin-right:0}
.select-placeholder--panel:hover,.select-placeholder--panel.is-active{background-color:var(--panel-select-placeholder-background, rgba(45, 45, 45, .2))}
.select-placeholder--panel.is-active .select-placeholder__arrow{opacity:1}
.select-placeholder--panel-reverse{border-radius:5px}
.select-placeholder--panel-reverse .select-placeholder__arrow{color:var(--G-4, #B2B2B3);padding-right:7px;align-items:center}
.select-placeholder--panel-reverse .select-placeholder__value{padding-right:26px;margin-right:0}
.select-placeholder--panel-reverse:hover,.select-placeholder--panel-reverse.is-active{background-color:#2d2d2d1a}
.select-placeholder--panel-reverse:hover .select-placeholder__arrow{color:var(--G-4, #B2B2B3)}
.select-placeholder--panel-reverse.is-active .select-placeholder__arrow{color:var(--solution-primary-color)}
.select-placeholder--figure .select-placeholder__arrow{padding-right:8px;align-items:center}
.select-placeholder--nowrap .select-placeholder__value{flex-wrap:nowrap}
.select-placeholder--wrap .select-placeholder__value{flex-wrap:wrap}
.select-placeholder:hover:not(.select-placeholder--panel,.select-placeholder--panel-reverse){transition:border .2s ease-in}
.select-placeholder:hover:not(.select-placeholder--panel,.select-placeholder--panel-reverse) .select-placeholder__arrow{color:var(--solution-primary-color)}
.select-placeholder--clear:not(.is-empty):not(.is-active):not(.select-placeholder--multiple):not(.select-placeholder--status-lg) .select-placeholder__value{padding-right:45px}
.select-placeholder--automation .select-placeholder__value{padding-left:0}
.select-placeholder--automation .select-placeholder__arrow{padding-right:8px;padding-top:8px}
.select-placeholder--grid-status .select-placeholder__value{padding-left:0;padding-right:0}
.select-placeholder--grid-status .select-placeholder__arrow{padding-right:8px}
.select-placeholder--status-md.select-placeholder:not(.is-empty).is-active:not(.select-placeholder--panel) .select-placeholder__arrow,.select-placeholder--status-md.select-placeholder:not(.is-empty).is-active:not(.select-placeholder--panel) .select-placeholder__clear-button,.select-placeholder--status-md.select-placeholder:not(.is-empty):hover:not(.select-placeholder--panel) .select-placeholder__arrow,.select-placeholder--status-md.select-placeholder:not(.is-empty):hover:not(.select-placeholder--panel) .select-placeholder__clear-button{color:var(--status-arrow-color)}
.select-placeholder--status-md:not(.is-empty) .select-placeholder__arrow{color:var(--status-arrow-color)}
.select-placeholder--status-md .select-placeholder__value{padding-left:0;padding-right:0}
.select-placeholder--status-md .select-placeholder__arrow{display:flex;align-items:center;padding-top:0}
.select-placeholder--status-md.is-empty .select-placeholder__value{padding-right:25px}
.select-placeholder--status-lg .select-placeholder__arrow{align-items:center;border-left:1px solid var(--G-0, #FFFFFF);padding-left:8px}
.select-placeholder--status-lg .select-placeholder__clear-button{opacity:0;color:var(--status-text-color, var(--G-0, #FFFFFF));transition:opacity .15s ease-out}
.select-placeholder--status-lg .select-placeholder__clear-tooltip{right:40px}
.select-placeholder--status-lg.select-placeholder.is-active .select-placeholder__clear-button,.select-placeholder--status-lg.select-placeholder:hover .select-placeholder__clear-button{opacity:1;transition:opacity .2s ease-in}
.select-placeholder--status-lg.select-placeholder.is-active:not(.select-placeholder--panel) .select-placeholder__arrow,.select-placeholder--status-lg.select-placeholder:hover:not(.select-placeholder--panel) .select-placeholder__arrow{color:var(--G-0, #FFFFFF)}
.select-placeholder--status-lg.is-filled .select-placeholder__value{padding-left:0;padding-right:0}
.select-placeholder--status-lg.is-filled .select-placeholder__arrow{color:var(--status-text-color, var(--G-0, #FFFFFF))}
.select-placeholder--status-lg.is-empty .select-placeholder__value{padding-right:30px;padding-left:10px}
.select-placeholder--team .select-placeholder__value{display:block}
.select-placeholder--plain,.select-placeholder--plain-body{height:var(--plain-placeholder-select-height, 34px);background-color:var(--G-1, #F3F3F4);border-radius:5px}
.select-placeholder--plain .select-placeholder__arrow,.select-placeholder--plain-body .select-placeholder__arrow{margin-right:8px;align-items:center}
.select-placeholder.is-active:not(.select-placeholder--panel) .select-placeholder__arrow{color:var(--solution-primary-color)}
.select-placeholder.is-active:not(.select-placeholder--panel).select-placeholder--status .select-placeholder__arrow{color:var(--G-0, #FFFFFF)}
.select-placeholder.is-active:not(.select-placeholder--arrow-outline-separator) .select-placeholder__arrow-icon{transform:rotate(var(--active-placeholder-arrow-rotate, 180deg));transition:transform .2s ease-in}
.select-placeholder.is-disabled .select-placeholder__value{pointer-events:none}
.select-placeholder.is-disabled .select-placeholder__option{color:var(--typo-secondary, #878B92)}
.select-placeholder--state{position:relative;width:18px;height:18px}
.select-placeholder--state .select-placeholder__placeholder{display:block;width:18px;min-width:18px;height:18px;border:2px solid var(--G-2, #DEDEDE);border-radius:50%;background-color:var(--G-0, #FFFFFF)}
.select-placeholder--state .select-placeholder__value{padding-right:0;padding-left:0}
.select-placeholder--state:hover .select-placeholder__placeholder{border-color:var(--G-3, #C7C8C9)}
.select-placeholder--state:not(.is-empty):not(.is-active):not(.select-placeholder--multiple) .select-placeholder__value{padding-right:0}
.select-placeholder--state.is-active .select-placeholder__placeholder{border-color:var(--G-5, #9B9C9E)}
.select-placeholder--circle-dashed{position:relative;width:26px;height:26px}
.select-placeholder--circle-dashed .select-placeholder__value{padding-right:0;padding-left:0}
.select-placeholder--time-input{height:33px;width:100%}
.select-placeholder--time-input .select-placeholder__placeholder{padding-right:0;padding-left:0}
.select-placeholder--time-input .select-placeholder__value{padding-right:0}
.select-placeholder--report-toolbar-timeline .select-placeholder__value{padding-left:20px}
.select-placeholder--report-toolbar-timeline:hover .select-placeholder__clear-tooltip{transition:opacity .2s ease-in;opacity:1}
.select-placeholder--report-toolbar-timeline .select-placeholder__clear-tooltip{right:8px;opacity:0;transition:opacity .15s ease-out}
.select-placeholder--report-toolbar-timeline:not(.is-empty):not(.is-active):not(.select-placeholder--multiple) .select-placeholder__value{padding-right:28px}
.select-placeholder--tag-field-edit-record .select-placeholder__value{padding:4px 4px 0}
.select-placeholder--tag-field-edit-record .select-placeholder__add-button{position:absolute;z-index:1;top:9px;left:9px;margin:0}
.select-placeholder--tag-field-edit-record .select-placeholder__add-button+.select-placeholder__value>.select-placeholder__option:first-child{margin-left:29px}
.select-placeholder--search-solution-dropdown{max-width:380px;min-width:225px}
.select-placeholder--plans-and-billing{background-color:#fff6;min-height:40px;border-radius:20px;cursor:pointer;transition:background-color .2s ease-in}
.select-placeholder--plans-and-billing:hover:not(.select-placeholder--panel,.select-placeholder--panel-reverse),.select-placeholder--plans-and-billing.is-active:not(.select-placeholder--panel,.select-placeholder--panel-reverse){background-color:#ffffff8c;transition:background-color .15s ease-out}
.select-placeholder--plans-and-billing:hover:not(.select-placeholder--panel,.select-placeholder--panel-reverse) .select-placeholder__arrow,.select-placeholder--plans-and-billing.is-active:not(.select-placeholder--panel,.select-placeholder--panel-reverse) .select-placeholder__arrow{color:var(--G-0, #FFFFFF)}
.select-placeholder--plans-and-billing .select-placeholder__value{padding-left:22px}
.select-placeholder--plans-and-billing .select-placeholder__arrow{padding-top:11px;padding-right:15px;color:var(--G-0, #FFFFFF)}
.select-placeholder--plans-and-billing:hover .select-placeholder__arrow{color:var(--G-0, #FFFFFF)}
.select-placeholder--grid-select .select-placeholder__value{align-items:flex-start;padding-top:8px;padding-left:16px}
.select-placeholder--grid-select .select-placeholder__value .select-placeholder__placeholder{padding-top:2px}
.select-placeholder.select-placeholder--arrow-filled-gray-dark:hover .select-placeholder__arrow,.select-placeholder.select-placeholder--arrow-filled-gray-dark.is-active .select-placeholder__arrow{color:var(--ic-dark, #2D2D2D)}
.select-placeholder.select-placeholder--arrow-filled-gray-dark .select-placeholder__arrow{color:var(--G-5, #9B9C9E)}
.select-placeholder.select-placeholder--arrow-filled-gray-dark .select-placeholder__value{padding-right:var(--select-placeholder-arrow-filled-right, 22px)}
.select-placeholder.select-placeholder--arrow-filled-gray-dark.no-arrow .select-placeholder__value{padding-right:var(--select-placeholder-padding-right, 10px)}
.single-select{width:100%;min-height:var(--single-select-min-height, 33px);height:100%;position:relative}
.single-select--expanding.is-open .single-select__wrap{position:absolute;top:0;left:0;right:var(--expanding-right-position, auto)}
.single-select__expandholder{opacity:0}
.single-select__wrap{height:100%;width:var(--single-select-wrap-width, auto)}
.single-select__placeholder{height:100%;min-height:inherit}
.single-select:not(.single-select--type-capsule,.single-select--type-capsule-transparent,.single-select--type-capsule-body,.single-select--type-state){min-height:var(--single-select-min-height, 34px)}
.single-select:not(.single-select--type-capsule,.single-select--type-capsule-transparent,.single-select--type-capsule-body,.single-select--type-state) .single-select__wrap{min-height:var(--single-select-min-height, 34px)}
.single-select.single-select--type-panel{min-height:30px}
.single-select.single-select--type-panel-reverse{min-height:24px}
.single-select--type-capsule .single-select__placeholder{background-color:var(--select-placeholder-background, var(--G-1, #F3F3F4));border-radius:5px;position:relative;z-index:2;transition:background-color .15s ease-out}
.single-select--type-capsule .single-select__list{padding-top:var(--capsule-select-list-padding-top, 33px)}
.single-select--type-capsule.is-open .single-select__placeholder{background-color:var(--select-placeholder-active-background);transition:background-color .2s ease-in}
.single-select--type-capsule:hover .single-select__placeholder{background-color:var(--select-placeholder-hover-background);transition:background-color .2s ease-in}
.single-select--type-capsule-transparent .single-select__placeholder{border-radius:5px 5px 0 0;position:relative;z-index:2}
.single-select--type-capsule-transparent .single-select__list{padding-top:33px}
.single-select--type-capsule-transparent.is-open .single-select__placeholder{background-color:var(--G-1, #F3F3F4)}
.single-select--type-capsule-transparent.single-select--expanding .single-select__wrap{left:auto;right:0}
.single-select--type-panel{display:inline-block;width:auto}
.single-select--type-auth:not(.single-select--type-capsule){height:40px}
.single-select--type-auth .single-select__wrap{height:40px}
.single-select--type-plain{height:34px}
.single-select--type-plain .single-select__list{padding-top:34px}
.single-select--type-plain .single-select__placeholder{position:relative;z-index:4}
.single-select--type-state{min-height:18px}
.small-option{height:24px;padding:0 10px;display:flex;align-items:center}
.select-field-dropdown{display:inline-flex;align-items:center;max-width:100%;height:22px;border:1px dashed var(--G-2, #DEDEDE);padding:0 3px 0 8px;background-color:var(--G-0, #FFFFFF);border-radius:4px;cursor:pointer;transition:border-color .15s ease-out}
.select-field-dropdown:not(.has-value):hover{border-color:var(--G-3, #C7C8C9);transition:border-color .2s ease-in}
.select-field-dropdown.is-active .select-field-dropdown__arrow{transform:rotate(180deg);transition:transform .2s ease-in}
.select-field-dropdown.has-value{border-style:solid;border-color:var(--G-1-5, #E9E9E9)}
.select-field-dropdown__arrow{margin-left:2px;color:var(--G-6, #868788);transition:transform .15s ease-out}
.select-field-dropdown__heading{border-bottom:1px solid var(--G-1-5, #E9E9E9);padding:10px 15px}
.select-field-dropdown-panel{--menu-option-height: 28px}
.select-field-dropdown-panel__placeholder{padding:1px 15px;text-align:center}
.short-select{position:relative;display:inline-block;max-width:100%;--active-placeholder-arrow-rotate: 0;--select-placeholder-padding-left: 0px;--single-select-min-height: 18px;--arrow-select-top-position: var(--short-select-arrow-top, -7px);--select-placeholder-arrow-filled-right: 19px;--select-placeholder-arrow-right: 0;color:var(--tertiary, #6B6B6B)}
.short-select .is-open{color:var(--typo-primary, #2E3538)}
.short-select__dropdown{--checkmark-option-height: 28px;--checkmark-option-gutter: 12px;--select-option-margin-bottom: 4px;--select-list-items-additional-padding-bottom: 4px}
.short-select-selected__value{color:var(--short-select-selected-value-color, currentColor)}
.editable-filter-option{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;border:1px solid transparent;padding:0 8px;background-color:var(--G-0-5, #FAFAFA);border-radius:5px;transition:background-color .15s ease-out,border-color .15s ease-out}
.editable-filter-option:hover{border-color:var(--G-2, #DEDEDE);transition:border-color .2s ease-in}
.editable-filter-option:hover .editable-filter-option__drag{color:var(--G-6, #868788)}
.editable-filter-option:hover .editable-filter-option__actions{opacity:1;transition:opacity .2s ease-in}
.editable-filter-option.is-active{border-color:var(--G-2, #DEDEDE);background-color:var(--G-1, #F3F3F4);transition:background-color .2s ease-in,border-color .2s ease-in}
.editable-filter-option.is-active .editable-filter-option__arrow{background-color:var(--G-1-5, #E9E9E9)}
.editable-filter-option.is-active .editable-filter-option__actions{opacity:1}
.editable-filter-option.is-opened-dots{border-color:var(--G-2, #DEDEDE);transition:border-color .2s ease-in}
.editable-filter-option.is-opened-dots .editable-filter-option__actions{opacity:1;transition:opacity .2s ease-in}
.editable-filter-option.is-renaming{border-color:var(--solution-primary-color);background-color:var(--G-0, #FFFFFF);transition:background-color .2s ease-in,border-color .2s ease-in}
.editable-filter-option.can-rename .editable-filter-option__name span{border-bottom:1px dashed transparent}
.editable-filter-option.can-rename .editable-filter-option__name span:hover{border-bottom-color:var(--G-3, #C7C8C9)}
.editable-filter-option.is-error{border-color:#ff5757}
.editable-filter-option:not(.can-drag) .editable-filter-option__drag{opacity:.3;pointer-events:none}
.editable-filter-option--arrow-on-hover:hover .editable-filter-option__arrow,.editable-filter-option--arrow-on-hover.is-active .editable-filter-option__arrow{opacity:1;transition:opacity .2s ease-in}
.editable-filter-option--arrow-on-hover .editable-filter-option__arrow{opacity:0;transition:opacity .15s ease-out}
.editable-filter-option__drag{display:inline-flex;margin-right:5px;color:var(--G-4, #B2B2B3);cursor:grab}
.editable-filter-option__drag:hover{color:var(--G-5, #9B9C9E)}
.editable-filter-option__drag:active{cursor:grabbing}
.editable-filter-option__body{overflow:hidden;display:flex;align-items:center;flex-grow:1;height:100%;cursor:pointer}
.editable-filter-option__input{width:100%;height:34px;font-weight:500;font-size:13px;line-height:18px;font-family:inherit;color:var(--typo-primary, #2E3538)}
.editable-filter-option__input::placeholder{font-weight:400;color:var(--typo-secondary, #878B92)}
.editable-filter-option__error{margin-left:4px}
.editable-filter-option__actions{opacity:0;display:flex;align-items:center;gap:4px;margin-left:8px;transition:opaicty .15s ease-out}
.editable-filter-option__arrow{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:5px;transition:background-color .15s ease-out;cursor:pointer}
.editable-filter-option__arrow:hover{background-color:var(--G-1-5, #E9E9E9);transition:background-color .2s ease-in}
.editable-filter-option__delete{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:5px;color:var(--G-8, #4d4d4d);transition:background-color .15s ease-out;cursor:pointer}
.editable-filter-option__delete:hover{background-color:var(--G-1-5, #E9E9E9);transition:background-color .2s ease-in}
.editable-filter-option__save{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:5px;background-color:#eef6ee;color:#3eac40;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}
.editable-filter-option__save:hover{background-color:#3eac40;color:#eef6ee;transition:background-color .2s ease-in,color .2s ease-in}
.radio-option{display:flex;align-items:center;gap:var(--radio-option-gap, 10px);min-height:var(--radio-option-min-height, 28px);padding:var(--radio-option-padding, 2px 11px);font-size:13px;color:var(--tertiary, #6B6B6B);cursor:pointer;transition:color .15s ease-out}
.radio-option:hover{color:var(--typo-primary, #2E3538);transition:color .2s ease-in}
.radio-option__field{pointer-events:none}
.radio-option__body{flex-grow:1;overflow:hidden}
.text-color-select{position:relative;width:28px;height:28px;border:1px solid transparent;border-radius:5px;background-color:var(--G-0, #FFFFFF);transition:border-color .15s ease-out}
.text-color-select:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:20px;height:20px;border:1px solid var(--G-1-5, #E9E9E9);margin:auto;border-radius:50%;background-color:currentColor}
.text-color-select:hover{border-color:var(--G-1, #F3F3F4);transition:border-color .2s ease-in}
.text-color-select.is-active{border-color:var(--G-1-5, #E9E9E9);transition:border-color .2s ease-in}
.text-color-select__title{padding:8px 10px 0}
.text-color-option{overflow:hidden;display:flex;align-items:center;gap:10px;min-height:30px;max-width:100%;padding:0 5px}
.text-color-option__preview{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:24px;height:24px;border:1px solid var(--G-1-5, #E9E9E9);border-radius:5px;background-color:var(--G-0, #FFFFFF)}
.source-select__in{position:relative;display:inline-flex;align-items:center;gap:2px;width:100%;height:var(--source-select-height, 34px);padding:0 8px 0 10px;border-radius:8px;background-color:var(--G-0, #FFFFFF);text-align:left;transition:border-color .15s ease-out}
.source-select:hover .source-select__arrow{color:var(--solution-primary-color)}
.source-select.is-active .source-select__arrow{color:var(--solution-primary-color);transform:rotate(180deg);transition:color .2s ease-in,transform .2s ease-in}
.source-select__value{overflow:hidden;flex-grow:1}
.source-select__arrow{color:var(--ic-darker, #151515);transition:color .15s ease-out,transform .15s ease-out}
.source-select__list{--dropdown-search-no-icon-input-gutter: 11px;--checkmark-option-height: 28px;--select-option-margin-bottom: 4px;--select-option-active-background: transparent}
.source-select__list .select-list-items__group{padding-top:10px}
.source-select__list .select-list-items__group:not(:first-child){border-top:1px solid var(--G-1-5, #E9E9E9)}
.source-select__hat{margin-bottom:3px;border-bottom:1px solid var(--G-1, #F3F3F4);padding:5px}
.source-select__title{display:inline-flex;align-items:center;gap:10px;max-width:100%;height:26px;padding:0 10px;cursor:default}
.source-select__title.is-clickable{cursor:pointer}
.source-select__title.is-clickable:hover{color:var(--solution-hover-color)}
.arrow-step-option{position:relative;justify-content:space-between;height:var(--arrow-step-option-height, 28px);padding:0 10px;display:flex;align-items:center;border-radius:5px;color:var(--arrow-step-option-color, #6B6B6B)}
.arrow-step-option:hover{color:var(--arrow-step-option-hover-color)}
.arrow-step-option.is-placeholder{color:var(--arrow-step-placeholder-color)}
.arrow-step-option.is-selected{--arrow-step-option-color: #2E3538}
.arrow-step-option__icon{margin-left:10px;color:var(--G-8, #4d4d4d)}
.record-option{position:relative;display:flex;align-items:center;gap:10px;padding:0 10px;cursor:pointer}
.record-option:not(.is-placeholder){min-height:40px;border:1px solid var(--G-1-5, #E9E9E9);border-radius:8px;background-color:var(--G-0, #FFFFFF);color:var(--typo-primary, #2E3538);transition:background-color .15s ease-out,border-color .15s ease-out}
.record-option:not(.is-placeholder):not(.is-selected):hover{background-color:var(--G-0-5, #FAFAFA);transition:background-color .2s ease-in}
.record-option.is-placeholder{color:var(--record-placeholder-color, #2E3538)}
.record-option.is-selected{border-color:var(--solution-primary-color);transition:border-color .2s ease-in}
.record-option.is-extended{align-items:flex-start;padding-top:10px;padding-bottom:10px}
.record-option__preview{overflow:hidden;display:block;width:68px;min-width:68px;height:68px;border-radius:8px}
.record-option__inner{overflow:hidden;flex-grow:1}
.record-option__fields{display:flex;flex-direction:column;gap:2px;margin-top:10px}
.record-option__field{display:flex;gap:4px}
.source-select-group-label{display:flex;align-items:center;gap:5px;padding:5px 10px 4px}
.rect-option{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:100%;min-height:68px;padding:10px;border-radius:5px;color:var(--tertiary, #6B6B6B);cursor:pointer;text-align:center;transition:background-color .15s ease-out,color .15s ease-out}
.rect-option.icon-only{min-height:60px}
.rect-option:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--G-1-5, #E9E9E9);border-radius:inherit;transition:opacity .15s ease-out,border-color .15s ease-out}
.rect-option.is-active,.rect-option:hover{color:var(--typo-primary, #2E3538);transition:background-color .2s ease-in,color .2s ease-in}
.rect-option.is-active:before,.rect-option:hover:before{opacity:.5;border-color:var(--solution-primary-color);transition:opacity .2s ease-in,border-color .2s ease-in}
.rect-option.is-active .rect-option__icon,.rect-option:hover .rect-option__icon{opacity:var(--rect-option-active-icon-opacity, 1);color:var(--rect-option-active-icon-color, var(--solution-primary-color));transition:opacity .2s ease-in,color .2s ease-in}
.rect-option.is-active{background-color:var(--solution-secondary-color)}
.rect-option__icon{opacity:var(--rect-option-icon-opacity, .4);color:var(--rect-option-icon-color, #151515);transition:opacity .15s ease-out,color .15s ease-out}
.rect-option-select{display:flex;gap:10px}
.bg-color-picker-type-option{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:100%;min-height:66px;padding:6px;border-radius:5px;color:var(--tertiary, #6B6B6B);cursor:pointer;text-align:center;transition:background-color .15s ease-out,color .15s ease-out}
.bg-color-picker-type-option:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--G-1-5, #E9E9E9);border-radius:inherit;transition:opacity .15s ease-out,border-color .15s ease-out}
.bg-color-picker-type-option.is-active,.bg-color-picker-type-option:hover{color:var(--typo-primary, #2E3538);transition:background-color .2s ease-in,color .2s ease-in}
.bg-color-picker-type-option.is-active:before,.bg-color-picker-type-option:hover:before{opacity:.5;border-color:var(--solution-primary-color);transition:opacity .2s ease-in,border-color .2s ease-in}
.bg-color-picker-type-option.is-active{background-color:var(--solution-secondary-color)}
.bg-color-picker-type-option--white:not(.is-active) .bg-color-picker-type-option__preview:after{border-color:var(--G-1, #F3F3F4)}
.bg-color-picker-type-option--neutral.is-active .bg-color-picker-type-option__preview:after{opacity:1;border-color:var(--G-1-5, #E9E9E9)}
.bg-color-picker-type-option--custom:not(.is-active) .bg-color-picker-type-option__preview:before{opacity:.5}
.bg-color-picker-type-option--custom:not(.is-active) .bg-color-picker-type-option__preview:after{opacity:0}
.bg-color-picker-type-option--custom.is-active .bg-color-picker-type-option__preview:before{opacity:.5}
.bg-color-picker-type-option--custom.is-active .bg-color-picker-type-option__preview:after{opacity:.2;border-color:var(--option-type-border-color)}
.bg-color-picker-type-option__preview{position:relative;width:100%;min-height:31px;border-radius:4px}
.bg-color-picker-type-option__preview:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--option-type-background-color, transparent)}
.bg-color-picker-type-option__preview:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;border-radius:inherit}
.bg-color-picker-pill{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:23px;height:23px;box-shadow:0 0 0 0 transparent;background-color:var(--color-pill-background-color);border-radius:50%;transition:box-shadow .15s ease-out}
.bg-color-picker-pill.is-active{box-shadow:0 0 0 3px var(--color-pill-border-color);transition:box-shadow .2s ease-in}
.bg-color-picker-palette{display:flex;gap:10px;margin-top:20px}
.bg-color-picker-palette__static{flex-shrink:0;border-right:1px solid var(--G-1, #F3F3F4);padding-right:10px}
.bg-color-picker__options{display:flex;gap:10px}
.condition-select-field{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:2px;max-width:100%;height:32px;border:1px solid var(--G-1-5, #E9E9E9);padding:0 8px 0 15px;border-radius:16px;background-color:var(--G-0, #FFFFFF);transition:border-color .15s ease-out}
.condition-select-field:hover{border-color:var(--G-2, #DEDEDE);transition:border-color .2s ease-in}
.condition-select-field:hover .condition-select-field__arrow{color:var(--G-8, #4d4d4d)}
.condition-select-field:before{content:" ";opacity:0;position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background-color:var(--solution-primary-color);border-radius:18px;transition:opacity .15s ease-out;pointer-events:none}
.condition-select-field:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--G-0, #FFFFFF);border-radius:16px;pointer-events:none}
.condition-select-field.is-active{border-color:var(--solution-primary-color);transition:border-color .2s ease-in}
.condition-select-field.is-active:before{opacity:.2;transition:opacity .2s ease-in}
.condition-select-field.is-active .condition-select-field__arrow{color:var(--solution-hover-color);transform:rotate(180deg);transition:color .2s ease-in,transform .2s ease-in}
.condition-select-field__value{z-index:2;position:relative}
.condition-select-field__arrow{z-index:2;position:relative;color:var(--G-5, #9B9C9E);transition:color .15s ease-out,transform .15s ease-out}
.condition-multiple-select__value{overflow:hidden;display:flex;align-items:center;gap:5px}
.condition-multiple-select__name{max-width:var(--fields-with-condition-select-name-max-width)}
.condition-multiple-select__counter{display:inline-flex;justify-content:center;align-items:center;min-width:18px;height:18px;border:1px solid var(--G-1-5, #E9E9E9);padding:0 3px;background-color:var(--G-1, #F3F3F4);border-radius:5px}
.condition-multiple-select-footer{position:relative;display:flex;align-items:center;gap:10px;min-height:37px;border-top:1px solid var(--G-1-5, #E9E9E9);padding:8px 8px 8px 17px}
.condition-multiple-select-footer:before{content:" ";z-index:-1;position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:6px;background-color:var(--G-1, #F3F3F4)}
.condition-multiple-select-footer__text{overflow:hidden;display:flex;align-items:center;flex-grow:1;gap:4px}
.condition-multiple-select-footer__actions{margin-left:auto}
.condition-multiple-select-footer__clear{display:flex;justify-content:center;align-items:center;height:20px;border:1px solid var(--G-2, #DEDEDE);padding:0 10px;border-radius:4px;background-color:var(--G-1-5, #E9E9E9);color:var(--tertiary, #6B6B6B);transition:background-color .15s ease-out,color .15s ease-out}
.condition-multiple-select-footer__clear:hover{background-color:var(--G-2, #DEDEDE);color:var(--G-8, #4d4d4d);transition:background-color .2s ease-in,color .2s ease-in}
.condition-multiple-select__list{--select-option-margin-bottom: 4px;--select-option-active-background: transparent}
.condition-dropdown-footer{position:relative;display:flex;align-items:center;gap:10px;min-height:37px;border-top:1px solid var(--G-1-5, #E9E9E9);padding:8px 8px 8px 17px}
.condition-dropdown-footer:before{content:" ";z-index:-1;position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:6px;background-color:var(--G-1, #F3F3F4)}
.condition-dropdown-footer__text{overflow:hidden;display:flex;align-items:center;flex-grow:1;gap:4px}
.condition-dropdown-footer__actions{margin-left:auto}
.condition-dropdown-footer__clear{display:flex;justify-content:center;align-items:center;height:20px;border:1px solid var(--G-2, #DEDEDE);padding:0 10px;border-radius:4px;background-color:var(--G-1-5, #E9E9E9);color:var(--tertiary, #6B6B6B);transition:background-color .15s ease-out,color .15s ease-out}
.condition-dropdown-footer__clear:hover{background-color:var(--G-2, #DEDEDE);color:var(--G-8, #4d4d4d);transition:background-color .2s ease-in,color .2s ease-in}
.condition-date-select__value{overflow:hidden;display:flex;align-items:center;gap:5px}
.condition-date-select__name{max-width:var(--fields-with-condition-select-name-max-width)}
.condition-date-select__counter{display:inline-flex;justify-content:center;align-items:center;min-width:18px;height:18px;border:1px solid var(--G-1-5, #E9E9E9);padding:0 3px;background-color:var(--G-1, #F3F3F4);border-radius:5px}
.condition-date-select__list{--select-option-margin-bottom: 4px;--select-option-active-background: transparent}
.condition-date-select__list .select-list-items__group{position:relative}
.condition-date-select__list .select-list-items__group:not(:last-child){border-bottom:1px solid var(--G-1-5, #E9E9E9);padding-bottom:4px}
.condition-date-select-exact{height:36px}
.condition-date-picker-header{display:flex;align-items:center;gap:7px;min-height:72px;padding:0 18px;background-image:linear-gradient(90deg,var(--G-2, #DEDEDE) 50%,transparent 50%);background-size:12px 1px;background-repeat:repeat-x;background-position:bottom}
.condition-date-picker-header__separator{min-width:8px;height:1px;background-color:var(--G-2, #DEDEDE)}
.condition-date-select-option{display:flex;justify-content:space-between;align-items:center;gap:10px;height:28px;padding:0 12px}
.condition-date-select-option.is-active .condition-date-select-option__label,.condition-date-select-option:hover .condition-date-select-option__label{color:var(--typo-primary, #2E3538)}
.condition-date-select-option.is-active .condition-date-select-option__note{margin-right:-26px;background-color:var(--G-1, #F3F3F4)}
.condition-date-select-option.is-active.has-note:hover .condition-date-select-option__checkmark{opacity:0;transition:opacity .2s ease-in,color .2s ease-in}
.condition-date-select-option:hover .condition-date-select-option__note{opacity:1;transition:opacity .2s ease-in,color .2s ease-in}
.condition-date-select-option__label{margin-right:auto;color:var(--tertiary, #6B6B6B)}
.condition-date-select-option__note{opacity:0;transition:opacity .15s ease-out,color .15s ease-out}
.condition-date-select-option__checkmark{color:#3eac40;transition:opacity .15s ease-out,color .15s ease-out}
.condition-date-select-badge{display:flex;justify-content:center;align-items:center;padding:2px 6px;background-color:var(--G-1, #F3F3F4);border-radius:5px}
.condition-date-picker{display:block}
.condition-date-picker__hat{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;border-bottom:1px solid var(--G-1, #F3F3F4);padding:5px 10px 5px 5px}
.condition-date-picker__title{display:inline-flex;align-items:center;gap:10px;max-width:100%;height:26px;padding:0 10px;cursor:pointer}
.condition-date-picker__title:hover{color:var(--solution-hover-color)}
.condition-date-picker__clearall{display:inline-flex;justify-content:center;align-items:center;height:20px;border:1px solid var(--G-2, #DEDEDE);padding:0 10px;background-color:var(--G-1, #F3F3F4);border-radius:4px;color:var(--tertiary, #6B6B6B);transition:background-color .15s ease-out,color .15s ease-out}
.condition-date-picker__clearall:hover{background-color:var(--G-1-5, #E9E9E9);color:var(--typo-primary, #2E3538)}
.condition-date-picker__calendar{overflow:hidden;padding:12px 0;--calendar-header-navigation-button-margin-top: -16px}
.condition-date-picker__calendar .react-datepicker .calendar-header-navigation{max-width:200px;margin-right:auto;margin-bottom:10px;margin-left:auto}
.condition-date-picker__calendar .react-datepicker__month-container{width:100%}
.condition-date-picker__calendar .react-datepicker__day-names,.condition-date-picker__calendar .react-datepicker__week{justify-content:space-between}
.condition-date-picker__calendar .react-datepicker__day-name,.condition-date-picker__calendar .react-datepicker__day{width:50px}
.condition-date-picker__calendar .react-datepicker__day--in-range:after{right:-25px;left:-25px}
.condition-date-picker__calendar .react-datepicker__day.react-datepicker__day--range-end:after,.condition-date-picker__calendar .react-datepicker__day.react-datepicker__day--range-start:after{width:50px}
.condition-date-picker__calendar .react-datepicker__day.react-datepicker__day--range-start:after{right:-25px}
.condition-date-picker__calendar .react-datepicker__day.react-datepicker__day--range-end:after{left:-25px}
.condition-date-picker-field-value{z-index:2;position:relative;display:flex;align-items:center;flex-basis:100%;padding:0 5px 0 10px}
.condition-date-picker-field-value__input{position:relative;width:70px;height:34px}
.condition-date-picker-field-value__input input{height:34px;padding-right:0;padding-left:0;background-color:transparent;font-weight:500;font-size:12px;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}
.condition-date-picker-field-value__input input::placeholder{font-weight:400;color:var(--inactive, #B2B2B3)}
.condition-date-picker-field-value div.condition-date-picker-field-value__time{width:55px;margin:0}
.condition-date-picker-field-value input.condition-date-picker-field-value__time-input{width:100%;height:34px;background-color:transparent;font-weight:500;font-size:12px;line-height:100%;text-align:center}
.condition-date-picker-field-value input.condition-date-picker-field-value__time-input::placeholder{color:var(--typo-secondary, #878B92)}
.condition-date-picker-field-value input.condition-date-picker-field-value__time-input:hover::placeholder,.condition-date-picker-field-value input.condition-date-picker-field-value__time-input:focus-visible::placeholder{color:var(--typo-primary, #2E3538)}
.condition-date-picker-field-value__clear{display:inline-flex;justify-content:center;align-items:center;width:14px;height:14px;margin:0 0 0 5px;background-color:var(--G-1, #F3F3F4);border-radius:2px;color:var(--G-5, #9B9C9E);transition:background-color .15s ease-out,color .15s ease-out}
.condition-date-picker-field-value__clear svg{transform:scale(.75)}
.condition-date-picker-field-value__clear:hover{background-color:var(--G-2, #DEDEDE);color:var(--G-8, #4d4d4d);transition:background-color .2s ease-in,color .2s ease-in}
.dialog-image{margin-bottom:17px;min-height:80px;position:absolute;left:50%;transform:translate(-50%);top:-28px;width:96px;height:96px;border-radius:50%;box-shadow:0 5px 18px #0000001c;display:flex;justify-content:center;align-items:center}
.dialog-image--background-white{background-color:var(--G-0, #FFFFFF)}
.dialog-image--background-red{background-color:#ff5757}
.dialog-image--background-blue{background-color:var(--solution-primary-color)}
.dialog-image--background-green{background-color:#3eac40}
.dialog-header{width:100%;text-align:center;padding:0 31px 0 30px}
.dialog-header__title{margin-bottom:12px}
.dialog-header__description{margin-bottom:25px;word-break:break-word}
.dialog-body{max-width:100%;padding-left:30px;padding-right:30px;margin-bottom:25px}
.dialog-body--full-width{width:100%}
.dialog-body--text-center{text-align:center}
.dialog-footer{display:flex;align-items:center;justify-content:center}
.dialog-footer__button:not(:last-child){margin-right:15px}
.dialog{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:84px 0 32px;background-color:var(--G-0, #FFFFFF);border-radius:5px;box-shadow:#0f0f0f0d 0 0 0 1px,#0f0f0f1a 0 3px 6px,#0f0f0f33 0 9px 24px}
.dialog:before{content:"";display:block;position:absolute;top:0;left:0;right:0;border-radius:5px;height:4px}
.dialog__close{color:var(--typo-primary, #2E3538);position:absolute;top:10px;right:10px}
.dialog--warning:before{background-color:#ff5757}
.dialog--confirm:before{background-color:var(--solution-primary-color)}
.dialog--success:before{background-color:#3eac40}
.dialog--size-S{width:497px}
.dialog--size-M{width:730px}
.modal{position:relative;display:flex;flex-direction:column;width:100%;box-shadow:#0f0f0f0d 0 0 0 1px,#0f0f0f1a 0 3px 6px,#0f0f0f33 0 9px 24px;border-radius:5px 50px 5px 5px}
.modal--body-corners .modal__body{border-radius:0 0 5px 5px;overflow:hidden}
.modal--without-hat{border-radius:5px}
.modal--filled .modal-header{background-color:var(--solution-primary-color)}
.modal--filled .modal-header__title,.modal--filled .modal-header__subtitle{color:var(--G-0, #FFFFFF)}
.modal--size-XS{width:413px}
.modal--size-S{width:497px}
.modal--size-SX{width:540px}
.modal--size-SM{width:650px}
.modal--size-MS{width:667px}
.modal--size-M{width:730px}
.modal--size-L{width:811px}
.modal--size-XL{width:963px}
.modal--size-XXL{width:1200px}
.modal--size-auto{width:100%;margin:45px 30px}
.modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;resize:both;overflow:hidden;opacity:0;min-width:var(--modal-min-width);max-width:var(--modal-max-width);min-height:var(--modal-min-height);max-height:var(--modal-max-height)}
.modal__resize{color:var(--G-5, #9B9C9E);position:absolute;bottom:0;right:0;pointer-events:none}
.modal__hat{position:relative}
.modal__hat:before{content:"";position:absolute;top:0;left:0;display:block;right:18px;height:18px;background-color:currentColor;border-radius:5px 0 0;box-shadow:0 2px 6px #0001;pointer-events:none}
.modal__arrow{position:absolute;top:-20px;right:270px;border:10px solid transparent;border-bottom-color:var(--G-0, #FFFFFF)}
.modal__corner{position:absolute;top:0;right:0}
.modal__close{position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:1}
.modal__header{position:relative}
.modal__body{position:relative;flex-grow:1;background-color:#fff}
.modal--type-base .modal__body{padding:24px 30px;background-color:var(--G-0-5, #FAFAFA)}
.modal--type-split .modal__body{display:flex}
.modal--type-draggable{border-radius:8px 50px 8px 8px}
.modal--type-draggable .modal__hat{cursor:grab}
.modal--type-draggable .modal__hat:active{cursor:grabbing}
.modal--type-draggable .modal__hat:before{height:19px;border-radius:8px 0 0}
.modal--type-draggable .modal__header{transform:translateY(-18px);padding-top:18px;margin-bottom:-18px;cursor:grab;background-color:transparent}
.modal--type-draggable .modal__header:active{cursor:grabbing}
.modal--type-draggable .modal__body{position:relative;min-height:346px;max-height:70vh;border-radius:0 0 8px 8px;transition:height .15s ease-out}
.modal--transparent-bg .modal__body{background-color:transparent}
.modal--upstairs-content .modal__body{margin-top:-18px}
.modal--vertical-axis .modal__body{display:flex;flex-direction:column}
.modal--full-height .modal__body{height:100%}
.modal--full-corners .modal__body{border-radius:5px}
.modal--free-content .modal__body{overflow:visible}
.modal-close-button{display:flex;align-items:center;justify-content:center;color:var(--solution-primary-color);transform:rotate(0);position:relative;transition:transform .15s ease-out}
.modal-close-button--XL{width:36px;height:36px}
.modal-close-button--border:after{border:1px solid var(--G-2, #DEDEDE);content:"";height:100%;left:0;position:absolute;top:0;width:100%;border-radius:50%}
.modal-close-button--dark{color:var(--G-0, #FFFFFF)}
.modal-close-button--dark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;transform:scale(1);border-radius:50%;background-color:#2d2d2d;transition:background .15s ease-out,transform .15s ease-out;z-index:-1}
.modal-close-button--dark:hover{color:var(--G-0, #FFFFFF)}
.modal-close-button--white{width:28px;height:28px;z-index:1}
.modal-close-button--white:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;transform:scale(1);border-radius:50%;background-color:var(--G-0, #FFFFFF);transition:background .15s ease-out,transform .15s ease-out;z-index:-1}
.modal-close-button--white:hover(&:not(.modal-close-button--border)):before{transform:scale(1.143);background-color:#e7f0fe;transition:background .2s ease-in,transform .2s ease-in}
.modal-close-button:hover:not(.modal-close-button--white):not(.modal-close-button--dark){color:var(--solution-hover-color)}
.modal-close-button:hover{transform:rotate(90deg);transition:transform .2s ease-in}
.modal-default-content{padding:30px;background-color:var(--G-0-5, #FAFAFA)}
.modal-default-content--rounded-corners{border-radius:0 0 5px 5px}
.modal-iframe-content{margin-bottom:-3px;padding:0;background-color:transparent}
.modal-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--G-2, #DEDEDE);min-height:55px;padding:0 30px;background-color:var(--G-0, #FFFFFF);border-radius:0 0 5px 5px}
.modal-footer__buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;flex:0 0 auto;margin-left:auto}
.modal-footer__actions{max-width:100%;flex-grow:1;overflow:hidden}
.modal-header{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--G-2, #DEDEDE);padding:0 30px 16px;background-color:var(--G-0, #FFFFFF)}
.modal-header--independent{padding-top:16px;border-radius:5px 5px 0 0}
.modal-header--type-simple{min-height:36px;padding-bottom:11px}
.modal-header--type-simple .modal-header__in{align-items:center;margin-top:-7px}
.modal-header--type-simple .modal-header__icon{width:30px;min-width:30px;height:30px}
.modal-header--type-simple .modal-header__actions{margin-top:-8px}
.modal-header--type-simple.modal-header--position-center .modal-header__in{justify-content:center}
.modal-header__in{display:flex;align-items:flex-start;flex-grow:1;margin-top:-2px}
.modal-header__icon{display:flex;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;margin-right:15px;background-color:var(--modal-header-icon-bg, var(--solution-primary-color));border-radius:5px;color:var(--modal-header-icon-color, var(--G-0, #FFFFFF))}
.modal-header__title{display:flex;align-items:center;color:var(--typo-primary, #2E3538)}
.modal-header__badge{margin-left:8px}
.modal-header__subtitle{margin-top:3px;color:var(--typo-secondary, #878B92)}
.modal-header__actions{display:flex;margin-left:auto;padding-left:15px}
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}
.modal-overlay--backdrop{background:rgba(0,0,0,.4)}
.modal-overlay__transition--fade-enter,.modal-overlay__transition--fade-appear{opacity:0}
.modal-overlay__transition--fade-enter-active,.modal-overlay__transition--fade-appear-active{opacity:1;transition:opacity .15s ease-out}
.modal-overlay__transition--fade-exit{opacity:1}
.modal-overlay__transition--fade-exit-active{opacity:0;transition:opacity .15s ease-out}
.fancy-dialog{position:relative;width:100%;min-width:498px;max-width:498px}
.fancy-dialog__close{position:absolute;top:15px;right:15px;width:26px;height:26px}
.fancy-dialog__wrapper{border-radius:8px;border:var(--border-rte, rgba(15, 15, 15, .1));background-color:var(--G-0, #FFFFFF);box-shadow:0 1px 2px #00001e1a,0 2px 4px #00001e1a}
.fancy-dialog__cover{height:230px;border-bottom:1px solid var(--G-1-5, #E9E9E9);background-color:var(--solution-primary-color);border-radius:8px 8px 0 0;background-size:cover;background-position:center center;background-repeat:no-repeat}
.fancy-dialog__body{display:flex;flex-direction:column;align-items:center;padding:36px 30px 40px}
.fancy-dialog__footer{margin-top:2px;border:var(--border-rte, rgba(15, 15, 15, .1));padding:16px 30px 22px;border-radius:8px;background-color:var(--G-0-5, #FAFAFA);box-shadow:0 1px 2px #00001e1a,0 2px 4px #00001e1a}
.gate-dialog{position:relative;width:498px;margin:20px;padding:60px 30px 40px;background-color:var(--G-0, #FFFFFF);box-shadow:0 2px 6px #0001;border-radius:8px}
.gate-dialog:before{content:" ";position:absolute;top:2px;right:8px;left:8px;height:4px;background-color:var(--solution-primary-color);border-radius:5px}
.gate-dialog__icon{position:absolute;top:-19px;right:0;left:0;display:flex;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto;border-radius:50%;background-color:var(--solution-primary-color);color:var(--G-0, #FFFFFF)}
.gate-dialog__heading{text-align:center}
.gate-dialog__heading+.gate-dialog__body{margin-top:50px}
.gate-dialog__title{margin-bottom:18px}
.gate-dialog--danger:before{background-color:#ff5757}
.gate-dialog--danger .gate-dialog__icon{background-color:#ff5757}
.modal-light-header{display:flex;align-items:center;height:75px;border-bottom:1px solid var(--G-1-5, #E9E9E9);padding:0 20px 0 30px;background-color:var(--G-0, #FFFFFF);border-radius:8px 8px 0 0}
.modal-light-header__icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin-right:14px;border-radius:5px;background-color:var(--solution-primary-color)}
.modal-light-header__actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.modal-light-header__close{width:34px;height:34px}
.modal-figure-header{position:relative;display:flex;border-bottom:1px solid var(--G-1-5, #E9E9E9);padding:30px;background-color:var(--G-0, #FFFFFF);border-radius:8px 8px 0 0}
.modal-figure-header__icon{display:flex;align-items:center;width:38px;margin-right:20px;border-right:1px solid var(--G-1-5, #E9E9E9)}
.modal-figure-header__description{margin-top:2px}
.modal-figure-header__close{position:absolute;top:20px;right:20px}
.modal-narrow{border-radius:8px}
.modal-narrow__close{position:absolute;top:10px;right:10px}
.modal-header-expanded{display:flex;height:40px;border-bottom:1px solid var(--G-1-5, #E9E9E9);padding-left:20px;padding-right:20px;background-color:var(--G-0, #FFFFFF)}
.modal-header-expanded__icon{margin-top:2px}
.modal-header-expanded__hat{position:relative;display:flex;flex-direction:column;max-width:95%;margin-top:-9px;margin-left:10px;padding-left:10px}
.modal-header-expanded__hat:before{opacity:.3;content:"";position:absolute;top:1px;left:-1px;display:block;width:1px;height:36px;background-color:var(--G-4, #B2B2B3)}
.modal-header-expanded__subtitle{position:relative;max-width:100%;margin-bottom:2px;padding-right:5px}
.modal-header-compact{position:relative;display:flex;align-items:center;min-height:58px;border-bottom:1px solid var(--G-2, #DEDEDE);padding:16px 30px;background-color:var(--G-0, #FFFFFF);border-radius:8px 8px 0 0}
.modal-header-compact__hat{display:flex;flex-direction:column;gap:4px}
.modal-header-compact__close{position:absolute;top:10px;right:10px}
.modal-minimal-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:16px 7px 16px 30px;background-color:var(--G-0, #FFFFFF);border-radius:8px 8px 0 0}
.modal-minimal-header--description{align-items:flex-start}
.modal-minimal-header--description .modal-minimal-header__actions{margin-top:-9px}
.modal-minimal-header--border{border-bottom:1px solid var(--G-2, #DEDEDE)}
.modal-minimal-header--right-padding-M{padding-right:20px}
.modal-minimal-header--right-padding-L{padding-right:30px}
.modal-minimal-header__hat{display:flex;flex-direction:column;gap:4px}
.modal-minimal-header__actions{display:flex;align-items:center;gap:12px}
.modal-minimal-header__close{width:32px;height:32px;border-radius:5px}
.install-solution-package{padding:40px 30px;width:732px;background-color:var(--G-0, #FFFFFF);max-height:90vh;display:flex;flex-direction:column}
.install-solution-package__header{background-color:var(--G-0-5, #FAFAFA);padding:32px 20px 15px;border-radius:8px;text-align:center;margin-bottom:30px;position:relative}
.install-solution-package__body{overflow:hidden;height:100%;display:flex;flex-direction:column;margin-right:-3px}
.install-solution-package__solutions{overflow-y:auto;padding-right:3px;height:100%}
.install-solution-package__solutions::-webkit-scrollbar{width:8px;height:8px}
.install-solution-package__solutions::-webkit-scrollbar-track{background-color:transparent}
.install-solution-package__solutions::-webkit-scrollbar-thumb{background-color:#9b9c9e66;border-radius:5px}
.install-solution-package__solutions::-webkit-scrollbar-thumb:hover{background-color:#9b9c9e99}
.install-solution-package__header-title{margin-bottom:10px}
.install-solution-package__header-icon{position:absolute;top:-20px;left:50%;margin-left:-20px;width:40px;height:40px;border-radius:8px;background-color:var(--G-0, #FFFFFF);border:1px solid var(--G-1-5, #E9E9E9);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:24px;color:#1c1b1f}
.install-solution-package__header-created-by{display:block;padding:10px 0;margin-top:10px;text-align:left;border-top:1px solid var(--G-1-5, #E9E9E9)}
.install-solution-package__solutions-text{margin-bottom:9px;display:block}
.install-solution-package__item{min-height:40px;position:relative;border:1px solid var(--G-1-5, #E9E9E9);border-radius:6px;display:flex;cursor:pointer;align-items:center;padding:5px 30px 5px 6px;transition:border-color .15s ease-out}
.install-solution-package__item:hover{border-color:var(--solution-primary-color);transition:border-color .2s ease-in}
.install-solution-package__item:hover .install-solution-package__item-icon-open{opacity:1;transition:opacity .2s ease-in}
.install-solution-package__item:not(:last-child){margin-bottom:6px}
.install-solution-package__item-icon{width:30px;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:20px;color:var(--G-0, #FFFFFF)}
.install-solution-package__item-icon-open{opacity:0;position:absolute;top:50%;margin-top:-8px;right:14px;transition:opacity .15s ease-out}
.passcode-modal-view{padding:30px 30px 0;background-color:var(--G-0-5, #FAFAFA);width:498px;max-width:498px;border-radius:5px;box-shadow:0 9px 24px #0f0f0f33,0 3px 6px #0f0f0f1a;min-height:244px;display:flex;flex-direction:column}
.passcode-modal-view__input{margin-bottom:38px}
.passcode-modal-view__title{margin-bottom:12px}
.passcode-modal-view__description{margin-bottom:24px}
.passcode-modal-view__description strong{font-weight:600}
.passcode-modal-view__footer{border-top:1px solid var(--G-2, #DEDEDE);margin:auto -30px 0;background-color:var(--G-0, #FFFFFF);display:flex;align-items:center;justify-content:flex-end;padding:0 30px;height:55px;border-radius:0 0 5px 5px}
.base-avatar{position:relative;display:flex;justify-content:center;align-items:center;border-radius:50%}
.base-avatar:before{content:"";z-index:1;position:absolute;top:2px;left:2px;right:2px;bottom:2px;display:block;border:1px solid var(--G-0, #FFFFFF);border-radius:50%}
.base-avatar__status{position:absolute;top:0;right:0;z-index:1;width:12px;height:12px;border:2px solid var(--G-0, #FFFFFF);border-radius:50%}
.base-avatar__image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.base-avatar__initials{font-weight:700;line-height:100%;color:currentColor;text-transform:uppercase;overflow:hidden}
.base-avatar__button{display:none;position:absolute;color:#fff;left:-3px;top:-3px;width:12px;height:12px;z-index:1}
.base-avatar:hover{z-index:1}
.base-avatar:hover .base-avatar__button{display:flex}
.base-avatar.is-clickable{cursor:pointer}
.base-avatar--online .base-avatar__status{background-color:#3eac40}
.base-avatar--offline .base-avatar__status{background-color:#ff5757}
.base-avatar--size-xxxxl{width:200px;height:200px}
.base-avatar--size-xxxxl:after{display:none}
.base-avatar--size-xxxxl .base-avatar__initials{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-bottom:6px;font-size:96px}
.base-avatar--size-xxxxl .base-avatar__status{top:17px;right:28px}
.base-avatar--size-xxxl{height:112px;width:112px}
.base-avatar--size-xxxl:after{display:none}
.base-avatar--size-xxxl .base-avatar__initials{font-size:44px}
.base-avatar--size-xxxl .base-avatar__status{top:8px;right:14px}
.base-avatar--size-xxl{width:88px;min-width:88px;height:88px}
.base-avatar--size-xxl:before{display:none}
.base-avatar--size-xxl .base-avatar__initials{font-size:40px}
.base-avatar--size-xxl .base-avatar__status{top:10px;right:5px}
.base-avatar--size-xl{width:64px;min-width:64px;height:64px}
.base-avatar--size-xl .base-avatar__initials{font-size:20px}
.base-avatar--size-xl .base-avatar__status{top:7px;right:-2px}
.base-avatar--size-l{width:44px;min-width:44px;height:44px}
.base-avatar--size-l .base-avatar__initials{font-size:15px}
.base-avatar--size-l .base-avatar__status{top:2px}
.base-avatar--size-l.is-invited{background-color:var(--G-7, #6F7173)}
.base-avatar--size-m-2{width:32px;min-width:32px;height:32px}
.base-avatar--size-m-2:before{display:none}
.base-avatar--size-m-2 .base-avatar__initials{font-size:12px}
.base-avatar--size-m{width:24px;min-width:24px;height:24px}
.base-avatar--size-m:before{display:none}
.base-avatar--size-m .base-avatar__initials{font-size:10px}
.base-avatar--size-m .base-avatar__status{top:-3px;right:-5px}
.base-avatar--size-s{width:16px;min-width:16px;height:16px}
.base-avatar--size-s:before{display:none}
.base-avatar--size-s .base-avatar__initials{font-size:8px}
.base-avatar--size-s .base-avatar__status{top:-1px;right:-2px;width:6px;height:6px;border-width:0}
.base-avatar--size-member-preview{height:112px;min-width:112px;width:112px}
.base-avatar--size-member-preview .base-avatar__initials{font-size:40px}
.base-avatar.has-avatar:before{display:none}
.avatar-invited{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--G-7, #6F7173)}
.avatar-invited--size-m{background-color:var(--G-2, #DEDEDE)}
.avatar-pill{max-width:100%;display:inline-flex;align-items:center;padding-right:12px;background-color:var(--G-0, #FFFFFF);height:26px;border-radius:13px;border:1px solid var(--G-1-5, #E9E9E9);position:relative;cursor:pointer;color:var(--typo-primary, #2E3538);transition:border .15s ease-out}
.avatar-pill--solution-color{color:var(--solution-primary-color)}
.avatar-pill--have-hover:hover{color:var(--solution-primary-color);border-color:var(--G-4, #B2B2B3);transition:border .2s ease-in}
.avatar-pill__avatar{margin-right:6px}
.avatar-pill__remove{color:var(--G-3, #C7C8C9);position:absolute;top:50%;margin-top:-8px;right:5px;z-index:5}
.avatar-pill__remove:hover{color:#ff5757}
.avatar-pill--removable{padding-right:26px}
.avatar-pill.is-active{color:var(--solution-primary-color)}
.avatar-pill--removable-on-hover{transition:border .15s ease-out,padding .15s ease-out;padding-right:0}
.avatar-pill--removable-on-hover .avatar-pill__avatar{margin-right:0;position:relative;left:1px;z-index:1;line-height:1}
.avatar-pill--removable-on-hover .avatar-pill__name{overflow:hidden;background-color:var(--G-0, #FFFFFF);border:1px solid var(--G-1-5, #E9E9E9);border-radius:26px;min-height:26px;max-height:26px;line-height:26px;padding-left:32px;padding-right:12px;margin-left:-24px;position:relative;max-width:100%;transition:all .2s ease-out;width:auto}
.avatar-pill--removable-on-hover .avatar-pill__remove{right:-8px;pointer-events:none;opacity:0;transition:opacity .2s}
.avatar-pill--removable-on-hover:hover{box-shadow:inset 2px 0 0 1px var(--G-1-5, #E9E9E9);z-index:2;transition:box-shadow .2s ease-in}
.avatar-pill--removable-on-hover:hover .avatar-pill__remove{opacity:1;pointer-events:auto}
.avatar-pill--removable-on-hover:hover .avatar-pill__name{border-radius:13px 0 0 13px;border-right-color:var(--G-0, #FFFFFF);transition:border-radius .2s ease-in}
.avatar-pill--removable-on-hover:hover p{box-shadow:2px 0 0 2px var(--G-0, #FFFFFF)}
.avatar-pill--removable-on-hover:hover .avatar-pill__overlay{opacity:1}
.avatar-pill--removable-on-hover:hover .avatar-pill__overlay:before{transform:translate(-2px);box-shadow:inset 0 0 0 1px var(--G-3, #C7C8C9),2px 0 0 0 var(--G-0, #FFFFFF);transition:transform .2s ease-in,box-shadow .2s ease-in}
.avatar-pill__overlay{position:absolute;top:0;left:0;right:-16px;overflow:hidden;bottom:0;border-radius:13px;z-index:-1;color:var(--G-0, #FFFFFF);opacity:0}
.avatar-pill__overlay:before{content:"";position:absolute;right:0;left:0;top:0;bottom:0;border-radius:13px;transform:translate(-13px);transition:transform .15s ease-out;background-color:currentColor;box-shadow:inset 0 0 0 1px var(--G-3, #C7C8C9),2px 0 0 0 var(--G-0, #FFFFFF)}
.r-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--background);height:var(--height);width:var(--width);min-width:var(--min-width);padding:var(--side-padding);border-radius:var(--border-radius);color:var(--text-color)}
.r-badge:hover{background-color:var(--background-hover);color:var(--text-color-hover)}
.r-badge__icon{display:flex;margin-right:3px}
.react-datepicker-wrapper{display:flex;justify-content:center;width:100%}
.react-datepicker{position:relative;display:inline-flex;background-color:var(--G-0, #FFFFFF);font-size:13px;color:var(--typo-primary, #2E3538);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;border:none;border-radius:0}
.react-datepicker__header{background-color:var(--G-0, #FFFFFF);padding:3px 0;border-radius:0;border:none}
.react-datepicker__day-names{display:flex;justify-content:center;margin-bottom:0;padding:10px 0 4px}
.react-datepicker__day-name{width:30px;height:29px;margin:0 2px;text-align:center}
.react-datepicker__month{margin:0}
.react-datepicker__week{display:flex;align-items:flex-start}
.react-datepicker__week:not(:last-child){padding-bottom:4px}
.react-datepicker__day{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;line-height:1;background-color:transparent;margin:0 2px}
.react-datepicker__day:hover{background-color:transparent}
.react-datepicker__day span{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--typo-primary, #2E3538)}
.react-datepicker__day--keyboard-selected{background:transparent}
.react-datepicker__day--keyboard-selected span{color:var(--typo-primary, #2E3538)}
.react-datepicker__day--outside-month{opacity:0;cursor:default;pointer-events:none}
.react-datepicker__day--highlighted span,.react-datepicker__day--today span{font-weight:400}
.react-datepicker__day--highlighted.react-datepicker__day--in-range span,.react-datepicker__day--today.react-datepicker__day--in-range span{border-color:transparent}
.react-datepicker__day--focused:not(.react-datepicker__day--in-range) span:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.2;background-color:var(--solution-primary-color);border-radius:50%;z-index:-1;pointer-events:none}
.react-datepicker__day:not(.react-datepicker__day--selected):hover span,.react-datepicker__day--highlighted span,.react-datepicker__day--today span{border-color:var(--solution-primary-color)}
.react-datepicker__day--selected span{background-color:var(--solution-primary-color);border:2px solid var(--G-0, #FFFFFF);box-shadow:1px 1px 7px #0000001f;color:var(--G-0, #FFFFFF);font-weight:600}
.react-datepicker__day--selected:hover span{background-color:var(--solution-primary-color)}
.react-datepicker__day--selecting-range-start span{border:1px solid var(--G-0, #FFFFFF)!important;background-color:var(--solution-primary-color);box-shadow:1px 1px 7px #0000001f;color:var(--G-0, #FFFFFF);font-weight:600}
.react-datepicker__day--selecting-range-start:hover span{border:1px solid var(--G-0, #FFFFFF)!important}
.react-datepicker__day--in-range:after{content:"";position:absolute;left:-2px;right:-2px;top:0;bottom:0;background-color:var(--solution-secondary-color);border-radius:0;z-index:0}
.react-datepicker__day--in-range:not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end):hover span{color:var(--typo-primary, #2E3538);border-color:transparent}
.react-datepicker__day--in-range.react-datepicker__day--range-end:after,.react-datepicker__day--in-range.react-datepicker__day--range-start:after{width:calc(50% + 2px)}
.react-datepicker__day--in-range.react-datepicker__day--range-end span,.react-datepicker__day--in-range.react-datepicker__day--range-start span{border:1px solid var(--G-0, #FFFFFF);background-color:var(--solution-primary-color);box-shadow:1px 1px 7px #0000001f;color:var(--G-0, #FFFFFF);font-weight:600}
.react-datepicker__day--in-range.react-datepicker__day--range-end:hover span,.react-datepicker__day--in-range.react-datepicker__day--range-start:hover span{border-color:var(--G-0, #FFFFFF)}
.react-datepicker__day--in-range.react-datepicker__day--range-start:after{left:50%}
.react-datepicker__day--in-range.react-datepicker__day--range-start span{border:1px solid var(--G-0, #FFFFFF)}
.react-datepicker__day--in-range.react-datepicker__day--range-end:after{left:-2px}
.react-datepicker__day--in-range.react-datepicker__day--range-start.react-datepicker__day--range-end:after{display:none}
.react-datepicker--range .react-datepicker__day{background-color:transparent!important}
.calendar-footer-group{display:flex;justify-content:center;align-items:center;padding:15px 0 18px;border-top:1px solid var(--G-1-6, #E8E8E8)}
.calendar-footer-group__cancel-button,.calendar-footer-group__done-button{justify-content:center}
.calendar-footer-group__cancel-button{margin-right:18px;min-width:116px}
.calendar-footer-group__done-button{min-width:128px}
.calendar-header-navigation{position:relative;display:flex;justify-content:center}
.calendar-header-navigation__button{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:var(--calendar-header-navigation-button-margin-top, -14px);color:var(--ic-light, #c7cdcf)}
.calendar-header-navigation__button:hover{color:var(--solution-highlight-color)}
.calendar-header-navigation__button--prev{left:-6px}
.calendar-header-navigation__button--next{right:-6px}
.date-calendar-dropdown-header{padding:20px 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background-color:var(--solution-primary-color);border-radius:5px 5px 0 0;color:var(--G-0, #FFFFFF)}
.date-calendar-dropdown-header__day{opacity:.6}
.date-calendar-dropdown-header__date-text{width:100%;font-size:28px;line-height:34px;text-align:center}
.date-calendar-dropdown-header__select-date-text{width:100%;text-align:center}
.due-date-calendar-view__calendar{padding-top:18px;padding-bottom:25px;position:relative;z-index:2;background-color:var(--G-0, #FFFFFF)}
.due-date-calendar{display:inline-flex;width:100%;height:100%}
.due-date-calendar-placeholder{width:100%;height:100%;display:flex;align-items:center;padding:0 10px}
.due-date-calendar-footer{display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-top:1px solid var(--G-1-6, #E8E8E8);height:48px;position:relative;z-index:1}
.due-date-calendar-footer__actions{display:flex;align-items:center;gap:8px}
.due-date-calendar-footer__cancel-button{font-size:12px;padding:0 12px}
.due-date-calendar-footer__time{color:var(--solution-primary-color);min-width:28px;width:28px;height:28px;border-radius:5px;display:flex;justify-content:center;align-items:center;background-color:transparent;border:1px solid transparent;position:relative}
.due-date-calendar-footer__time:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:5px;border:1px solid transparent;transition:border-color .15s ease-out,opacity .15s ease-out}
.due-date-calendar-footer__time:hover:before{border-color:var(--solution-primary-color);opacity:.4}
.due-date-calendar-footer__time.is-active{background-color:var(--solution-secondary-color)}
.due-date-calendar-footer__time.is-active:before{border-color:var(--solution-primary-color);opacity:.7}
.due-date-calendar-header{background-color:var(--solution-primary-color);border-radius:5px 5px 0 0;position:relative;z-index:1}
.due-date-calendar-header__title{padding:9px 0;border-bottom:1px solid rgba(0,0,0,.14);text-align:center;color:var(--G-0, #FFFFFF)}
.due-date-calendar-header__selection-groups{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:72px;background-color:var(--solution-primary-color);overflow:hidden;border-radius:5px}
.due-date-calendar-header__selection-groups:before{content:"";position:absolute;left:50%;display:block;z-index:1;opacity:.3;width:72px;height:100%;background:linear-gradient(-115deg,var(--solution-hover-color),var(--solution-primary-color) 80%);transform:translate(-85%) rotate(45deg) skew(20deg,20deg)}
.due-date-calendar-header.is-time-enabled .due-date-calendar-header__selection-groups:before{width:94px;transform:translate(-90%) rotate(45deg) skew(20deg,20deg)}
.due-date-calendar-range-selection{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;height:100%;padding:10px}
.due-date-calendar-range-selection__inner{text-align:center;cursor:pointer}
.due-date-calendar-range-selection__date-value{width:110px;font-size:16px;height:28px;background-color:#ffffff1a;border-radius:5px;text-align:center;line-height:28px;padding:0 5px}
.due-date-calendar-range-selection__placeholder-button{color:var(--G-0, #FFFFFF);opacity:.6;font-size:11px;padding:0 16px;height:22px;font-weight:500;line-height:22px}
.due-date-calendar-range-selection__placeholder-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;border:1px dashed var(--G-1, #F3F3F4);opacity:.3}
.due-date-calendar-range-selection__title{margin-bottom:4px}
.due-date-calendar-range-selection__input{width:130px;position:relative;outline:2px solid rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.4);height:28px}
.due-date-calendar-range-selection__input input{padding-right:25px;background-color:#0000001a;text-align:center;font-size:16px;font-weight:600;height:26px!important;color:var(--G-0, #FFFFFF)}
.due-date-calendar-range-selection__input input::placeholder{color:#ffffff59}
.due-date-calendar-range-selection__input-clear{color:var(--G-0, #FFFFFF);opacity:.3;height:26px;transition:opacity .15s ease-out}
.due-date-calendar-range-selection__input-clear:hover{color:var(--G-0, #FFFFFF)!important;opacity:1;transition:opacity .2s ease-in}
.due-date-calendar-range-selection__time-group{margin-top:3px}
.due-date-calendar-range-selection.is-empty-date-value .due-date-calendar-range-selection__input input{padding-right:10px}
.due-date-time-placeholder{height:22px;border-radius:5px;display:flex;justify-content:center;align-items:center;position:relative;padding:0 10px;margin-top:4px;opacity:.6;line-height:22px}
.due-date-time-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed var(--G-0, #FFFFFF);opacity:.3;border-radius:5px}
.due-date-time-value{height:22px;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;width:110px;margin-top:4px;border-radius:5px}
.due-date-time-picker{gap:0!important;position:relative}
.due-date-time-picker .icon-button{position:absolute;top:7px;right:6px;color:var(--G-0, #FFFFFF)!important;opacity:.3}
.due-date-time-picker .icon-button:hover{opacity:1}
.due-date-time-picker .react-input-group{margin-top:4px;border:none;height:22px;min-height:22px;background-color:#ffffff1a}
.due-date-time-picker .react-input-group input{height:22px!important;color:var(--G-0, #FFFFFF);padding-right:22px}
.due-date-time-picker .react-input-group input::placeholder{color:#ffffff59}
.date-calendar-dropdown__calendar{padding-top:18px;padding-bottom:25px}
.date-calendar-dropdown__calendar .react-datepicker__day-name{text-transform:capitalize}
.emoji-category-bar__char{display:inline-flex;align-items:center;justify-content:center;font-size:19px;width:32px;height:32px;cursor:pointer;filter:grayscale(1);opacity:.5}
.emoji-category-bar__char--selected{filter:none;opacity:1}
.emoji-category-bar__char:hover{filter:none}
.emoji-preview{display:flex;align-items:center;padding:12px;background:var(--emoji-preview-background-color, var(--G-0-5, #FAFAFA));border-top:1px solid var(--emoji-preview-border-top-color, var(--G-1-5, #E9E9E9))}
.emoji-preview__char{font-size:27px;margin-right:12px}
.emoji-preview__title{max-width:240px}
.emoji-list{padding:10px;overflow:auto;height:210px}
.emoji-list__category{margin-bottom:5px}
.emoji-list__category-name{margin-top:9px}
.emoji-list__category-content{display:flex;flex-wrap:wrap}
.emoji-list__emoji-char{display:inline-flex;align-items:center;justify-content:center;font-size:19px;cursor:pointer;border-radius:5px;width:34px;height:34px;margin-right:2px;margin-bottom:1px}
.emoji-list__emoji-char:hover,.emoji-list__emoji-char--selected{background:var(--emoji-list-char-active, var(--G-1-5, #E9E9E9))}
.emoji-picker{width:310px;background:var(--emoji-picker-background-color, var(--G-0, #FFFFFF));border:1px solid var(--emoji-picker-border-color, var(--G-1-5, #E9E9E9));border-radius:5px;box-shadow:var(--emoji-picker-box-shadow, 0 2px 6px rgba(0, 0, 0, .066));overflow:hidden}
.emoji-picker__category-bar{border-bottom:1px solid var(--emoji-picker-category-bar-color, var(--G-1-5, #E9E9E9));padding:5px}
.emoji-picker__search.react-input-field{margin:5px;width:auto}
.field-type-pill{display:inline-flex;align-items:center;height:24px;max-width:400px;border:1px solid var(--solution-secondary-color);padding:0 8px;border-radius:4px;background-color:var(--solution-secondary-color);color:var(--typo-primary, #2E3538);transition:border-color .15s ease-out}
.field-type-pill.is-selected{border-color:var(--solution-primary-color)}
.field-type-pill.is-disabled{border-color:var(--G-1-5, #E9E9E9);background-color:var(--G-0-5, #FAFAFA);color:var(--G-6, #868788)}
.field-type-pill.is-disabled .field-type-pill__icon{fill:var(--G-4, #B2B2B3)}
.field-type-pill.is-error{border-color:#ffc7e7;background-color:#ffc7e7}
.field-type-pill__icon{margin-right:7px;fill:var(--solution-primary-color)}
.field-type-pill__avatar{margin-right:7px}
.field-type-pill__remove{display:inline-flex;justify-content:center;align-items:center;width:14px;height:14px;margin:0 -4px 0 7px;color:#4d4d4db3;cursor:pointer}
.field-type-pill__remove:hover{color:#ff5757}
.field-type-pills-list{display:flex;flex-wrap:wrap}
.field-type-pills-list__item{margin:0 6px 4px 0}
.field-type-pills-list__more{display:inline-flex;align-items:center;height:24px;padding:0 8px}
.field-type-pills-list__more .icon{margin-right:7px}
.field-type-pills-list__more:hover{color:var(--solution-hover-color)}
.pill{height:var(--r-pill-height);position:relative;display:inline-flex;cursor:pointer;border-radius:var(--r-border-radius-default);color:var(--r-color-default);overflow:var(--r-pill-overflow, visible);transition:color .15s ease-out}
.pill__in{height:100%;width:100%;display:flex;align-items:center;justify-content:var(--r-pill-justify-content, center);border-radius:inherit;border:1px solid var(--r-border-default);background-color:var(--r-background-default);padding:0 10px;padding-left:var(--r-padding);transition:background-color .15s ease-out,border-color .15s ease-out,border-radius .15s ease-out}
.pill__dot{color:var(--solution-primary-color);margin-right:6px;min-width:12px;width:12px;height:12px;border-radius:50%}
.pill__icon{color:var(--solution-primary-color);margin-right:6px;display:flex}
.pill__remove{color:var(--r-remove-button-color);position:absolute;top:50%;margin-top:-8px;right:5px}
.pill__remove:hover{color:var(--r-remove-button-color-hover)}
.pill:hover{color:var(--r-color-hover);transition:color .2s ease-in}
.pill:hover .pill__in{border-color:var(--r-border-hover);background-color:var(--r-background-hover);transition:background-color .2s ease-in,border-color .2s ease-in,border-radius .2s ease-in}
.pill.is-active{color:var(--r-color-active);transition:color .2s ease-in}
.pill--removable .pill__in{padding-right:26px}
.pill--removable.pill--animated-remove:before,.pill--removable.pill--animated-remove:after{content:"";width:100%;height:var(--r-pill-height);position:absolute;top:0;left:0;background-color:inherit;z-index:-1;border-radius:inherit;border:1px solid transparent;transform-origin:0 50%;transition:transform .15s ease-out,border-color .15s ease-out}
.pill--removable.pill--animated-remove:before{background-color:var(--G-0, #FFFFFF);left:2px}
.pill--removable.pill--animated-remove:after{background-color:var(--r-background-default);border-color:var(--r-border-default)}
.pill--removable.pill--animated-remove .pill__remove{right:-10px;opacity:0;pointer-events:none}
.pill--removable.pill--animated-remove.pill--removable .pill__in{padding-right:10px}
.pill--removable.pill--animated-remove:hover{z-index:2}
.pill--removable.pill--animated-remove:hover .pill__in{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}
.pill--removable.pill--animated-remove:hover:before,.pill--removable.pill--animated-remove:hover:after{transform:translate(15px);transition:transform .2s ease-in,border-color .2s ease-in}
.pill--removable.pill--animated-remove:hover:after{background-color:var(--r-background-hover);border-color:var(--r-border-hover)}
.pill--removable.pill--animated-remove:hover .pill__remove{opacity:1;pointer-events:auto;transition:opacity .2s ease-in}
.multiple-select-field-control--linked-card .pill,.single-select-field-control--linked-card .pill{height:24px}
.pill--ellipsis{max-width:100%}
.editable-pill{display:inline-flex;align-items:center;padding:0 8px 0 10px;margin-right:4px;margin-bottom:4px;height:26px;max-width:calc(100% - 6px);background-color:var(--G-0-5, #FAFAFA);border:1px solid var(--G-2, #DEDEDE);border-radius:46px}
.editable-pill__input{background-color:transparent;min-width:6px}
.editable-pill__label{margin-right:4px;color:var(--solution-primary-color);transition:color .15s ease-out}
.editable-pill__label:hover{color:var(--solution-hover-color);transition:color .2s ease-in}
.editable-pill.is-active{border-color:var(--G-5, #9B9C9E)}
.editable-pill.is-error{background-color:#feecee33;border-color:#ff5757}
.editable-pill.is-error .editable-pill__label{color:var(--typo-primary, #2E3538)}
.select-pill{display:flex;align-items:center;max-width:100%}
.select-pill.has-description{align-items:flex-start;flex-wrap:wrap;margin-top:var(--select-display-top-indent, 2px)}
.select-pill__icon{display:flex;margin-right:7px}
.select-pill__text{overflow:hidden}
.select-pill__emoji{display:inline-block;width:auto;height:auto;font-size:16px;min-width:18px;margin-right:7px}
.select-pill__help{width:100%;margin-top:4px}
.two-month-calendar-header-navigation{display:flex;width:100%;height:24px;position:relative;justify-content:center;margin:25px 0 15px}
.two-month-calendar-header-navigation__month{line-height:24px}
.two-month-calendar-header-navigation__button{position:absolute;top:0;bottom:0;width:32px}
.two-month-calendar-header-navigation__button--prev{left:0}
.two-month-calendar-header-navigation__button--next{right:0}
.two-month-date-picker .react-datepicker__header{padding:0}
.two-month-date-picker .react-datepicker__month-container{padding:0 10px 10px}
.two-month-date-picker .react-datepicker__month-container:not(:last-child){border-right:1px solid var(--G-1-6, #E8E8E8)}
.two-month-date-picker .react-datepicker__day-name{width:41px;height:30px;color:var(--typo-secondary, #878B92)}
.two-month-date-picker .react-datepicker__day{width:41px;height:41px;border-radius:50%;font-size:13px;border:1px solid transparent;cursor:pointer}
.two-month-date-picker .react-datepicker__day:hover:not(.two-month-date-picker .react-datepicker__day--today,.two-month-date-picker .react-datepicker__day--selected,.two-month-date-picker .react-datepicker__day--in-range){border-color:var(--G-2, #DEDEDE)}
.two-month-date-picker .react-datepicker__day:hover{font-weight:500}
.two-month-date-picker .react-datepicker__day--in-selecting-range,.two-month-date-picker .react-datepicker__day--keyboard-selected{color:inherit;background-color:inherit}
.two-month-date-picker .react-datepicker__day--today{border-color:var(--G-2, #DEDEDE);font-weight:500}
.two-month-date-picker .react-datepicker__day--selected{border-color:var(--solution-primary-color);background-color:var(--solution-primary-color);font-weight:500;color:var(--G-0, #FFFFFF)}
.two-month-date-picker .react-datepicker__day--selected:hover{color:var(--G-0, #FFFFFF);border-color:var(--solution-primary-color);background-color:var(--solution-primary-color)}
.two-month-date-picker .react-datepicker__day--in-range{border-color:var(--solution-primary-color);z-index:1;color:var(--G-0, #FFFFFF);font-weight:500;background-color:var(--solution-primary-color)}
.two-month-date-picker .react-datepicker__day--in-range:after{background-color:var(--solution-primary-color);z-index:-1;top:-1px;bottom:-1px;left:-3px;right:-3px}
.two-month-date-picker .react-datepicker__day--in-range:hover{background-color:var(--solution-primary-color)}
.two-month-date-picker .react-datepicker__day--range-end:after{left:-4px}
.two-month-date-picker .react-datepicker__day--range-start:after{left:auto;right:-4px}
.two-month-date-picker .react-datepicker__day--range-start:before,.two-month-date-picker .react-datepicker__day--range-end:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid var(--G-0, #FFFFFF);border-radius:50%}
.two-month-date-picker .react-datepicker__day--in-range.react-datepicker__day--range-start.react-datepicker__day--range-end:after{display:none}
.two-month-date-picker .react-datepicker__day--in-range.react-datepicker__day--range-start:after{width:calc(50% + 3px)}
.two-month-date-picker .react-datepicker__day--in-range.react-datepicker__day--range-end:after{left:-3px}
.pro-plan-label{align-items:center;background-color:#fff2dc;border-radius:10px;border:1px solid rgba(255,185,56,.5);display:inline-flex;height:20px;min-width:49px;padding:0 5px 0 8px}
.pro-plan-label__icon{margin-left:4px}
.emoji-dropdown__picker.emoji-picker{width:100%}
.time-picker{margin:0 10px;display:flex;gap:10px}
.time-picker__dropdown{--menu-option-height: 28px}
.time-picker__scrollbar{max-height:200px}
.time-picker-option{height:28px;display:flex;align-items:center;padding:0 10px}
.calendar-dropdown{padding:10px 12px;border-radius:5px}
.calendar-dropdown__panel{padding-bottom:12px}
.color-picker-pill{position:relative;display:inline-block;height:22px;padding-right:8px;padding-left:30px;background-color:var(--G-1-5, #E9E9E9);border-radius:5px;line-height:22px;flex-shrink:0}
.color-picker-pill:before{content:" ";position:absolute;top:1px;left:1px;width:20px;height:20px;border-radius:5px;background-color:var(--colorpicker-pill-color)}
.color-picker-pill__clear{position:absolute;top:50%;right:2px;background-color:var(--G-1-5, #E9E9E9);transform:translateY(-50%)}
.color-picker-pill.is-removable{padding-right:20px}
.color-picker-pill--clear-on-hover.is-removable{padding-right:8px;transition:padding-right .15s ease-out}
.color-picker-pill--clear-on-hover.is-removable .color-picker-pill__clear{opacity:0;transition:opacity .15s ease-out}
.color-picker-pill--clear-on-hover.is-removable:hover{padding-right:20px;transition:padding-right .2s ease-in}
.color-picker-pill--clear-on-hover.is-removable:hover .color-picker-pill__clear{opacity:1;transition:opacity .2s ease-in}
.color-picker-dropdown__wrapper{position:relative;padding:10px}
.color-picker-dropdown__mixer{display:flex;align-items:stretch;padding-bottom:22px;margin-bottom:10px}
.color-picker-dropdown__preview{width:90px;margin-right:1px}
.color-picker-dropdown .react-colorful{position:static;flex-grow:1;height:152px;width:auto}
.color-picker-dropdown .react-colorful__saturation,.color-picker-dropdown .react-colorful__last-control{border-radius:0}
.color-picker-dropdown .react-colorful__hue{position:absolute;top:170px;left:10px;right:10px;height:10px}
.color-picker-dropdown .react-colorful__saturation-pointer{width:10px;height:10px;border:1px solid var(--G-0, #FFFFFF)}
.color-picker-dropdown .react-colorful__hue-pointer{width:16px;height:16px;border:4px solid var(--G-0, #FFFFFF)}
.color-picker-dropdown__inputs{display:grid;grid-template-columns:25% 1fr 40%;grid-gap:10px}
.color-picker-dropdown__input{display:flex;flex-direction:column;gap:4px}
.color-picker-dropdown__name-input{display:flex;flex-direction:column;gap:4px;grid-column-start:1;grid-column-end:4}
.hashtag-pill{position:relative;cursor:pointer;display:inline-flex;align-items:center;padding:0 10px;line-height:26px;height:26px;background-color:var(--G-1-5, #E9E9E9);border-radius:4px;color:var(--typo-primary, #2E3538);transition:background-color .15s ease-out}
.hashtag-pill__icon{margin-right:7px;background-image:url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M10.1913344,4.02859512 L11.1476392,4.32096683 L10.634,5.99959512 L13,6 L13,7 L10.328,6.99959512 L9.716,8.99959512 L12,9 L12,10 L9.411,9.99959512 L8.80866556,11.9714049 L7.8523608,11.6790332 L8.365,9.99959512 L6.411,9.99959512 L5.80866556,11.9714049 L4.8523608,11.6790332 L5.365,9.99959512 L3,10 L3,9 L5.671,8.99959512 L6.283,6.99959512 L4,7 L4,6 L6.588,5.99959512 L7.19133444,4.02859512 L8.1476392,4.32096683 L7.634,5.99959512 L9.588,5.99959512 L10.1913344,4.02859512 Z M9.283,6.99959512 L7.328,6.99959512 L6.716,8.99959512 L8.671,8.99959512 L9.283,6.99959512 Z'%3E%3C/path%3E%3C/svg%3E");width:16px;height:16px;transition:opacity .15s ease-out}
.hashtag-pill__remove{position:absolute;top:50%;left:10px;transform:translateY(-50%);opacity:0;transition:opacity .15s ease-out}
.hashtag-pill:hover{background-color:var(--G-2, #DEDEDE);transition:background-color .2s ease-in}
.hashtag-pill.is-disabled{cursor:default}
.hashtag-pill.is-disabled:hover{background-color:var(--G-1-5, #E9E9E9)}
.hashtag-pill--remove:hover{background-color:var(--G-2, #DEDEDE);transition:background-color .2s ease-in}
.hashtag-pill--remove:hover .hashtag-pill__icon{opacity:0;transition:opacity .2s ease-in}
.hashtag-pill--remove:hover .hashtag-pill__remove{opacity:1;transition:opacity .2s ease-in}
.image-position-cropper{position:relative}
.image-position-cropper__icon{position:absolute;top:50%;left:50%;margin-top:-13px;margin-left:-13px;z-index:1;opacity:1;display:flex;align-items:center;justify-content:center;min-width:26px;width:26px;pointer-events:none;height:26px;border-radius:5px;background-color:#0003;transition:opacity .15s ease-out}
.image-position-cropper:hover .image-position-cropper__icon{opacity:0;transition:opacity .2s ease-in}
@keyframes circle-loader-spinning{to{transform:rotate(360deg)}}
.circle-loader-icon{display:inline-flex;animation:circle-loader-spinning 1s infinite linear}
.loading-detail-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:27px;border-radius:10px;background-color:var(--G-0, #FFFFFF);box-shadow:1px 1px 7px #0000001f}
.loading-detail-panel__icon{color:var(--G-4, #B2B2B3);animation:spin 1s infinite linear}
@keyframes spin{to{transform:rotate(360deg)}}
.loading-detail-panel__title{margin-top:18px}
.loading-detail-panel__description{margin-top:4px}
.results-not-found{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;height:100%}
.results-not-found__image--gutter{margin-bottom:22px}
.results-not-found__title{margin-bottom:8px}
.results-not-found__description{color:var(--typo-secondary, #878B92);text-align:center}
.results-not-found__link{margin-top:20px}
.danger-alert{position:relative;display:flex;align-items:center;gap:15px;padding:8px 15px}
.danger-alert:before{content:" ";opacity:.5;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#feecee;border-radius:8px;pointer-events:none}
.danger-alert__icon{position:relative;color:#ff5757}
.danger-alert__body{position:relative;display:flex;flex-direction:column;flex-grow:1;gap:4px}
.upgrade-plan-warning{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background-color:#fff2dc}
.upgrade-plan-warning__icon{color:#ffb938}
.upgrade-plan-warning__body{flex-grow:1;font-size:13px;line-height:18px}
.upgrade-plan-warning__actions{flex-shrink:0;margin-left:auto}
.faq-accordion-item{align-self:flex-start;width:100%;border:1px solid var(--G-1-5, #E9E9E9);border-radius:8px;transition:border-color .15s ease-out}
.faq-accordion-item.is-active .faq-accordion-item__arrow{opacity:1;transform:rotate(180deg);transition:transform .2s ease-in,opacity .2s ease-in}
.faq-accordion-item:not(.is-active):hover{border-color:var(--G-3, #C7C8C9);transition:border-color .2s ease-in}
.faq-accordion-item:not(.is-active):hover .faq-accordion-item__title{opacity:1;transition:opacity .2s ease-in}
.faq-accordion-item__head{display:flex;gap:15px;width:100%;padding:11px 20px 12px;cursor:pointer;text-align:left}
.faq-accordion-item__title{opacity:.9;transition:opacity .15s ease-out}
.faq-accordion-item__arrow{opacity:.6;margin-top:5px;margin-left:auto;color:var(--G-8, #4d4d4d);transition:transform .15s ease-out,opacity .15s ease-out}
.faq-accordion-item__content{overflow:hidden;padding:0 20px 12px;font-size:14px;line-height:22px}
.faq-lists-item{align-self:flex-start}
.faq-lists-item__content{padding-top:10px;font-size:14px;line-height:22px}
.faq-lists-table-item{display:flex;align-items:flex-start;gap:30px}
.faq-lists-table-item:not(:last-child){margin-bottom:20px;border-bottom:1px solid var(--G-1-5, #E9E9E9);padding-bottom:20px}
.faq-lists-table-item__title{width:40%}
.faq-lists-table-item__content{width:60%;font-size:14px;line-height:22px}
.warning-info{position:relative;display:flex;gap:10px;padding:10px;border-radius:8px}
.warning-info:before,.warning-info:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}
.warning-info:before{opacity:.5;background-color:#fff2dc}
.warning-info:after{opacity:.3;border:1px solid #FFB938}
.warning-info__icon{position:relative;color:#ffb938}
.warning-info__body{position:relative;font-size:12px;line-height:18px;color:var(--tertiary, #6B6B6B)}
.fill-fields-error-info{position:relative;display:flex;padding:10px 10px 10px 30px;background-color:#feecee}
.fill-fields-error-info__icon{position:relative;display:flex;align-items:center;padding-right:36px;color:#ff5757}
.fill-fields-error-info__icon:before{content:" ";position:absolute;top:0;right:18px;bottom:0;width:1px;border-right:1px solid rgba(255,87,87,.2)}
.fill-fields-error-info__body{display:flex;flex-direction:column;flex-grow:1;gap:8px}
.fill-fields-error-info__items{display:flex;flex-wrap:wrap;gap:8px 23px}
.fill-fields-error-info__item{position:relative;display:flex;align-items:center;gap:6px}
.fill-fields-error-info__item:not(:last-child):before{content:"•";position:absolute;top:50%;right:-15px;transform:translateY(-50%)}
.fill-fields-error-info__count{display:inline-flex;justify-content:center;align-items:center;min-width:17px;height:16px;padding:0 5px;background-color:#ff5757;border-radius:5px}
.basic-tabs{display:flex;position:relative}
.basic-tabs--center{justify-content:center}
.basic-tabs--left{justify-content:flex-start}
.basic-tabs--line{border-bottom:1px solid}
.basic-tabs--line.basic-tabs--large{border-color:var(--G-2, #DEDEDE)}
.basic-tabs--line.basic-tabs--small{border-color:var(--G-1-5, #E9E9E9)}
.r-basic-tab{display:flex;align-items:center;position:relative;cursor:pointer;padding-bottom:6px;z-index:3;color:var(--typo-secondary, #878B92)}
.r-basic-tab svg{margin-right:5px}
.r-basic-tab:before{content:"";position:absolute;top:0;bottom:0}
.r-basic-tab__badge{margin-top:-1px;margin-left:5px}
.r-basic-tab__indicator{position:relative;width:4px;height:4px;border-radius:5px;background-color:#f1273f}
.r-basic-tab:hover,.r-basic-tab.is-active{color:var(--typo-primary, #2E3538)}
.r-basic-tab--large{padding:10px 0;z-index:1}
.r-basic-tab--large:before{left:-15px;right:-15px}
.r-basic-tab--large:not(:last-child){margin-right:30px}
.r-basic-tab--middle{padding:13px 0}
.r-basic-tab--middle:before{left:-15px;right:-15px}
.r-basic-tab--middle:not(:last-child){margin-right:30px}
.r-basic-tab--small{padding:var(--basic-tab-small-paddings, 13px 0);position:relative}
.r-basic-tab--small:after,.r-basic-tab--small:before{width:10px;height:100%;position:absolute;top:0;content:"";z-index:2}
.r-basic-tab--small:after{right:-10px}
.r-basic-tab--small:before{left:-10px}
.r-basic-tab--small:first-child:before,.r-basic-tab--small:last-child:after{display:none}
.r-basic-tab--small:before{left:-10px;right:-10px}
.r-basic-tab--small:not(:last-child){margin-right:var(--basic-tab-small-gap, 20px)}
.r-basic-tab--small .r-basic-tab__indicator{top:-6px;right:-2px}
.r-basic-tab--view-primary{padding-bottom:9px;color:var(--typo-primary, #2E3538)}
.r-basic-tab--view-primary.is-active{color:var(--solution-primary-color)}
.r-basic-tab--icon{padding:14px 15px}
.r-basic-tab--icon:not(:last-child){margin-right:20px}
.basic-tab-slider{display:block;position:absolute;bottom:0;height:3px;transition:width .15s ease-out,left .15s ease-out;background-color:var(--solution-primary-color)}
.basic-tab-slider--rounded{border-radius:5px}
.basic-tab-slider--large{height:4px}
.basic-tab-slider--middle{bottom:8px}
.basic-tab-slider--small{height:var(--basic-tabs-slider-height, 3px);bottom:var(--basic-tabs-slider-small-bottom, 6px)}
.simple-table{overflow:hidden;border:1px solid var(--G-1-5, #E9E9E9);border-radius:8px;background-color:var(--G-0, #FFFFFF)}
.simple-table-row{display:flex;justify-content:space-between}
.simple-table-header{border-bottom:1px solid var(--G-1-5, #E9E9E9);background-color:var(--G-0-5, #FAFAFA)}
.simple-table-header__col{padding:10px 0 10px 15px}
.simple-table-header__col:last-child{padding-right:15px}
.simple-table-body .simple-table-row{position:relative}
.simple-table-body .simple-table-row:not(:last-child):after{content:" ";position:absolute;right:15px;bottom:0;left:15px;height:1px;background-color:var(--G-1-5, #E9E9E9)}
.simple-table-body__col{padding:12px 0 12px 15px}
.simple-table-body__col:last-child{padding-right:15px}
.simple-table__empty{padding:12px 15px}
.pagination{display:flex;align-items:center;gap:15px;-webkit-user-select:none;user-select:none}
.pagination__arrow{display:flex;justify-content:center;align-items:center;color:var(--G-8, #4d4d4d)}
.pagination__arrow[disabled]{opacity:.3;cursor:default}
.pagination__list{display:flex;align-items:center;gap:4px}
.pagination__item{display:flex;justify-content:center;align-items:center;min-width:24px;height:20px;padding-right:8px;padding-left:8px;border-radius:6px;color:var(--tertiary, #6B6B6B)}
.pagination__item:hover{color:var(--typo-primary, #2E3538)}
.pagination__item.is-active{background-color:var(--G-1, #F3F3F4);color:var(--typo-primary, #2E3538)}
.dots-nav{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;-webkit-user-select:none;user-select:none}
.dots-nav__arrow{display:flex;justify-content:center;align-items:center;min-width:16px;height:20px;color:var(--G-8, #4d4d4d)}
.dots-nav__arrow[disabled]{color:var(--G-2, #DEDEDE);cursor:default}
.dots-nav__list{overflow:hidden;display:flex;align-items:center;justify-content:center}
.dots-nav__item{position:relative;min-width:20px;height:20px;color:var(--G-2, #DEDEDE);transition:color .15s ease-out}
.dots-nav__item:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;width:9px;height:9px;margin:auto;background-color:currentColor;border-radius:50%}
.dots-nav__item:hover{color:var(--G-3, #C7C8C9);transition:color .2s ease-in}
.dots-nav__item.is-active{color:var(--G-6, #868788);transition:color .2s ease-in}
.dots-nav__ellipsis{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;color:var(--G-4, #B2B2B3);font-size:12px;font-weight:500}
.icon--transition{transition:color .2s ease-in,fill .2s ease-in}
.icon--transition:hover{transition:color .15s ease-out,fill .15s ease-out}
.preloader{position:absolute;pointer-events:none;transform:translateZ(0);top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:1001}
.preloader--primary{color:var(--solution-primary-color)}
.preloader--white{color:var(--G-0, #FFFFFF)}
.preloader--backdrop{background-color:var(--G-0, #FFFFFF)}
.preloader__dots{width:100%;max-width:60px}
.preloader__spinners{width:44px;height:44px;position:relative;transform:scaleX(-1);padding:0 2px}
.preloader__spin{background-color:currentColor;height:12px;width:40px;display:block;border-radius:47% 0% 43%/116% 0% 130%}
.preloader__center-pin{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-8px;height:10px;width:16px;background-color:currentColor;border-radius:10px;z-index:1}
.preloader__spin-wrapper{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center}
.preloader__spin-wrapper--bottom .preloader__spin,.preloader__spin-wrapper--top .preloader__spin{transform:scaleX(-1)}
.preloader__spin-wrapper--top{animation:topSpin 833ms linear infinite forwards}
.preloader__spin-wrapper--center .preloader__spin{margin-top:16px;animation:centerSpin 833ms linear infinite forwards}
.preloader__spin-wrapper--bottom{animation:bottomSpin 833ms linear infinite forwards}
.preloader__spin-wrapper--bottom .preloader__spin{margin-top:32px}
@keyframes topSpin{0%{transform:rotate(-360deg);animation-timing-function:cubic-bezier(.42,0,.58,1)}76%{transform:rotate(-540deg)}to{transform:rotate(-540deg)}}
@keyframes centerSpin{0%{transform:scaleX(1) scaleY(1)}38%{transform:scaleX(0) scaleY(.7)}76%{transform:scaleX(1) scaleY(1)}to{transform:scaleX(1) scaleY(1)}}
@keyframes bottomSpin{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.42,0,.58,1)}76%{transform:rotate(-180deg)}to{transform:rotate(-180deg)}}
.scrollbar{height:100%;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;position:relative;width:100%}
.scrollbar .ScrollbarsCustom{position:relative;width:100%}
.scrollbar .ScrollbarsCustom-Scroller{-webkit-overflow-scrolling:touch}
.scrollbar .ScrollbarsCustom-Wrapper{position:absolute;top:0;left:0;bottom:0;right:0}
.scrollbar .ScrollbarsCustom-Content{box-sizing:border-box;display:block!important}
.scrollbar__thumb{opacity:.4;background-color:var(--G-5, #9B9C9E);cursor:pointer;border-radius:5px;position:relative;transition:opacity .15s ease-out}
.scrollbar__thumb:hover{opacity:.6;transition:opacity .2s ease-in}
.scrollbar__thumb--Y{height:0;right:0;width:8px}
.scrollbar__thumb--X{bottom:0;height:8px;width:0}
.scrollbar__track{background-color:transparent;overflow:hidden;position:absolute;border-radius:4px;-webkit-user-select:none;user-select:none;right:0}
.scrollbar__track--Y{height:100%;right:0;top:0;width:8px}
.scrollbar__track--X{bottom:0;height:8px;left:0;width:100%}
.scrollbar--show-on-hover .scrollbar__track--Y,.scrollbar--show-on-hover .scrollbar__track--X{opacity:0;transition:opacity .15s ease-out}
.scrollbar--show-on-hover:hover .scrollbar__track--Y,.scrollbar--show-on-hover:hover .scrollbar__track--X{opacity:1;transition:opacity .2s ease-in}
.scroll-controller{position:absolute;top:0;left:0;right:0;bottom:0}
.scroll-controller.is-scrolling{z-index:7}
.truncated-list{overflow:hidden;display:flex;align-items:center;width:100%}
.truncated-list__elements{overflow:hidden;display:flex;flex-wrap:nowrap}
.truncated-list__truncator{flex-shrink:0;padding-left:var(--truncator-padding-left, 10px);font-weight:var(--truncator-font-weight);font-size:var(--truncator-font-size);color:var(--truncator-color)}
.truncated-list__scrollbar{overflow:hidden;overflow-y:auto;width:100%;max-height:var(--truncator-max-height, 80vh)}
.truncated-list__scrollbar::-webkit-scrollbar{width:13px}
.truncated-list__scrollbar::-webkit-scrollbar-track{background-color:transparent}
.truncated-list__scrollbar::-webkit-scrollbar-thumb{box-shadow:inset 0 0 13px 13px #9b9c9e66;border:4px solid transparent;border-radius:13px;background-color:transparent}
.truncated-list__scrollbar::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 13px 13px #9b9c9e99}
.truncated-list__element{max-width:100%}
.truncated-list__hiddens{display:flex;flex-direction:column;gap:7px;padding:10px}
.horizontal-arrow-scroll{position:relative}
.horizontal-arrow-scroll__scrollarea{width:100%;height:inherit}
.horizontal-arrow-scroll__scrollarea .ScrollbarsCustom-Track{display:none}
.horizontal-arrow-scroll__arrow{z-index:4;position:absolute;top:0;bottom:0;width:20px;height:30px;margin:auto 0;box-shadow:0 2px 6px #0001;border-radius:4px;cursor:pointer}
.horizontal-arrow-scroll__arrow--left{left:0}
.horizontal-arrow-scroll__arrow--left .icon{transform:rotate(90deg)}
.horizontal-arrow-scroll__arrow--right{right:0}
.horizontal-arrow-scroll__arrow--right .icon{transform:rotate(-90deg)}
.assets-library-modal{height:700px}
.assets-library-modal .basic-tabs--line.basic-tabs--small{border-bottom-width:0px!important}
.assets-library-modal .modal__body{display:flex;flex-direction:column;border-radius:8px!important}
.assets-library-modal__header{margin-top:14px;display:flex;align-items:center;justify-content:space-between;padding-left:30px;padding-right:21px;height:34px;min-height:34px}
.assets-library-modal-container{display:grid}
.assets-library-modal__header-actions{display:flex;align-items:center;gap:10px}
.assets-library-modal__close{min-width:32px;height:32px;width:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:var(--G-1, #F3F3F4);cursor:pointer;color:var(--G-5, #9B9C9E);transition:color .15s ease-out,background-color .15s ease-out}
.assets-library-modal__close:hover{color:var(--G-8, #4d4d4d);background-color:var(--G-1-5, #E9E9E9);transition:color .2s ease-in,background-color .2s ease-in}
.assets-library-modal__help{color:var(--G-4, #B2B2B3)!important;background-color:transparent!important;height:32px!important;width:32px!important}
.assets-library-modal__help:hover{color:var(--solution-primary-color)!important;background-color:var(--G-1-5, #E9E9E9)!important}
.assets-library-modal__tabs{padding-left:30px;padding-right:30px;--basic-tabs-slider-small-bottom: 5px}
.assets-library-modal__tabs .r-basic-tab{padding-bottom:12px}
.assets-library-modal__tabs .text{line-height:14px}
.assets-library-modal__tabs .r-basic-tab--icon{padding-right:0;padding-left:0;margin-left:20px}
.assets-library-modal__tabs .r-basic-tab--icon:after{content:"";position:absolute;left:-20px;bottom:11px;right:auto;top:auto;height:15px;width:1px;background-color:#0000001a}
.assets-library-modal__tabs .r-basic-tab .icon{color:#ffb938}
.assets-library-modal__scrollbar{height:100%}
.assets-library-modal__description{width:100%;display:inline-block;padding:4px 30px 8px;color:#6b6b6b!important;border-bottom:1px solid #E9E9E9!important}
.assets-card{min-width:270px;max-width:270px;height:190px;position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--G-1-5, #E9E9E9)}
.assets-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:#0009;opacity:0;z-index:1;will-change:backdrop-filter;transition:opacity .1s ease-in}
.assets-card__label{border-bottom:1px solid white}
.assets-card__image{width:100%;height:100%;object-position:center;object-fit:cover}
.assets-card__image--svg{object-fit:contain}
.assets-card__footer{display:flex;justify-content:space-between;align-items:center;padding-left:15px;padding-right:10px;position:absolute;bottom:0;left:0;right:0;padding-bottom:10px;opacity:0;z-index:1;transition:opacity .15s ease-out}
.assets-card__button{min-width:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:8px;transition:background-color .15s ease-out;position:relative;z-index:1}
.assets-card__button:hover{background-color:#fff3;transition:background-color .2s ease-in}
.assets-card__button-tooltip{margin-left:auto}
.assets-card__action{position:absolute!important;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;min-height:24px;height:auto!important;transition:opacity .15s ease-out;z-index:1}
.assets-card__actions{display:flex;gap:6px;margin-left:auto;position:relative;z-index:1}
.assets-card:hover:before{opacity:1;backdrop-filter:blur(4px)}
.assets-card:hover .assets-card__footer,.assets-card:hover .assets-card__action{opacity:1;transition:opacity .2s ease-in}
.assets-upload{min-width:270px;height:190px;width:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;border:1px dashed var(--G-2, #DEDEDE);background-color:transparent;cursor:pointer;gap:2px;transition:background-color .15s ease-out,border-color .15s ease-out}
.assets-upload:hover{border-color:var(--solution-primary-color);background-color:var(--solution-secondary-color);transition:background-color .2s ease-in,border-color .2s ease-in}
.assets-upload__tooltip{min-width:293px}
.assets-upload__tooltip-wrapper,.assets-upload__tooltip-wrapper .tooltip__outside{display:flex}
.assets-upload__description{border-bottom:1px dashed rgba(0,0,0,.1)}
.assets-upload__description:hover{color:var(--typo-primary, #2E3538)}
.assets-upload__title{margin-top:5px;display:block}
.assets-library-content{padding:20px 30px}
.assets-warning{background-color:var(--G-0-5, #FAFAFA);border-radius:8px;margin-bottom:10px;height:34px;display:flex;align-items:center;justify-content:center;gap:4px}
.global-assets-empty{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;height:560px;gap:3px}
.global-assets-empty__image{margin-bottom:13px}
.assets-upload-types{padding:16px 12px;min-width:283px;display:flex;flex-direction:column}
.assets-upload-types__list p{color:var(--G-0, #FFFFFF);font-size:13px;display:block;margin-bottom:7px;margin-top:12px}
.assets-upload-types__list li{color:var(--G-0, #FFFFFF);opacity:.8;font-size:12px}
.assets-upload-types__list li:not(:last-child){margin-bottom:2px}
.unsplash-list{margin-right:-27px;height:100%;display:grid;grid-template-rows:max-content 1fr}
.unsplash-list__header{margin-bottom:24px;padding-right:27px}
.unsplash-list__texts{display:flex;align-items:center;justify-content:space-between}
.unsplash-list__description a{color:var(--typo-secondary, #878B92)}
.unsplash-list__search{margin-top:13px;padding-left:10px}
.unsplash-list__list{display:flex;flex-wrap:wrap;gap:20px}
.unsplash-list__empty{width:100%;height:470px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}
.assets-simple-card{min-width:270px;max-width:270px;height:190px;position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--G-1-5, #E9E9E9)}
.assets-simple-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:#0009;opacity:0;z-index:1;will-change:backdrop-filter;transition:opacity .1s ease-in}
.assets-simple-card__image{width:100%;height:100%;object-fit:cover}
.assets-simple-card__info{display:none;position:absolute;bottom:0;left:0;right:0;padding:1rem;z-index:1}
.assets-simple-card__info span{color:#fff}
.assets-simple-card__info a{color:#fff;text-decoration:none}
.assets-simple-card__link{font-size:11px;font-weight:600;position:relative;color:var(--G-0, #FFFFFF);line-height:16px;display:inline-block}
.assets-simple-card__link:before{content:"";position:absolute;bottom:1px;left:0;right:0;height:1px;background-color:var(--G-0, #FFFFFF);opacity:0}
.assets-simple-card__link:hover:before{opacity:1}
.assets-simple-card__action{position:absolute!important;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;min-height:24px;height:auto!important;z-index:1;transition:opacity .15s ease-out}
.assets-simple-card:hover:before{opacity:1;backdrop-filter:blur(4px)}
.assets-simple-card:hover .assets-simple-card__info{display:block}
.assets-simple-card:hover .assets-simple-card__action{opacity:1;transition:opacity .2s ease-in}
.assets-generate__footer{display:grid;gap:20px;margin-top:24px}
.assets-generate__footer .danger-alert{border-radius:8px;border:1px solid rgba(255,87,87,.3019607843)}
.assets-generate__footer .danger-alert a,.assets-generate__footer .danger-alert a:hover{text-decoration:underline;color:#ff5757}
.assets-generate__progress{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;gap:12px;border-radius:12px;padding:6px 6px 6px 12px;border:1px solid rgba(15,15,15,.0509803922)}
.assets-generate__progress-bar{height:6px;border-radius:5px;background-color:#e9e9e9}
.assets-generate__progress-bar-inner{height:100%;border-radius:5px;background-color:red;transition:all .25s ease-in-out}
.assets-generate__request-count{width:max-content;display:flex;align-items:center;gap:6px}
.assets-generate__request-count .text{color:#6b6b6b}
.assets-generate__request-count-tooltip{color:#c7c8c9;cursor:pointer;transition:color .2s ease-in-out}
.assets-generate__request-count-tooltip:hover{color:#6f7173}
.assets-generate{display:grid;height:100%;position:relative}
.assets-generate__control{display:grid;grid-auto-flow:column;grid-template-columns:1fr 114px max-content;align-items:center;gap:10px;margin-top:12px}
.assets-generate__header{margin-bottom:24px}
.assets-generate__list-container{position:relative;display:flex;flex-wrap:wrap}
.assets-generate__list{overflow-y:auto;display:flex;flex-wrap:wrap;gap:20px;margin-right:-27px;height:100%;align-content:flex-start}
.assets-generate__list::-webkit-scrollbar{width:8px;height:8px}
.assets-generate__list::-webkit-scrollbar-track{background-color:transparent}
.assets-generate__list::-webkit-scrollbar-thumb{background-color:#9b9c9e66;border-radius:5px}
.assets-generate__list::-webkit-scrollbar-thumb:hover{background-color:#9b9c9e99}
.assets-generate__list-loading{position:absolute;z-index:10;background-color:#fffc;padding:10px;border-radius:8px;backdrop-filter:blur(6px);left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px}
.assets-generate__list-loading svg{color:#b2b2b3!important}
.assets-generate__options{display:flex;align-items:center;gap:18px;margin-top:8px}
.assets-generate__option{padding:10px 16px!important;height:52px!important}
.assets-generate__option p{display:flex;gap:2px;flex-direction:column}
.assets-generate__button{height:36px;gap:10px;color:var(--G-0, #FFFFFF);font-weight:500;font-size:13px;border-radius:8px;background-color:var(--solution-primary-color);padding:0 15px 0 10px;display:flex;white-space:nowrap;align-items:center;transition:background-color .15s ease-out}
.assets-generate__button:disabled{background-color:#c7c8c9}
.assets-generate__button:disabled:hover{background-color:#c7c8c9;cursor:not-allowed}
.assets-generate__button:hover{background-color:var(--solution-hover-color);transition:background-color .2s ease-in}
.assets-generate.is-loading .assets-generate__button{background-color:var(--G-8, #4d4d4d)}
.assets-group-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:30px;gap:20px}
.group-name{background:white;padding:10px 0}
.assets-default-list{height:100%;margin-right:-27px}
.assets-default-list .assets-library-virtual-scroll>div{padding-right:27px}
.assets-default-list .assets-library-virtual-scroll>div:first-child{padding-right:18px;z-index:3!important}
.assets-default-list .assets-library-virtual-scroll .virtuoso-top-item-list{margin-right:-9px}
.global-assets-list{margin-right:-27px}
.global-assets-list-container{height:100%;display:grid}
.global-assets-list .virtuoso-grid-list{gap:20px!important}
.solution-assets-list{height:100%;margin-right:-27px}
.assets-skeleton img{width:1140px}
.assets-library-virtual-scroll{height:100%;width:100%}
.assets-library-virtual-scroll::-webkit-scrollbar{width:8px;height:8px}
.assets-library-virtual-scroll::-webkit-scrollbar-track{background-color:transparent}
.assets-library-virtual-scroll::-webkit-scrollbar-thumb{background-color:#9b9c9e66;border-radius:5px}
.assets-library-virtual-scroll::-webkit-scrollbar-thumb:hover{background-color:#9b9c9e99}
.assets-library-virtual-scroll .virtuoso-grid-list{padding-right:27px;gap:20px!important}
.assets-library-virtual-scroll .virtuoso-grid-item{font-size:0}
.asset-library-usage-modal__body{padding-top:30px;max-height:380px;overflow-y:auto}
.asset-library-usage-modal__body .virtuoso-item-list>div:last-child{margin-bottom:30px}
.asset-library-usage-modal__row{border:1px solid #E9E9E9;border-radius:6px;padding:7px 10px;margin-bottom:10px;margin-left:30px;margin-right:30px}
.asset-library-usage-modal__footer{padding-bottom:30px}
.where-used-button{flex-direction:row-reverse}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
img, fieldset, a img {
  border: none;
}
input[type=text],
input[type=email],
input[type=number],
input[type=tel],
textarea {
  -webkit-appearance: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=submit],
button {
  line-height: 1.15;
  cursor: pointer;
}
input[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button {
  background-color: transparent;
  font: inherit;
}
textarea {
  overflow: auto;
}
input, button {
  margin: 0;
  padding: 0;
  border: 0;
}
div, input, textarea, select, button,
h1, h2, h3, h4, h5, h6, a, span, a:focus {
  outline: none;
}
ul, ol {
  list-style-type: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
html {
  line-height: 1.15;
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
p {
  outline: none;
}
.link {
  color: var(--solution-primary-color);
  text-decoration: none;
}
.primary {
  color: var(--typo-primary, #2E3538);
}
.secondary {
  color: var(--typo-secondary, #878B92);
}
.reverse {
  color: var(--typo-white, var(--G-0, #FFFFFF));
}
.tertiary {
  color: var(--tertiary, #6B6B6B);
}
.inactive {
  color: var(--inactive, #B2B2B3);
}
.error {
  color: #FF5757;
}
.currentColor {
  color: currentColor;
}
.thin {
  font-weight: 100;
}
.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.medium.is-firefox-in-windows {
  font-weight: 600;
}
.semibold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.heavy {
  font-weight: 900;
}
.nowrap {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.ellipsis {
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrap {
  white-space: normal;
}
.lineclamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.word-break-ellipsis {
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  margin-right: 2px;
}
.word-break-all {
  word-break: break-all;
}
.word-break-word {
  word-break: break-word;
}
.text-center {
  text-align: center;
}
.word-break {
  word-break: break-all;
}
.text-wrap {
  white-space: normal;
}
.typo-hover {
  cursor: pointer;
  transition: color ease-in 100ms;
}
.typo-hover:hover {
  color: var(--solution-hover-color);
  transition: color ease-out 200ms;
}
.typo-hover:hover.link:after {
  color: var(--solution-primary-color);
}
.typo-active {
  color: var(--solution-hover-color);
}
.inherit {
  color: inherit;
}
.capitalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
.underline {
  text-decoration: underline;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.title-xxs {
  font-size: 15px;
  line-height: 21px;
}
.title-xs {
  font-size: 16px;
  line-height: 24px;
}
.title-s {
  font-size: 18px;
  line-height: 25px;
}
.title-l {
  font-size: 20px;
  line-height: 25px;
}
.title-xl {
  font-size: 22px;
  line-height: 30px;
}
.title-xxl {
  font-size: 26px;
  line-height: 32px;
}
.title-xxxl {
  font-size: 42px;
  line-height: 54px;
}
.title--clamps {
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}
.title--clamps-2 {
  -webkit-line-clamp: 2;
}
.paragraph-xl {
  font-size: 21px;
  line-height: 27px;
}
.paragraph-l {
  font-size: 14px;
  line-height: 20px;
}
.paragraph-m, .checklist-item .ProseMirror p {
  font-size: 13px;
  line-height: 18px;
}
.paragraph-s {
  font-size: 12px;
  line-height: 18px;
}
.paragraph-xs {
  font-size: 11px;
  line-height: 16px;
}
.paragraph-xxs {
  font-size: 10px;
  line-height: 15px;
}
.paragraph-xxxs {
  font-size: 9px;
  line-height: 14px;
}
.paragraph--clamps {
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}
.paragraph--clamps-1 {
  -webkit-line-clamp: 1;
}
.paragraph--clamps-2 {
  -webkit-line-clamp: 2;
}
.paragraph--clamps-3 {
  -webkit-line-clamp: 3;
}
.paragraph--clamps-4 {
  -webkit-line-clamp: 4;
}
.paragraph--clamps-5 {
  -webkit-line-clamp: 5;
}
.paragraph--clamps-6 {
  -webkit-line-clamp: 6;
}
.paragraph--clamps-7 {
  -webkit-line-clamp: 7;
}
.paragraph--clamps-8 {
  -webkit-line-clamp: 8;
}
.paragraph--clamps-9 {
  -webkit-line-clamp: 9;
}
.paragraph--clamps-10 {
  -webkit-line-clamp: 10;
}
.paragraph--clamps-11 {
  -webkit-line-clamp: 11;
}
.paragraph--letter-space {
  letter-spacing: 1px;
}
.table-head {
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
}
.table-head--small {
  font-size: 11px;
  line-height: 16px;
}
.table-head--tiny {
  font-size: 9px;
  line-height: 11px;
}
.field-label {
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
}
.field-label-small {
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
}
.card-caption {
  font-size: 9px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.45px;
}
.field-types-caption {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1px;
}
.uppercase {
  text-transform: uppercase;
}
.transition {
  transition: color 200ms ease-in-out;
}
.capitalize {
  text-transform: capitalize;
}
.sh-0 {
  box-shadow: none;
}
.sh-1 {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.066);
}
.sh-2, .ui-dropdown--simple.ui-dropdown .ui-shadow {
  box-shadow: 0 4px 10px rgba(128, 128, 128, 0.25);
}
.sh-3 {
  box-shadow: -1px 4px 8px rgba(128, 128, 128, 0.5);
}
.sh-4 {
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.page-h {
  box-shadow: 4px 8px 14px rgba(0, 0, 0, 0.08);
}
.page-c {
  box-shadow: 4px 8px 14px rgba(0, 0, 0, 0.04);
}
.sys-m-p {
  box-shadow: 1px 7px 7px rgba(0, 0, 0, 0.4);
}
:root {
  --link: #00A6ED;
  --error: #DD1C1A;
  --active: #FF6F2C;
  --highlight: #F1C40F;
  --success: #57A773;
  --grid-column-first-width: 0;
  --grid-row-size: 40px;
  --solution-primary-color: #3a86ff;
  --solution-dw-color: 231, 240, 254;
  --solution-w-color: 183, 227, 251;
  --solution-secondary-color: #e7f0fe;
  --solution-hover-color: #0055db;
  --solution-highlight-color: #0055db;
  --solution-primary-color-rgb: 58,134,255;
  --workspace-base-color: #558AE0;
  --workspace-washed-color: #C4D6F4;
  --workspace-darker-color: #446EB3;
  --workspace-dw-color: #EEF3FC;
  --workspace-banner-color: rgba(196, 214, 244, 0.5);
  --workspace-border-color: rgba(85, 138, 224, 0.1);
  --topbar-height: 50px;
}
html {
  height: 100%;
}
body {
  background-color: var(--G-0-5, #FAFAFA);
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: var(--typo-primary, #2E3538);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.container {
  padding-left: 20px;
  padding-right: 20px;
}
.space {
  height: 100%;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
.free-space {
  width: 100%;
}
.half-space {
  width: 50%;
}
.object-cover {
  width: 100%;
  height: 100%;
}
.highlight {
  background-color: #f8e287;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.hidden {
  display: none;
}
.block-hidden {
  overflow: hidden;
}
.scroll-hidden {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.layout-space {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.scroll-area {
  overflow-y: hidden;
  flex-basis: 100%;
  box-sizing: border-box;
}
.content-wrapper {
  width: 100%;
  max-width: 1003px;
  padding: 0 20px;
  margin: 0 auto;
}
.outline-offset {
  margin: 0 -50px;
  padding: 0 50px;
}
.wrapper {
  padding: 10px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
}
.text--xl {
  font-size: 21px;
  line-height: 27px;
}
.text--xl-min {
  font-size: 18px;
  line-height: 25px;
}
.text--l-plus {
  font-size: 16px;
  line-height: 24px;
}
.text--l-semi-plus {
  font-size: 15px;
  line-height: 20px;
}
.text--l {
  font-size: 14px;
  line-height: 20px;
}
.text--l-md {
  font-size: 16px;
  line-height: 24px;
}
.text--m, .mywork-record-field__in, .results-not-found__description {
  font-size: 13px;
  line-height: 18px;
}
.text--s, .recycle-bin-modal-view__empty-description {
  font-size: 12px;
  line-height: 18px;
}
.text--xs, .mywork-record-field__in b {
  font-size: 11px;
  line-height: 16px;
}
.text--xxs {
  font-size: 10px;
  line-height: 15px;
}
.text--xxxs {
  font-size: 9px;
  line-height: 14px;
}
.text--ellipsis {
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text--nowrap {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.text--wrap {
  white-space: normal;
}
.text--uppercase {
  text-transform: uppercase;
}
.text--lowercase {
  text-transform: lowercase;
}
.text--capitalize {
  text-transform: capitalize;
}
.text--align-left {
  text-align: left;
}
.text--align-right {
  text-align: right;
}
.text--align-center {
  text-align: center;
}
.text--clamps {
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}
.text--clamps-1 {
  -webkit-line-clamp: 1;
}
.text--clamps-2 {
  -webkit-line-clamp: 2;
}
.text--clamps-3 {
  -webkit-line-clamp: 3;
}
.text--clamps-4 {
  -webkit-line-clamp: 4;
}
.text--clamps-5 {
  -webkit-line-clamp: 5;
}
.text--clamps-6 {
  -webkit-line-clamp: 6;
}
.text--clamps-7 {
  -webkit-line-clamp: 7;
}
.text--clamps-8 {
  -webkit-line-clamp: 8;
}
.text--clamps-9 {
  -webkit-line-clamp: 9;
}
.text--clamps-10 {
  -webkit-line-clamp: 10;
}
.text--clamps-11 {
  -webkit-line-clamp: 11;
}
.text--clamps-break-word {
  word-break: break-word;
}
.text--letter-space {
  letter-spacing: 1px;
}
.text--transition {
  transition: color 150ms ease-out;
}
.text--break-all {
  word-break: break-all;
}
.text--break-word {
  word-break: break-word;
}
.text--placeholder {
  letter-spacing: -0.21px;
}
.title--xxs {
  font-size: 15px;
  line-height: 21px;
}
.title--xs {
  font-size: 16px;
  line-height: 24px;
}
.title--s {
  font-size: 18px;
  line-height: 25px;
}
.title--l {
  font-size: 20px;
  line-height: 25px;
}
.title--xl {
  font-size: 22px;
  line-height: 30px;
}
.title--xxl {
  font-size: 26px;
  line-height: 32px;
}
.title--xxxl {
  font-size: 42px;
  line-height: 54px;
}
.title--ellipsis {
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.title--nowrap {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.title--wrap {
  white-space: normal;
}
.title--uppercase {
  text-transform: uppercase;
}
.title--lowercase {
  text-transform: lowercase;
}
.title--capitalize {
  text-transform: capitalize;
}
.title--align-left {
  text-align: left;
}
.title--align-right {
  text-align: right;
}
.title--align-center {
  text-align: center;
}
.editable-paragraph {
  display: inline-block;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
  transition: all 0.2s ease-in-out;
  cursor: text;
  word-break: break-word;
}
.link {
  overflow-wrap: break-word;
}
.link.is-hover {
  cursor: pointer;
  transition: color 150ms ease-out;
}
.link.is-hover:hover {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.link.is-active {
  color: var(--solution-hover-color);
}
.link.is-disabled {
  pointer-events: none;
  color: var(--typo-primary, #2E3538);
}
.link.link--underline-none {
  text-decoration: none;
}
.link.link--underline-none:hover {
  text-decoration: none;
}
.link.link--underline-default {
  text-decoration: underline;
}
.link.link--underline-default:hover {
  text-decoration: none;
}
.link.link--underline-hover {
  text-decoration: none;
}
.link.link--underline-hover:hover {
  text-decoration: underline;
}
.link.link--underline-always {
  text-decoration: underline;
}
.link.link--underline-always:hover {
  text-decoration: underline;
}
.link--xxl {
  font-size: 18px;
  line-height: 25px;
}
.link--xl {
  font-size: 16px;
  line-height: 24px;
}
.link--l {
  font-size: 14px;
  line-height: 20px;
}
.link--l-semi-plus {
  font-size: 15px;
  line-height: 20px;
}
.link--m {
  font-size: 13px;
  line-height: 18px;
}
.link--s {
  font-size: 12px;
  line-height: 18px;
}
.link--xs {
  font-size: 11px;
  line-height: 16px;
}
.link--wrap {
  white-space: normal;
}
.link--nowrap {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.link--ellipsis {
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.link--break-all {
  word-break: break-all;
}
.link--break-word {
  word-break: break-word;
}
.link--uppercase {
  text-transform: uppercase;
}
.link--capitalize {
  text-transform: capitalize;
}
.link--lowercase {
  text-transform: lowercase;
}
.link--align-left {
  text-align: left;
}
.link--align-center {
  text-align: center;
}
.link--align-right {
  text-align: right;
}
.link--clamps {
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}
.link--clamps-1 {
  -webkit-line-clamp: 1;
}
.link--clamps-2 {
  -webkit-line-clamp: 2;
}
.link--clamps-3 {
  -webkit-line-clamp: 3;
}
.link--clamps-4 {
  -webkit-line-clamp: 4;
}
.link--clamps-5 {
  -webkit-line-clamp: 5;
}
.link--clamps-6 {
  -webkit-line-clamp: 6;
}
.link--clamps-7 {
  -webkit-line-clamp: 7;
}
.link--clamps-8 {
  -webkit-line-clamp: 8;
}
.link--clamps-9 {
  -webkit-line-clamp: 9;
}
.link--clamps-10 {
  -webkit-line-clamp: 10;
}
.link--clamps-11 {
  -webkit-line-clamp: 11;
}
.table-head-text {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 1px;
}
.table-head-text--no-letter-spacing {
  letter-spacing: normal;
}
.add-button {
  display: flex;
  align-items: center;
}
.add-button__content {
  display: inline-flex;
  align-items: center;
  transition: color 150ms ease-out;
  color: var(--add-button-text-color);
}
.add-button__icon {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--add-button-icon-background);
  color: var(--add-button-icon-color);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.add-button:hover .add-button__content {
  color: var(--add-button-text-hover-color);
  transition: color 200ms ease-in;
}
.add-button:hover .add-button__icon {
  background-color: var(--add-button-icon-hover-background);
  color: var(--add-button-icon-hover-color);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.add-button.is-disabled {
  pointer-events: none;
}
.done-cancel {
  display: flex;
  border-top: 1px solid var(--h-line-70, rgba(222, 222, 222, 0.7));
  background-color: var(--G-0-5, #FAFAFA);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
}
.done-cancel__button {
  width: 50%;
  padding: 10px;
}
.done-cancel__button:first-child {
  color: var(--tertiary, #6B6B6B);
  border-bottom-left-radius: 5px;
}
.done-cancel__button:not(:last-child) {
  border-right: 1px solid var(--G-1-2, #F0F0F0);
}
.done-cancel__button:last-child {
  border-bottom-right-radius: 5px;
}
.done-cancel__button:hover, .done-cancel__button:focus {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
}
.empty-button {
  position: relative;
  background-color: transparent;
  border-radius: 100px;
  color: var(--typo-primary, #2E3538);
  display: flex;
  align-items: center;
}
.empty-button.is-disabled {
  pointer-events: none;
  cursor: default;
}
.empty-button:focus {
  color: var(--solution-hover-color);
}
.empty-button--size-md {
  height: 24px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
}
.empty-button--size-lg {
  height: 32px;
  font-size: 14px;
  padding: 0 15px;
  font-weight: 600;
}
.empty-button--size-xl {
  height: 40px;
  padding: 0 30px;
  font-size: 15px;
  font-weight: 500;
}
.icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icon-button-color);
  background: var(--icon-button-background);
  transition: color 150ms ease-out , background-color 150ms ease-out;
}
.icon-button:disabled {
  cursor: default;
  pointer-events: none;
}
.icon-button--background {
  padding: 5px;
}
.icon-button--kind-circle {
  border-radius: 100%;
}
.icon-button--kind-round {
  border-radius: 5px;
}
.icon-button:not(:disabled):hover, .icon-button:not(:disabled):focus {
  color: var(--icon-button-color-hover);
  background: var(--icon-button-background-hover);
  transition: color 200ms ease-in , background-color 200ms ease-in;
}
.icon-text-button {
  background-color: transparent;
  display: flex;
  align-items: center;
  padding: 4px;
}
.icon-text-button__icon {
  display: flex;
  margin-right: 4px;
  transition: color 150ms ease-out , opacity 150ms ease-out;
  color: var(--r-icon-button-color);
  opacity: var(--r-icon-button-alpha);
}
.icon-text-button__text {
  display: flex;
  transition: color 150ms ease-out , opacity 150ms ease-out;
  color: var(--r-text-button-color);
  opacity: var(--r-text-button-alpha);
}
.icon-text-button:hover .icon-text-button__icon {
  transition: color 200ms ease-in , opacity 200ms ease-in;
  color: var(--r-icon-button-hover-color);
  opacity: var(--r-icon-button-hover-alpha);
}
.icon-text-button:hover .icon-text-button__text {
  transition: color 200ms ease-in , opacity 200ms ease-in;
  color: var(--r-text-button-hover-color);
  opacity: var(--r-text-button-hover-alpha);
}
.icon-text-button.is-disabled {
  pointer-events: none;
  cursor: default;
}
.r-tooltip-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border-radius: 50%;
  color: var(--r-tooltip-button-color);
  font-size: 0;
  cursor: pointer;
  transition: color 150ms ease-out;
}
.r-tooltip-button--size-s {
  width: 12px;
  height: 12px;
  min-width: 12px;
}
.r-tooltip-button--size-m {
  height: 16px;
  width: 16px;
  min-width: 16px;
}
.r-tooltip-button:hover {
  color: var(--r-tooltip-button-hover-color);
}
.r-tooltip-button.is-error {
  color: var(--r-tooltip-button-error-color);
  transition: color 200ms ease-in;
}
.r-tooltip-button.is-error:hover {
  color: #F1273F;
  transition: color 200ms ease-in;
}
.r-tooltip-button.is-active {
  color: var(--r-tooltip-button-active-color);
  transition: color 200ms ease-in;
}
.circle-plus-button {
  color: var(--G-4, #B2B2B3);
  width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.circle-plus-button.is-active, .circle-plus-button:hover {
  color: var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
  transition: background-color 200ms ease-in;
}
.color-picker-button {
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
.color-picker-button__circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
}
.color-picker-button__circle:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 4px;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: var(--G-0, #FFFFFF);
}
.color-picker-button--size-M {
  width: 28px;
  height: 28px;
}
.color-picker-button--size-L {
  width: 35px;
  height: 35px;
}
.color-picker-button--outline {
  border: 1px solid var(--G-1-5, #E9E9E9);
  transition: background 150ms ease-out , border-color 150ms ease-out;
}
.color-picker-button--outline:hover, .color-picker-button--outline.is-active {
  border-color: var(--G-3, #C7C8C9);
  transition: background 200ms ease-in , border-color 200ms ease-in;
}
.color-picker-button--filled {
  border: 1px solid transparent;
  transition: border 150ms ease-out , background 150ms ease-out;
}
.color-picker-button--filled:hover, .color-picker-button--filled.is-active {
  border-color: var(--G-1-5, #E9E9E9);
  transition: border 200ms ease-in , background 200ms ease-in;
}
.color-picker-button.is-darken .color-picker-button__circle:before {
  border-top-color: var(--ic-dark, #2D2D2D);
}
.color-picker-button:hover, .color-picker-button.is-active {
  background-color: var(--G-0, #FFFFFF);
}
.r-button {
  display: flex;
  align-items: center;
  position: relative;
  height: var(--height);
  padding: var(--side-padding);
  border-radius: var(--border-radius);
  border: var(--border-width) solid var(--border-color);
  color: var(--text-color);
  background-color: var(--background);
  transition: color 150ms ease-out , background 150ms ease-out , border-color 150ms ease-out , opacity 150ms ease-out;
}
.r-button__icon {
  display: flex;
  color: var(--icon-color);
  transition: color 150ms ease-out;
}
.r-button__icon:only-child {
  margin: 0;
}
.r-button__icon {
  margin-right: var(--icon-right-indent);
  margin-left: var(--icon-left-indent);
}
.r-button__loader {
  width: var(--button-spinner-size, 20px);
  height: var(--button-spinner-size, 20px);
  margin: 0 auto;
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
  border-right-color: transparent;
  position: absolute;
  top: var(--button-spinner-position, calc(50% - 10px));
  left: var(--button-spinner-position, calc(50% - 10px));
  animation: cssload-spin 700ms infinite linear;
}
.r-button:hover, .r-button:focus, .r-button.is-active {
  color: var(--text-color-hover);
  background-color: var(--background-hover);
  border-color: var(--border-hover-color);
  transition: color 200ms ease-in , background 200ms ease-in , border-color 200ms ease-in;
}
.r-button:hover .r-button__icon, .r-button:focus .r-button__icon, .r-button.is-active .r-button__icon {
  color: var(--icon-hover-color);
  transition: color 200ms ease-in;
}
.r-button.is-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
  background-color: var(--G-4, #B2B2B3);
  transition: opacity 200ms ease-in;
}
.r-button.is-loading {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.r-button.is-loading .r-button__content {
  opacity: 0;
}
.r-button.is-content-reversed {
  flex-direction: row-reverse;
}
@keyframes cssload-spin {
  to {
    transform: rotate(360deg);
  }
}
.switch-button {
  width: var(--width);
  height: var(--height);
  border-radius: var(--border-radius);
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  padding-right: var(--padding-slider);
  padding-left: var(--padding-slider);
  background-color: var(--background);
  color: var(--color);
  cursor: pointer;
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.switch-button__text_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.switch-button:hover {
  background-color: var(--background-hover);
  transition: background-color 200ms ease-in;
}
.switch-button__item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  flex-grow: 1;
  height: 100%;
  min-width: var(--width-item);
  position: relative;
  z-index: 1;
  padding-right: var(--gap-item);
  padding-left: var(--gap-item);
}
.switch-button__item:hover, .switch-button__item:focus {
  color: var(--color-hover);
  transition: color 200ms ease-in;
}
.switch-button__item .text {
  display: flex;
}
.switch-button__item.is-active {
  color: var(--color-active);
  transition: color 150ms ease-out;
}
.switch-button__item.is-active:hover {
  color: var(--color-active);
}
.switch-button__slider {
  position: absolute;
  height: var(--height-slider);
  width: var(--width-slider);
  border: var(--border-slider);
  border-radius: var(--border-radius-slider, var(--border-radius));
  background-color: var(--background-slider);
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: var(--margin-left-slider);
  transition: left 150ms ease-out;
}
.simple-add-button {
  height: 24px;
  padding: 0 8px 0 4px;
  background-color: transparent;
  border-radius: 5px;
  color: var(--tertiary, #6B6B6B);
  transition: background-color 150ms ease-out;
}
.simple-add-button.is-active, .simple-add-button:hover {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
  transition: background-color 200ms ease-in;
}
.simple-add-button.is-disabled {
  opacity: 0.5;
}
.explore-button {
  width: 100%;
  height: 42px;
  background-color: var(--solution-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: var(--G-0, #FFFFFF);
  padding: 0 22px;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.explore-button:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.explore-button__content {
  margin-right: 6px;
}
.info-icon-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 5px;
  background-color: var(--G-1, #F3F3F4);
  color: var(--solution-primary-color);
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.info-icon-button:hover {
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.split-button {
  align-items: center;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.split-button.is-disabled {
  opacity: 0.5;
  transition: opacity 150ms ease-out;
}
.split-button.is-disabled .split-button__main-button,
.split-button.is-disabled .split-button__side-button {
  background-color: var(--G-4, #B2B2B3);
  cursor: default;
  pointer-events: none;
}
.split-button.is-loading .split-button__main-button,
.split-button.is-loading .split-button__side-button {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.split-button.is-loading .split-button__main-button__text {
  opacity: 0;
}
.split-button.is-side-menu-active .split-button__side-button {
  background-color: var(--split-button-hover-color);
}
.split-button.is-side-menu-active .split-button__side-button span {
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.split-button__main-button, .split-button__side-button {
  transition: background 150ms ease-out;
  background-color: var(--split-button-color);
  height: var(--button-height);
}
.split-button__main-button:focus-visible, .split-button__main-button:hover, .split-button__side-button:focus-visible, .split-button__side-button:hover {
  background-color: var(--split-button-hover-color);
  cursor: pointer;
}
.split-button__main-button {
  border-radius: 8px 0 0 8px;
  padding: 7px 10px 7px 15px;
  position: relative;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.split-button__side-button {
  border-radius: 0 8px 8px 0;
  padding: 7px 15px 7px 10px;
  position: relative;
}
.split-button__side-button span {
  transform: rotate(0);
  display: block;
  transition: transform 150ms ease-out;
}
.split-button__side-button::before {
  background-color: rgba(255, 255, 255, 0.4);
  content: "";
  display: block;
  height: calc(var(--button-height) / 2);
  left: 0;
  position: absolute;
  top: calc(50% - var(--button-height) / 4);
  width: 1px;
}
.split-button__side-button__icon {
  display: flex;
}
.split-button__loader {
  left: calc(50% - 6px);
  position: absolute;
  top: calc(50% - var(--button-height) / 4);
}
.expand-button {
  padding-top: 25px;
  padding-bottom: 25px;
}
.expand-button.is-active .expand-button__icon {
  transform: rotate(0deg);
  transition: transform 200ms ease-in;
}
.expand-button__head {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.expand-button__head:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  bottom: -10px;
  left: 0;
}
.expand-button__badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  height: 16px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 4px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.expand-button__content {
  margin-top: 23px;
}
.expand-button__icon {
  color: var(--G-5, #9B9C9E);
  transform: rotate(-90deg);
  transition: transform 150ms ease-out;
}
.expand-button__side {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}
.blank-dashed-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  font-size: 12px;
  line-height: 18px;
  color: var(--tertiary, #6B6B6B);
  cursor: pointer;
}
.blank-dashed-button:hover::before, .blank-dashed-button.is-active::before {
  opacity: 0.5;
  border-color: var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
  transition: opacity 200ms ease-in , border-color 200ms ease-in , background-color 200ms ease-in;
}
.blank-dashed-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px dashed var(--G-3, #C7C8C9);
  border-radius: 5px;
  transition: opacity 150ms ease-out , border-color 150ms ease-out , background-color 150ms ease-out;
}
.blank-dashed-button__inner {
  z-index: 2;
  position: relative;
}
.sidebar-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  height: 38px;
  padding-left: 19px;
  color: rgba(46, 53, 56, 0.8);
}
.sidebar-item:hover {
  color: #2E3538;
}
.sidebar-item:hover::before {
  background-color: var(--G-2, #DEDEDE);
  transition: background-color 200ms ease-in;
}
.sidebar-item.is-active {
  color: #2E3538;
}
.sidebar-item.is-active::before {
  background-color: var(--solution-primary-color);
  transition: background-color 200ms ease-in;
}
.sidebar-item::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 4px;
  height: 25px;
  border-radius: 2px;
  transform: translateY(-50%);
  transition: background-color 150ms ease-out;
}
.radio-icon-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-basis: 100%;
  gap: 5px;
  min-height: 68px;
  padding: 10px;
  border-radius: 5px;
  color: var(--tertiary, #6B6B6B);
  cursor: pointer;
  text-align: center;
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.radio-icon-button::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: inherit;
  transition: opacity 150ms ease-out , border-color 150ms ease-out;
}
.radio-icon-button.is-active, .radio-icon-button:hover {
  color: var(--typo-primary, #2E3538);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.radio-icon-button.is-active::before, .radio-icon-button:hover::before {
  opacity: 0.5;
  border-color: var(--solution-primary-color);
  transition: opacity 200ms ease-in , border-color 200ms ease-in;
}
.radio-icon-button.is-active .radio-icon-button__icon, .radio-icon-button:hover .radio-icon-button__icon {
  opacity: 1;
  color: var(--solution-primary-color);
  transition: opacity 200ms ease-in , color 200ms ease-in;
}
.radio-icon-button.is-active {
  background-color: var(--solution-secondary-color);
}
.radio-icon-button__icon {
  opacity: 0.4;
  color: var(--ic-darker, #151515);
  transition: opacity 150ms ease-out , color 150ms ease-out;
}
.rating-buttons {
  white-space: nowrap;
  height: 16px;
  font-size: 0;
  display: inline-block;
  position: relative;
  color: var(--G-3, #C7C8C9);
}
.rating-buttons__item {
  display: inline-block;
  height: 20px;
}
.rating-buttons--rectangle .rating-buttons__rectangle {
  border: 1px solid #D7D7DB;
  background-color: var(--G-0, #FFFFFF);
}
.rating-buttons__rectangle {
  min-width: 20px;
  width: 20px;
  border-radius: 5px;
  background-color: var(--G-3, #C7C8C9);
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin-right: 2px;
}
.rating-buttons__rectangle.is-hover {
  background-color: var(--custom-washed-color);
  color: var(--G-0, #FFFFFF);
}
.rating-buttons__rectangle.is-active {
  background-color: var(--custom-color);
  color: var(--G-0, #FFFFFF);
  border-color: var(--custom-color);
}
.rating-buttons.is-clickable .rating-buttons__item {
  cursor: pointer;
}
.rating-buttons--rectangle, .rating-buttons--number {
  height: 20px;
  color: var(--typo-primary, #2E3538);
}
.rating-buttons--rectangle .rating-buttons__tooltip:not(:last-child) .rating-buttons__item, .rating-buttons--number .rating-buttons__tooltip:not(:last-child) .rating-buttons__item {
  padding-right: 2px;
}
.rating-buttons .tooltip {
  position: absolute;
  top: 0;
  left: 0;
}
.rating-buttons-tooltip-area {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.flat-button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: var(--flat-button-min-width, 36px);
  padding: 0 14px;
  border-radius: 8px;
  transition: border-color 150ms ease-out , box-shadow 150ms ease-out , background-color 150ms ease-out;
}
.flat-button:hover {
  transition: border-color 200ms ease-in , box-shadow 200ms ease-in , background-color 200ms ease-in;
}
.flat-button::before, .flat-button::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  transition: opacity 150ms ease-out , border-color 150ms ease-out , background-color 150ms ease-out;
}
.flat-button.has-icon {
  padding-left: 8px;
}
.flat-button.size-l {
  height: 28px;
}
.flat-button.size-xl {
  height: 32px;
}
.flat-button.variant-primary {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.flat-button.variant-primary:hover {
  background-color: var(--solution-hover-color);
}
.flat-button.variant-washed {
  background-color: rgb(var(--solution-w-color));
  color: var(--typo-primary, #2E3538);
}
.flat-button.variant-washed::before {
  content: " ";
  opacity: 0;
  background-color: var(--solution-primary-color);
}
.flat-button.variant-washed:hover::before {
  opacity: 0.15;
  transition: opacity 200ms ease-in;
}
.flat-button.variant-deep-washed {
  color: var(--typo-primary, #2E3538);
}
.flat-button.variant-deep-washed::before, .flat-button.variant-deep-washed::after {
  transition: opacity 150ms ease-out , border-color 150ms ease-out;
}
.flat-button.variant-deep-washed::before {
  background-color: rgb(var(--solution-dw-color));
  transition: background-color 150ms ease-out;
}
.flat-button.variant-deep-washed::after {
  opacity: 0.15;
  border: 1px solid rgba(var(--solution-primary-color-rgb), 1);
  transition: opacity 150ms ease-out;
}
.flat-button.variant-deep-washed:hover::before {
  background-color: rgba(var(--solution-primary-color-rgb), 0.15);
  transition: background-color 200ms ease-in;
}
.flat-button.variant-deep-washed:hover::after {
  opacity: 0.4;
  transition: opacity 200ms ease-in;
}
.flat-button.variant-grayscale {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
}
.flat-button.variant-grayscale::before {
  content: " ";
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.1);
  transition: opacity 150ms ease-out;
}
.flat-button.variant-grayscale:hover::before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.flat-button.variant-white {
  border: 1px solid var(--G-2, #DEDEDE);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
  background-color: var(--G-0, #FFFFFF);
}
.flat-button.variant-white:hover {
  border-color: var(--G-6, #868788);
}
.flat-button .text,
.flat-button .icon {
  z-index: 2;
  position: relative;
}
.page-pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 6px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
  transition: background-color 150ms ease-out , border-color 150ms ease-out;
}
.page-pill:hover::after {
  opacity: 1;
  border-color: var(--G-6, #868788);
  transition: opacity 200ms ease-in , border-color 200ms ease-in;
}
.page-pill.is-active:not(.is-hidden) {
  box-shadow: 0 2px 0 0 rgba(var(--solution-primary-color-rgb), 0.2);
  background-color: var(--solution-dw-color);
  transition: box-shadow 200ms ease-in , background-color 200ms ease-in;
}
.page-pill.is-active:not(.is-hidden)::before {
  background-color: rgba(var(--solution-primary-color-rgb), 0.1);
  transition: background-color 200ms ease-in;
}
.page-pill.is-active:not(.is-hidden)::after {
  opacity: 0.5;
  border-color: var(--solution-primary-color);
  transition: opacity 200ms ease-in , border-color 200ms ease-in;
}
.page-pill.is-dragging .page-pill__drag {
  color: var(--G-6, #868788);
  cursor: grabbing;
}
.page-pill.is-hidden::after {
  border-style: dashed;
}
.page-pill.is-dots-menu-open .page-pill__dots {
  background-color: rgba(0, 0, 0, 0.05);
  transition: background-color 200ms ease-in;
}
.page-pill::before, .page-pill::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  pointer-events: none;
}
.page-pill::before {
  background-color: var(--G-0, #FFFFFF);
  transition: background-color 150ms ease-out;
}
.page-pill::after {
  border: 1px solid var(--G-2, #DEDEDE);
  transition: border-color 150ms ease-out;
}
.page-pill__drag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0 3px 0 -9px;
  color: var(--G-4, #B2B2B3);
  cursor: grab;
  transition: color 150ms ease-out;
}
.page-pill__drag:hover {
  color: var(--G-6, #868788);
  transition: color 200ms ease-in;
}
.page-pill__drag:active {
  cursor: grabbing;
}
.page-pill__icon {
  display: inline-flex;
  margin-left: -2px;
  padding-right: 8px;
}
.page-pill__hide {
  z-index: 2;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: -9px;
  margin-left: 8px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 4px;
  color: var(--G-4, #B2B2B3);
}
.page-pill__dots {
  z-index: 2;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: -5px;
  margin-left: 12px;
  border-radius: 3px;
  color: var(--G-8, #4d4d4d);
  transition: background-color 150ms ease-out;
}
.page-pill__dots:hover {
  background-color: rgba(0, 0, 0, 0.05);
  transition: background-color 200ms ease-in;
}
.page-pill .icon,
.page-pill .text {
  z-index: 2;
  position: relative;
}
.page-pill__separator {
  position: absolute;
  top: 50%;
  right: -17px;
  display: flex;
  align-items: center;
  gap: 3px;
  width: 11px;
  height: 5px;
  transform: translateY(-50%);
  pointer-events: none;
}
.page-pill__separator::before, .page-pill__separator::after {
  content: " ";
  background-color: #D9D9D9;
  border-radius: 50%;
}
.page-pill__separator::before {
  width: 3px;
  height: 3px;
}
.page-pill__separator::after {
  width: 5px;
  height: 5px;
}
.page-pill-label {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.page-pill-label.is-renaming .page-pill-label__text {
  opacity: 0;
}
.page-pill-label__content {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  min-width: 20px;
  height: 18px;
}
.page-pill-label__input {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-pill-label__input input {
  display: flex;
  width: 100%;
  height: 18px;
  box-shadow: 0 1px 0 var(--solution-primary-color);
  background-color: transparent;
  font-weight: 500;
  font-size: 12px;
  font-family: inherit;
}
.page-pill-label__save {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: -3px;
  margin-left: 14px;
  color: #3EAC40;
  transition: color 150ms ease-out;
}
.page-pill-label__save:hover {
  color: #199A27;
  transition: color 200ms ease-in;
}
.avatar-menu-option__avatar {
  margin-right: 10px;
}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-top.enter {
  opacity: 0;
  transform: translateY(10px);
}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-top.enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 250ms ease-out, transform 250ms ease-out;
}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-top.exit-active {
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 180ms ease-in, transform 180ms ease-in;
}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-left.enter {
  transform: translateX(-10px);
}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-left.enter-active {
  transform: translateX(0);
  transition: opacity 250ms ease-out, transform 250ms ease-out;
}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-left.exit-active {
  transform: translateX(-5px);
  transition: opacity 180ms ease-in, transform 180ms ease-in;
}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-right.enter {
  transform: translateX(10px);
}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-right.enter-active {
  transform: translateX(0);
  transition: opacity 250ms ease-out, transform 250ms ease-out;
}
.dropdown-panel:not(.is-animation-disabled).dropdown-panel--animation-right.exit-active {
  transform: translateX(5px);
  transition: opacity 180ms ease-in, transform 180ms ease-in;
}
.dropdown-panel.exit-active.is-animation-disabled {
  opacity: 0;
}
.dropdown-panel {
  position: relative;
  box-shadow: var(--dropdown-panel-box-shadow, rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px);
}
.dropdown-panel:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--dropdown-panel-border-color, transparent);
  border-radius: inherit;
  background-color: var(--dropdown-panel-background-color, var(--G-0, #FFFFFF));
  z-index: 1;
  pointer-events: none;
}
.dropdown-panel__close-button {
  position: absolute;
  top: -14px;
  left: -14px;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border: 2px solid #fff;
  transform: rotate(45deg);
  border-radius: 50%;
  background-color: #b2b2b3;
  cursor: pointer;
  color: #fff;
}
.dropdown-panel__arrow {
  position: absolute;
  transform: rotate(45deg);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px;
}
.dropdown-panel__content {
  position: relative;
  z-index: 3;
}
.dropdown-panel__line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.dropdown-panel--arrow-white .dropdown-panel__arrow {
  width: 9.34px;
  height: 9.34px;
  background-color: var(--dropdown-panel-arrow-color, var(--G-0, #FFFFFF));
}
.dropdown-panel--arrow-custom .dropdown-panel__arrow {
  width: 9.34px;
  height: 9.34px;
  top: -5px;
  box-shadow: none;
}
.dropdown-panel--arrow-custom .dropdown-panel__line {
  background-color: var(--solution-highlight-color);
  height: 6px;
  border-radius: 5px 5px 0 0;
}
.dropdown-panel--arrow-white .dropdown-panel__arrow {
  top: -5px;
}
.dropdown-panel--arrow-sc-4 {
  padding-top: 6px;
}
.dropdown-panel--arrow-sc-4 .dropdown-panel__line {
  background-color: var(--solution-primary-color);
  height: 6px;
  border-radius: 5px 5px 0 0;
}
.dropdown-panel--arrow-sc-4 .dropdown-panel__arrow {
  width: var(--dropdown-sc-4-size, 13px);
  height: var(--dropdown-sc-4-size, 13px);
  top: var(--dropdown-sc-4-top, -4px);
  background-color: var(--dropdown-panel-arrow-color, var(--solution-primary-color));
  box-shadow: none;
}
.dropdown-panel--panel-line .dropdown-panel__line {
  background-color: var(--solution-highlight-color);
  height: 6px;
  border-radius: 5px 5px 0 0;
}
.dropdown-panel--panel-line .dropdown-panel__arrow {
  width: var(--dropdown-sc-4-size, 14px);
  height: var(--dropdown-sc-4-size, 14px);
  top: var(--dropdown-sc-4-top, -7px);
  background-color: var(--dropdown-panel-arrow-color, var(--solution-highlight-color));
  border-radius: 0;
  box-shadow: none;
}
.dropdown-panel--panel-line .menu-group-content__title {
  padding-top: 15px;
  padding-bottom: 8px;
}
.dropdown-panel--panel-line .menu-option-wrapper__list {
  padding-bottom: 5px;
  padding-top: 14px;
}
.dropdown-panel--horisontal-view .dropdown-panel__arrow {
  left: -5px;
}
.dropdown-panel--corner-all:not(.dropdown-panel--arrow-white):not(.dropdown-panel--arrow-sc-4) {
  background-color: var(--G-0, #FFFFFF);
}
.dropdown-panel--animation-right {
  transform-origin: left top;
}
.dropdown-panel--animation-right.dropdown-panel--horisontal-view .dropdown-panel__arrow {
  right: -5px;
  left: initial;
}
.dropdown-panel--animation-left {
  transform-origin: left top;
}
.dropdown-panel--corner-all {
  border-radius: 5px;
}
.dropdown-panel--corner-bottom {
  border-radius: 0 0 5px 5px;
}
.dropdown-panel--corner-bottom:before {
  border-radius: 0 0 5px 5px;
}
.dropdown-panel--corner-bottom .dropdown-panel__line {
  height: 2px;
  border-radius: 0;
}
.dropdown-panel--corner-top {
  border-radius: 5px 5px 0 0;
}
.dropdown-panel__import-application {
  box-shadow: 0 4px 10px rgba(128, 128, 128, 0.25);
}
.dropdown-panel--type-calendar {
  border-right: 1px solid var(--G-2, #DEDEDE);
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  border-left: 1px solid var(--G-2, #DEDEDE);
  padding-top: 4px;
}
.dropdown-panel--type-calendar .dropdown-panel__line {
  height: 4px;
  border-radius: 0;
  background-color: var(--solution-primary-color);
}
.dropdown-panel--type-calendar .dropdown-panel__arrow {
  top: -5px;
  width: 10px;
  height: 10px;
  background-color: var(--dropdown-panel-arrow-color, var(--solution-primary-color));
  border-top-left-radius: 0;
}
.flip-vertical .dropdown-panel {
  transform-origin: center bottom;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px -3px 6px, rgba(15, 15, 15, 0.2) 0px -9px 24px;
}
.flip-vertical .dropdown-panel .dropdown-panel__arrow {
  top: auto;
  bottom: -5px;
  transform: rotate(45deg);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px -3px 6px;
}
.flip-vertical .dropdown-panel.dropdown-panel--corner-bottom {
  border-radius: 5px 5px 0 0;
}
.flip-vertical .dropdown-panel.dropdown-panel--corner-bottom:before {
  border-radius: 5px 5px 0 0;
}
.flip-horizontal .dropdown-panel.dropdown-panel--horisontal-view.dropdown-panel--animation-right .dropdown-panel__arrow {
  left: -5px;
  right: initial;
}
.menu-button {
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--r-menu-button-background);
  color: var(--r-menu-button-color);
  transition: background 150ms ease-out , color 150ms ease-out;
}
.menu-button--size-l {
  width: 36px;
  height: 32px;
}
.menu-button--size-m {
  width: 41px;
  height: 23px;
}
.menu-button--size-s {
  width: 24px;
  height: 24px;
}
.menu-button:hover {
  background: var(--r-menu-button-hover-background);
  color: var(--r-menu-button-hover-color);
}
.menu-button.is-active {
  background: var(--r-menu-button-active-background);
  color: var(--r-menu-button-active-color);
}
.menu-button:hover, .menu-button.is-active {
  transition: background 200ms ease-in , color 200ms ease-in;
}
.menu-group-content__title {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 12px;
  border-bottom: 1px solid var(--G-1-2, #F0F0F0);
  cursor: pointer;
}
.menu-group-content__back-icon {
  margin-right: 8px;
}
.menu-group-content__search {
  padding: 8px 15px 2px;
}
.menu-group-content__subtitle {
  padding-left: 10px;
  position: relative;
}
.menu-group-content__subtitle:before {
  content: "";
  position: absolute;
  top: 7px;
  width: 2px;
  left: 5px;
  height: 2px;
  background-color: var(--inactive, #B2B2B3);
  border-radius: 50%;
}
.menu-line-separator {
  margin: 11px 0 13px;
  height: 1px;
  background-color: var(--menu-line-separator-color, var(--G-1-2, #F0F0F0));
  flex-shrink: 0;
}
.menu-line-separator--small-offset {
  margin-top: 9px;
  margin-bottom: 4px;
}
.menu-option {
  height: var(--menu-option-height, 36px);
  padding: 0 5px;
  width: 100%;
  margin-bottom: var(--menu-option-bottom-margin, 1px);
  position: relative;
  color: var(--menu-option-color, var(--tertiary, #6B6B6B));
}
.menu-option:last-child {
  margin-bottom: var(--menu-option-bottom-margin-last, 0px);
}
.menu-option__container {
  height: var(--menu-option-height, 36px);
  display: flex;
  align-items: center;
  background-color: var(--menu-option-background-color, transparent);
  border-radius: 5px;
  transition: background 150ms ease-out;
}
.menu-option__in {
  height: 100%;
  padding-right: var(--menu-option-inner-padding-right, 10px);
  padding-left: var(--menu-option-inner-padding-left, 10px);
  display: flex;
  align-items: center;
}
.menu-option__button {
  width: 100%;
  height: 100%;
  color: currentColor;
}
.menu-option__icon {
  opacity: var(--menu-option-icon-opacity, 1);
  margin-right: var(--menu-option-icon-margin-right, 13px);
  color: var(--menu-option-icon-color, var(--solution-primary-color));
  transition: opacity 150ms ease-out , color 150ms ease-out , fill 150ms ease-out;
}
.menu-option__icon_small_margin {
  margin-right: 8px;
  color: var(--menu-option-icon-color, var(--solution-primary-color));
}
.menu-option__icon_wrapper_right {
  justify-content: flex-end;
  flex-grow: 1;
  display: flex;
}
.menu-option__icon_right {
  margin: 0;
}
.menu-option__text {
  margin-right: 10px;
  margin: var(--menu-option-margin-text);
  transition: color 150ms ease-out;
}
.menu-option__button {
  width: 100%;
  height: 100%;
}
.menu-option__arrow {
  margin-left: auto;
}
.menu-option__awesome {
  width: 20px;
}
.menu-option__info {
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 17px;
  color: var(--G-3, #C7C8C9);
  cursor: pointer;
  transform: translate(0, -50%);
  transition: opacity 150ms ease-out , color 150ms ease-out;
}
.menu-option__info:hover {
  color: var(--G-7, #6F7173);
}
.menu-option__right-content {
  padding-right: 10px;
}
.menu-option:hover:not(.is-disabled), .menu-option.is-active:not(.is-disabled) {
  color: var(--menu-option-color-active, var(--typo-primary, #2E3538));
}
.menu-option:hover:not(.is-disabled) .menu-option__container, .menu-option.is-active:not(.is-disabled) .menu-option__container {
  background-color: var(--menu-option-background-color-active, var(--G-1, #F3F3F4));
  transition: background 200ms ease-in;
}
.menu-option:hover:not(.is-disabled) .menu-option__icon, .menu-option.is-active:not(.is-disabled) .menu-option__icon {
  opacity: var(--menu-option-icon-opacity-active, 1);
  transition: opacity 200ms ease-in , color 200ms ease-in , fill 200ms ease-in;
}
.menu-option:hover:not(.is-disabled) .menu-option__text, .menu-option.is-active:not(.is-disabled) .menu-option__text {
  transition: color 200ms ease-in;
}
.menu-option:hover:not(.is-disabled) .menu-option__arrow, .menu-option.is-active:not(.is-disabled) .menu-option__arrow {
  color: var(--menu-option-arrow-color-active, var(--solution-primary-color));
}
.menu-option:hover:not(.is-disabled).menu-option--arrow-left .menu-option__arrow, .menu-option.is-active:not(.is-disabled).menu-option--arrow-left .menu-option__arrow {
  transform: rotate(180deg);
}
.menu-option:hover .menu-option__info {
  opacity: 1;
  transition: opacity 200ms ease-in , color 200ms ease-in;
}
.menu-option--hover-icon-gray:hover .menu-option__icon, .menu-option--hover-icon-gray.is-active .menu-option__icon {
  color: var(--menu-option-hover-icon-color, #2d2d2d);
}
.menu-option--hover-icon-sc3:hover .menu-option__icon, .menu-option--hover-icon-sc3.is-active .menu-option__icon {
  color: var(--solution-hover-color);
}
.menu-option--hover-icon-sc1:hover .menu-option__icon, .menu-option--hover-icon-sc1.is-active .menu-option__icon {
  color: var(--solution-primary-color);
}
.menu-option--icon-color-gray .menu-option__arrow {
  color: var(--G-7, #6F7173);
}
.menu-option--icon-color-g8 .menu-option__arrow {
  color: var(--G-8, #4d4d4d);
}
.menu-option--hover-arrow-g8:hover .menu-option__arrow, .menu-option--hover-arrow-g8.is-active:not(.is-disabled) .menu-option__arrow {
  color: var(--G-8, #4d4d4d);
}
.menu-option--hover-arrow-sc3:hover:not(.is-disabled) .menu-option__arrow {
  color: var(--solution-hover-color);
}
.menu-option--icon-color-sc1 .menu-option__arrow {
  color: var(--solution-primary-color);
}
.menu-option--icon-variable .menu-option__arrow {
  color: var(--menu-option-arrow-color, var(--G-7, #6F7173));
}
.menu-option--hover-icon-variable .menu-option__icon {
  color: var(--menu-option-icon-hover-color, var(--G-7, #6F7173));
}
.menu-option--hover-arrow-variable:hover:not(.is-disabled) .menu-option__arrow {
  color: var(--menu-option-hover-arrow-color, var(--G-7, #6F7173));
}
.menu-option--hover-icon-primary:hover:not(.is-disabled) .menu-option__icon {
  fill: var(--typo-primary, #2E3538) !important;
  color: var(--typo-primary, #2E3538) !important;
}
.menu-option--static-info .menu-option__in {
  padding-right: 32px;
}
.menu-option--static-info.menu-option--arrow-left .menu-option__in, .menu-option--static-info.menu-option--arrow-right .menu-option__in {
  padding-right: 52px;
}
.menu-option--static-info.menu-option--arrow-left .menu-option__arrow, .menu-option--static-info.menu-option--arrow-right .menu-option__arrow {
  position: absolute;
  top: var(--menu-option-arrow-top, 10px);
  right: 15px;
}
.menu-option--static-info.menu-option--arrow-left .menu-option__info, .menu-option--static-info.menu-option--arrow-right .menu-option__info {
  right: 36px;
}
.menu-option--right-content .menu-option__button {
  display: flex;
  align-items: center;
}
.menu-option--right-content .menu-option__in {
  flex-grow: 1;
}
.menu-option.is-disabled .menu-option__button {
  pointer-events: none;
}
.menu-option.is-disabled .menu-option__icon,
.menu-option.is-disabled .menu-option__arrow {
  color: var(--ic-light, #c7cdcf);
}
.menu-option.is-disabled .menu-option__text {
  color: var(--G-3, #C7C8C9);
}
.menu-option.is-coming-soon .menu-option__icon {
  color: var(--G-2, #DEDEDE);
}
.menu-option.is-coming-soon .menu-option__text {
  color: var(--inactive, #B2B2B3);
}
.menu-option.is-coming-soon:hover {
  background-color: var(--G-0-5, #FAFAFA);
}
.menu-option.is-coming-soon:hover .menu-option__text {
  color: var(--inactive, #B2B2B3);
}
.menu-option.with-info-tooltip .menu-option__in {
  padding-right: 32px;
}
.menu-option.with-info-tooltip .tooltip {
  position: absolute;
  top: 10px;
  right: 17px;
  color: var(--G-3, #C7C8C9);
}
.menu-option.with-info-tooltip .tooltip:hover {
  color: var(--G-7, #6F7173);
}
.menu-option-static {
  height: 36px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.menu-option-static__in {
  padding: 0 5px;
  width: 100%;
}
.menu-option-wrapper {
  overflow: hidden;
  border-radius: 5px;
}
.menu-option-wrapper__list {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  overflow: auto;
}
.menu-option-wrapper__list::-webkit-scrollbar {
  width: 13px;
}
.menu-option-wrapper__list::-webkit-scrollbar-track {
  background-color: transparent;
}
.menu-option-wrapper__list::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.4);
  border: 4px solid transparent;
  border-radius: 13px;
  background-color: transparent;
}
.menu-option-wrapper__list::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.6);
}
.menu-option-wrapper__additional {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 12px 0;
  background-color: var(--G-0-5, #FAFAFA);
}
.menu-option-wrapper--custom-additional .menu-option-wrapper__additional {
  padding: 0;
}
.menu-option-wrapper--small-list-paddings .menu-option-wrapper__list {
  padding: 5px 0;
}
.menu-option-wrapper--no-padding .menu-option-wrapper__list {
  padding: 0;
}
.panel-resizer {
  z-index: 15;
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--resizer-left-position, -10px);
  right: var(--resizer-right-position, auto);
  overflow: hidden;
  width: 20px;
  cursor: col-resize;
  -webkit-user-select: none;
          user-select: none;
}
.panel-resizer:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--resizer-line-left-position, 9px);
  visibility: hidden;
  width: 2px;
  background-color: var(--solution-primary-color);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.panel-resizer__slider {
  border-radius: 5px;
  width: 8px;
  height: 40px;
  background-color: var(--solution-primary-color);
  position: absolute;
  top: 0;
  left: var(--resizer-slider-left-position, 6px);
  opacity: 0;
}
.panel-resizer:hover:before, .panel-resizer.is-hover:before {
  opacity: 1;
  visibility: visible;
}
.panel-resizer:hover .panel-resizer__slider, .panel-resizer.is-hover .panel-resizer__slider {
  opacity: 1;
}
.submenu-content {
  border-radius: 0;
}
.submenu-content:before {
  border-radius: 0;
}
.submenu-content--radius-top-left {
  border-top-left-radius: 5px;
}
.submenu-content--radius-top-left:before {
  border-top-left-radius: 5px;
}
.submenu-content--radius-top-right {
  border-top-right-radius: 5px;
}
.submenu-content--radius-top-right:before {
  border-top-right-radius: 5px;
}
.submenu-content--radius-bottom-right {
  border-bottom-right-radius: 5px;
}
.submenu-content--radius-bottom-right:before {
  border-bottom-right-radius: 5px;
}
.submenu-content--radius-bottom-left {
  border-bottom-left-radius: 5px;
}
.submenu-content--radius-bottom-left:before {
  border-bottom-left-radius: 5px;
}
.submenu-content.enter-active {
  transition: opacity 150ms ease-out, transform 150ms ease-out;
}
.submenu-content.exit-active {
  transition: opacity 150ms ease-in, transform 150ms ease-in;
}
.submenu-content:not(.is-animation-disabled).enter {
  transform: translateX(-5px);
}
.submenu-content:not(.is-animation-disabled).enter-active {
  transform: translateX(0);
}
.submenu-content:not(.is-animation-disabled).exit-active {
  transform: translateX(-5px);
}
.flip-horizontal .submenu-content.enter {
  transform: translateX(5px);
}
.flip-horizontal .submenu-content.enter-active {
  transform: translateX(0);
}
.flip-horizontal .submenu-content.exit-active {
  transform: translateX(5px);
}
.edit-description-textarea {
  min-width: 340px;
  max-width: 340px;
}
.edit-description-textarea.with-children .edit-description-textarea__buttons {
  border-top: 1px solid var(--G-1, #F3F3F4);
}
.edit-description-textarea__inner {
  padding: 20px 20px 0 20px;
}
.edit-description-textarea__body {
  padding: 20px;
}
.edit-description-textarea__buttons {
  display: flex;
  justify-content: flex-end;
  padding: 15px 20px;
}
.edit-description-textarea__button:not(:last-child) {
  margin-right: 10px;
}
.edit-description-textarea__control::placeholder {
  font-size: 13px;
}
.widget-panel {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 47px);
  border-radius: 0 0 5px 5px;
}
.widget-panel__head {
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 20px;
  background-color: var(--G-0-5, #FAFAFA);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px 0 0 0;
}
.widget-panel__heading {
  margin-right: 8px;
}
.widget-panel__actions {
  cursor: pointer;
  margin-right: 15px;
}
.widget-panel__buttons {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.widget-panel__close {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--G-5, #9B9C9E);
  width: 24px;
  height: 24px;
}
.widget-panel__close:hover {
  color: var(--G-8, #4d4d4d);
}
.widget-panel__filter {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 35px;
  padding: 0 20px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  z-index: 2;
}
.widget-panel__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 20px;
}
.widget-panel__body {
  padding: 5px 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  height: calc(100% - 50px);
}
.widget-panel__body--no-padding {
  padding: 0;
}
.widget-panel__info-icon {
  margin-right: 15px;
}
.widget-panel.is-home-page-position {
  height: calc(100vh - 57px);
}
.widget-panel-dropdown .dropdown-panel__arrow {
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px;
}
.menu-tail-option {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin-top: 9px;
  margin-bottom: -12px;
  padding: 0 15px;
  background-color: var(--menu-tail-option-bg-color, var(--solution-secondary-color));
  color: var(--menu-tail-option-color, var(--solution-primary-color));
  cursor: pointer;
  transition: color 150ms ease-out , background-color 150ms ease-out;
}
.menu-tail-option:hover {
  transition: color 200ms ease-in , background-color 200ms ease-in;
  background-color: var(--menu-tail-option-hover-bg-color, var(--solution-secondary-color));
  color: var(--menu-tail-option-hover-color, var(--solution-hover-color));
}
.menu-tail-option__icon {
  margin-right: 10px;
}
.controls-panel__head {
  display: flex;
  align-items: center;
  gap: 15px;
  min-height: 39px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 15px;
}
.controls-panel__close {
  margin-left: auto;
  color: var(--G-4, #B2B2B3);
  cursor: pointer;
}
.controls-panel__close:hover {
  color: var(--G-8, #4d4d4d);
}
.controls-panel__body {
  padding: var(--controls-panel-body-padding, 13px 15px);
}
.controls-panel__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 48px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 10px 15px;
}
.controls-panel__additional {
  display: flex;
  align-items: center;
  gap: 10px;
}
.controls-panel__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.controls-panel-field-group {
  display: flex;
  align-items: center;
}
.controls-panel-field-group__title {
  width: var(---panel-field-group-title-width, 40%);
  padding-right: 10px;
}
.controls-panel-field-group__body {
  width: var(---panel-field-group-body-width, 60%);
}
.controls-panel-delete-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--G-3, #C7C8C9);
}
.controls-panel-delete-button:hover {
  color: #FF5757;
}
.textarea-dropdown-panel__header {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.textarea-dropdown-panel__back {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding-left: 15px;
}
.textarea-dropdown-panel__back:hover {
  color: var(--solution-hover-color);
}
.textarea-dropdown-panel__textarea.r-textarea {
  min-height: 120px;
  padding: 15px;
}
.record-picker-option {
  width: auto;
  margin-right: 1px;
}
.record-picker-option-wrapper {
  padding-bottom: 4px;
}
.record-picker-dropdown {
  width: 100%;
  min-height: 36px;
  margin-top: var(--record-picker-widget-content-margin-top, 10px);
}
.record-picker-dropdown .position-content {
  position: relative !important;
  transform: none !important;
  margin-top: 3px;
}
.record-picker-dropdown__list {
  --select-option-active-background: transparent;
  --select-option-highlight-background: transparent;
}
.record-picker-dropdown__list .trackYVisible .record-picker-dropdown__list__options {
  padding-right: 15px;
}
.record-picker-list {
  display: flex;
  flex-direction: column;
  width: var(--record-picker-list-widget-width, 100%);
  height: 100%;
  padding-top: var(--record-picker-widget-content-margin-top, 14px);
  max-height: 100%;
  --select-option-margin-bottom: 4px;
  --dropdown-search-no-icon-input-gutter: 10px;
  --record-picker-widget-content-footer-margin: 0 15px;
}
.record-picker-list__wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.record-picker-list__options {
  padding: 10px 20px 14px 20px;
}
.record-picker-list__option {
  border-radius: 8px;
}
.record-picker-list-in {
  overflow: hidden;
  flex-grow: 1;
  width: 100%;
  padding: 0;
}
.record-picker-list__search {
  flex-shrink: 0;
  margin-right: 20px;
  margin-bottom: 4px;
  margin-left: 20px;
  background-color: rgba(0, 0, 0, 0.05);
}
.record-picker-list__search:hover, .record-picker-list__search.is-active {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.record-picker-list .select-list-items__scrollarea {
  overflow: hidden;
  flex-grow: 1;
}
.record-picker-list .select-list-items__scrollarea .scrollbar .ScrollbarsCustom {
  height: calc(100% - 14px) !important;
}
.record-picker-list__option {
  --select-option-active-background: transparent;
  --select-option-highlight-background: transparent;
  left: 20px !important;
  right: 20px !important;
  width: auto !important;
}
.record-picker-select .select-placeholder__value {
  gap: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.record-picker-footer {
  z-index: 2;
  display: flex;
  flex-shrink: 0;
  margin: var(--record-picker-widget-content-footer-margin, 0);
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 5px;
}
.record-picker-footer-addnew {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 36px;
  padding: 0 12px;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.record-picker-footer-addnew:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.record-picker-footer-addnew:hover .record-picker-footer-addnew__icon {
  color: var(--solution-hover-color);
}
.record-picker-footer-addnew:hover .record-picker-footer-addnew__text {
  color: var(--G-9, #232B36);
}
.record-picker-footer-addnew__icon {
  color: var(--ic-dark, #2D2D2D);
}
.record-picker-footer-addnew__text {
  color: var(--tertiary, #6B6B6B);
}
.record-picker-cover-image {
  z-index: 3;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  width: 68px;
  height: 68px;
  border-radius: 8px;
  background-color: var(--G-1, #F3F3F4);
  --file-preview-icon-background-size: 26px;
}
.record-picker-cover-image.is-renderable {
  --file-preview-icon-background-size: contain;
}
.record-picker-cover-image:hover .record-picker-cover-image__overlay {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.record-picker-cover-image.is-empty {
  color: var(--G-4, #B2B2B3);
}
.record-picker-cover-image__overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin: auto;
  background-color: rgba(45, 45, 45, 0.68);
  border-radius: 50%;
  color: var(--G-0, #FFFFFF);
  transition: opacity 150ms ease-out;
}
.record-picker-cover-image__preview {
  --file-preview-border-radius: 8px;
}
.thin-option {
  display: flex;
  gap: 10px;
  height: 28px;
  width: 100%;
  align-items: center;
  color: var(--tertiary, #6B6B6B);
  padding: 0 12px;
  border-radius: 5px;
  transition: color 150ms ease-out , background-color 150ms ease-out;
}
.thin-option b {
  font-weight: 600;
}
.thin-option__icon {
  color: var(--G-8, #4d4d4d);
}
.thin-option__material-icon {
  font-size: 22px;
  font-variation-settings: "FILL" 0, "GRAD" 0, "wght" 200;
  color: var(--G-8, #4d4d4d);
}
.thin-option__actions {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}
.thin-option__info {
  opacity: 0;
  color: var(--G-4, #B2B2B3);
  transition: opacity 150ms ease-out , color 150ms ease-out;
}
.thin-option__info:hover {
  color: var(--G-8, #4d4d4d);
  transition: color 200ms ease-in;
}
.thin-option__submenu {
  margin-left: -5px;
}
.thin-option:hover, .thin-option.is-active {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in , background-color 200ms ease-in;
}
.thin-option:hover .thin-option__info, .thin-option.is-active .thin-option__info {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.thin-option.is-disabled .thin-option__icon,
.thin-option.is-disabled .thin-option__name {
  opacity: 0.5;
}
.thin-option-wrapper {
  padding: 0 5px;
}
.checkbox {
  display: flex;
}
.checkbox:hover .checkbox__label {
  border-color: var(--solution-primary-color);
  transition: border 0.2s ease-in-out;
}
.checkbox input {
  display: none;
}
.checkbox input:checked + .checkbox__label {
  border-color: var(--solution-primary-color);
  background-color: var(--solution-primary-color);
}
.checkbox input:checked + .checkbox__label:before {
  opacity: 1;
}
.checkbox__label {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid var(--G-2, #DEDEDE);
  border-radius: 3px;
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
}
.checkbox__label:before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 2px;
  left: 5px;
  display: block;
  width: 5px;
  height: 9px;
  border-bottom: 2px solid var(--G-0, #FFFFFF);
  border-right: 2px solid var(--G-0, #FFFFFF);
  transform: rotate(45deg);
}
.checkbox--circle .checkbox__label {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid var(--solution-primary-color);
}
.checkbox--circle .checkbox__label::before {
  content: none;
}
.checkbox.is-error .checkbox__label {
  border-color: #FF5757;
}
.checkbox.is-read-only {
  pointer-events: none;
}
.checkbox.is-read-only .checkbox__label {
  border-color: var(--G-4, #B2B2B3) !important;
  background-color: var(--G-4, #B2B2B3) !important;
}
.checkbox--currentcolor input:checked + .checkbox__label {
  border-color: currentColor;
  background-color: currentColor;
}
.checkbox--currentcolor.checkbox--circle .checkbox__label {
  border-color: currentColor;
}
.checkbox--currentcolor.checkbox--rect:hover .checkbox__label {
  border-color: currentColor;
}
.field-label {
  display: block;
  margin-bottom: 4px;
  text-overflow: ellipsis;
  overflow: auto;
  white-space: nowrap;
}
.field-label--color-link {
  color: var(--solution-primary-color);
  text-decoration: none;
}
.field-label--color-primary {
  color: var(--typo-primary, #2E3538);
}
.field-label--color-secondary {
  color: var(--typo-secondary, #878B92);
}
.field-label--color-reverse {
  color: var(--typo-white, var(--G-0, #FFFFFF));
}
.field-label--color-tertiary {
  color: var(--tertiary, #6B6B6B);
}
.field-label--color-inactive {
  color: var(--inactive, #B2B2B3);
}
.field-label--color-error {
  color: #FF5757;
}
.field-label--weight-light {
  font-weight: 300;
}
.field-label--weight-regular {
  font-weight: 400;
}
.field-label--weight-medium {
  font-weight: 500;
}
.field-label--weight-semibold {
  font-weight: 600;
}
.field-label--weight-bold {
  font-weight: 700;
}
.field-label--weight-heavy {
  font-weight: 900;
}
.react-input-field {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 5px;
}
.react-input-field input {
  width: 100%;
  background-color: transparent;
  line-height: normal;
  text-overflow: ellipsis;
  transition: border 150ms ease-out;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.react-input-field input::placeholder {
  font-family: inherit;
  letter-spacing: -0.21px;
}
.react-input-field input::-webkit-inner-spin-button {
  display: none;
}
.react-input-field__icon {
  position: absolute;
  top: 50%;
  display: flex;
  color: var(--solution-primary-color);
  transform: translate(0, -50%);
  cursor: pointer;
}
.react-input-field__checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  display: flex;
  color: var(--solution-primary-color);
  transform: translate(0, -50%);
  cursor: pointer;
}
.react-input-field__clear {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 18px;
  color: var(--ic-light, #c7cdcf);
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.react-input-field__clear:hover {
  color: var(--G-6, #868788);
}
.react-input-field__clear-text {
  position: absolute;
  bottom: 5px;
  right: 7px;
  color: var(--typo-secondary, #878B92);
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.react-input-field__clear-text:hover {
  color: #FF5757;
}
.react-input-field__length {
  position: absolute;
  right: 0;
  color: var(--typo-secondary, #878B92);
  pointer-events: none;
  transition: right 250ms ease-out;
}
.react-input-field--text-color-primary input {
  color: var(--typo-primary, #2E3538);
}
.react-input-field--text-color-secondary input {
  color: var(--typo-secondary, #878B92);
}
.react-input-field--text-color-reverse input {
  color: var(--typo-white, var(--G-0, #FFFFFF));
}
.react-input-field--text-color-tertiary input {
  color: var(--tertiary, #6B6B6B);
}
.react-input-field--text-color-inactive input {
  color: var(--inactive, #B2B2B3);
}
.react-input-field--text-color-error input {
  color: #FF5757;
}
.react-input-field--text-color-success input {
  color: #3EAC40;
}
.react-input-field--text-color-link input {
  color: var(--solution-primary-color);
}
.react-input-field--text-color-currentColor input {
  color: currentColor;
}
.react-input-field--text-weight-regular input {
  font-weight: normal;
}
.react-input-field--text-weight-medium input {
  font-weight: 500;
}
.react-input-field--text-weight-semibold input {
  font-weight: 600;
}
.react-input-field--text-weight-bold input {
  font-weight: bold;
}
.react-input-field--text-size-xs input {
  font-size: 11px;
}
.react-input-field--text-size-s input {
  font-size: 12px;
}
.react-input-field--text-size-m input {
  font-size: 13px;
}
.react-input-field--text-size-l input {
  font-size: 14px;
}
.react-input-field--text-size-xl input {
  font-size: 20px;
}
.react-input-field--placeholder-color-inactive input::placeholder {
  color: var(--inactive, #B2B2B3);
}
.react-input-field--placeholder-color-secondary input::placeholder {
  color: var(--typo-secondary, #878B92);
}
.react-input-field--placeholder-color-primary input::placeholder {
  color: var(--typo-primary, #2E3538);
}
.react-input-field--background-color-transparent {
  background-color: transparent;
}
.react-input-field--background-color-white {
  background-color: var(--G-0, #FFFFFF);
}
.react-input-field--background-color-G-0-5 {
  background-color: var(--G-0-5, #FAFAFA);
}
.react-input-field--background-color-G-1 {
  background-color: var(--G-1, #F3F3F4);
}
.react-input-field--border-color-transparent input {
  border: 0;
}
.react-input-field--border-color-G-1-5 input {
  border: 1px solid var(--G-1-5, #E9E9E9);
}
.react-input-field--border-color-E5E5E5 input {
  border: 1px solid #E5E5E5;
}
.react-input-field--border-hover-color-transparent input:hover {
  border: 0;
}
.react-input-field--border-hover-color-G-1-5 input:hover {
  border: 1px solid var(--G-1-5, #E9E9E9);
  transition: border 200ms ease-in;
}
.react-input-field--border-hover-color-G-3 input:hover {
  border: 1px solid var(--G-3, #C7C8C9);
  transition: border 200ms ease-in;
}
.react-input-field--border-focus-color-transparent input:focus {
  border: 0;
}
.react-input-field--border-focus-color-G-1-5 input:focus {
  border: 1px solid var(--G-1-5, #E9E9E9);
  transition: border 200ms ease-in;
}
.react-input-field--border-focus-color-G-3 input:focus {
  border: 1px solid var(--G-3, #C7C8C9);
  transition: border 200ms ease-in;
}
.react-input-field--border-focus-color-solution-color input:focus {
  border: 1px solid var(--solution-primary-color);
  transition: border 200ms ease-in;
}
.react-input-field--border-radius-5 {
  border-radius: 5px;
}
.react-input-field--border-radius-5 input {
  border-radius: 5px;
}
.react-input-field--border-radius-100 {
  border-radius: 100px;
}
.react-input-field--border-radius-100 input {
  border-radius: 100px;
}
.react-input-field--gutters-20 input {
  padding: 0 20px;
}
.react-input-field--gutters-16 input {
  padding: 0 16px;
}
.react-input-field--gutters-10 input {
  padding: 0 10px;
}
.react-input-field--gutters-0 input {
  padding: 0;
}
.react-input-field--gap-top-4 {
  margin-top: 4px;
}
.react-input-field--left-icon .react-input-field__icon {
  left: 8px;
}
.react-input-field--left-icon input {
  padding-left: 35px;
}
.react-input-field--right-icon .react-input-field__icon {
  right: 8px;
}
.react-input-field--right-icon input {
  padding-right: 30px;
}
.react-number-input-field {
  position: relative;
  width: 100%;
  border-radius: 5px;
  -webkit-user-select: none;
          user-select: none;
}
.react-number-input-field::after {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  opacity: 0;
  pointer-events: none;
  border: 3px solid var(--solution-primary-color);
  visibility: hidden;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
  box-sizing: border-box;
}
.react-number-input-field.active {
  box-sizing: border-box;
}
.react-number-input-field.active::after {
  visibility: visible;
  opacity: 0.3;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.react-number-input-field.active input {
  box-sizing: border-box;
  border: 1px solid var(--solution-primary-color);
}
.react-number-input-field input {
  width: 100%;
  padding: 0 10px 0 10px;
  background-color: transparent;
  line-height: normal;
  text-overflow: ellipsis;
  transition: border 150ms ease-out;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.react-number-input-field input::placeholder {
  font-family: inherit;
  letter-spacing: -0.21px;
}
.react-number-input-field input::-webkit-inner-spin-button {
  display: none;
}
.react-number-input-field--text-color-primary input {
  color: var(--typo-primary, #2E3538);
}
.react-number-input-field--text-color-secondary input {
  color: var(--typo-secondary, #878B92);
}
.react-number-input-field--text-color-reverse input {
  color: var(--typo-white, var(--G-0, #FFFFFF));
}
.react-number-input-field--text-color-tertiary input {
  color: var(--tertiary, #6B6B6B);
}
.react-number-input-field--text-color-inactive input {
  color: var(--inactive, #B2B2B3);
}
.react-number-input-field--text-color-error input {
  color: #FF5757;
}
.react-number-input-field--text-color-success input {
  color: #3EAC40;
}
.react-number-input-field--text-color-link input {
  color: var(--solution-primary-color);
}
.react-number-input-field--text-color-currentColor input {
  color: currentColor;
}
.react-number-input-field--text-size-xs input {
  font-size: 11px;
}
.react-number-input-field--text-size-s input {
  font-size: 12px;
}
.react-number-input-field--text-size-m input {
  font-size: 13px;
}
.react-number-input-field--text-size-l input {
  font-size: 14px;
}
.react-number-input-field--text-size-xl input {
  font-size: 20px;
}
.react-number-input-field--placeholder-color-inactive input::placeholder {
  color: var(--inactive, #B2B2B3);
}
.react-number-input-field--placeholder-color-secondary input::placeholder {
  color: var(--typo-secondary, #878B92);
}
.react-number-input-field--placeholder-color-primary input::placeholder {
  color: var(--typo-primary, #2E3538);
}
.react-number-input-field--background-color-transparent {
  background-color: transparent;
}
.react-number-input-field--background-color-white {
  background-color: var(--G-0, #FFFFFF);
}
.react-number-input-field--background-color-G-0-5 {
  background-color: var(--G-0-5, #FAFAFA);
}
.react-number-input-field--background-color-G-1 {
  background-color: var(--G-1, #F3F3F4);
}
.react-number-input-field--border-color-transparent input {
  border: 0;
}
.react-number-input-field--border-color-G-1-5 input {
  border: 1px solid var(--G-1-5, #E9E9E9);
}
.react-number-input-field--border-color-E5E5E5 input {
  border: 1px solid #E5E5E5;
}
.react-number-input-field--border-hover-color-transparent input:hover {
  border: 0;
}
.react-number-input-field--border-hover-color-G-1-5 input:hover {
  border: 1px solid var(--G-1-5, #E9E9E9);
  transition: border 200ms ease-in;
}
.react-number-input-field--border-hover-color-G-3 input:hover {
  border: 1px solid var(--G-3, #C7C8C9);
  transition: border 200ms ease-in;
}
.react-number-input-field--border-focus-color-transparent input:focus {
  border: 0;
}
.react-number-input-field--border-focus-color-G-1-5 input:focus {
  border: 1px solid var(--G-1-5, #E9E9E9);
  transition: border 200ms ease-in;
}
.react-number-input-field--border-focus-color-G-3 input:focus {
  border: 1px solid var(--G-3, #C7C8C9);
  transition: border 200ms ease-in;
}
.react-number-input-field--border-focus-color-solution-color input:focus {
  border: 1px solid var(--solution-primary-color);
  transition: border 200ms ease-in;
}
.react-number-input-field--border-radius-5 {
  border-radius: 5px;
}
.react-number-input-field--border-radius-5 input {
  border-radius: 5px;
}
.react-number-input-field--border-radius-100 {
  border-radius: 100px;
}
.react-number-input-field--border-radius-100 input {
  border-radius: 100px;
}
.react-number-input-field__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 11px;
  display: flex;
  align-items: center;
  pointer-events: none;
  white-space: nowrap;
}
.react-number-input-field__suffix-text {
  position: absolute;
  top: 0;
  right: 30px;
  line-height: 35px;
}
.react-number-input-field__navigation {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 1px;
  border-left: 1px solid var(--G-1, #F3F3F4);
}
.react-number-input-field__navigation--arrow {
  display: flex;
  width: 19px;
  height: 50%;
  padding: 0 1px;
  color: var(--G-5, #9B9C9E);
  cursor: pointer;
  overflow: hidden;
}
.react-number-input-field__navigation--arrow:hover {
  color: #2d2d2d;
}
.react-number-input-field--auto-hide-navigation .react-number-input-field__navigation {
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease-out;
}
.react-number-input-field--auto-hide-navigation.is-focus .react-number-input-field__navigation, .react-number-input-field--auto-hide-navigation:hover .react-number-input-field__navigation {
  opacity: 1;
  pointer-events: all;
  transition: opacity 200ms ease-in;
}
.react-number-input-field.is-overlay-text input {
  color: rgba(255, 255, 255, 0);
}
.react-number-input-field.is-overlay-text.is-focus input {
  color: var(--typo-primary, #2E3538);
}
.react-number-input-field.is-overlay-text.is-focus .react-number-input-field__overlay {
  opacity: 0;
}
.react-input-group {
  display: flex;
  border-radius: 5px;
  position: relative;
  width: 100%;
  min-height: 34px;
  transition: border-color 150ms ease-out , background 150ms ease-out;
}
.react-input-group::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  opacity: 0;
  pointer-events: none;
  border: 3px solid var(--input-group-shadow-color-active, var(--solution-primary-color));
  visibility: hidden;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.react-input-group__tooltip.tooltip {
  position: absolute;
  top: 50%;
  right: 10px;
  color: #FF5757;
  transform: translateY(-50%);
}
.react-input-group--rounded {
  border-radius: 40px;
}
.react-input-group--rounded::before, .react-input-group--rounded::after {
  border-radius: inherit;
}
.react-input-group--white-new {
  border: 1px solid var(--G-2, #DEDEDE);
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}
.react-input-group--white-new:hover {
  border-color: var(--G-4, #B2B2B3);
}
.react-input-group--white-new::after {
  border-radius: 9px;
}
.react-input-group--white-new.react-input-group.is-active, .react-input-group--white-new.react-input-group.is-error {
  box-shadow: none;
}
.react-input-group--white-new.react-input-group.is-error {
  background-color: var(--G-0, #FFFFFF);
  border-color: #E05C5C;
}
.react-input-group--white-new.is-read-only {
  background-color: var(--G-0-5, #FAFAFA);
}
.react-input-group--white {
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
}
.react-input-group--white:hover {
  border-color: var(--input-group-white-hover-border-color, var(--G-4, #B2B2B3));
}
.react-input-group--white.react-input-group.is-error {
  background-color: var(--G-0, #FFFFFF);
}
.react-input-group--grey {
  border: 1px solid var(--G-1, #F3F3F4);
  background-color: var(--G-1, #F3F3F4);
}
.react-input-group--grey:hover {
  border-color: var(--G-4, #B2B2B3);
}
.react-input-group--grey.is-active:not(.react-input-group--read-only) {
  background-color: var(--G-0, #FFFFFF);
  transition: background 200ms ease-in;
}
.react-input-group--grey.is-read-only.is-active, .react-input-group--grey.is-read-only:hover, .react-input-group--grey.react-input-group--read-only.is-active, .react-input-group--grey.react-input-group--read-only:hover {
  border-color: var(--G-4, #B2B2B3);
}
.react-input-group--grey.is-read-only.is-active::after, .react-input-group--grey.is-read-only:hover::after, .react-input-group--grey.react-input-group--read-only.is-active::after, .react-input-group--grey.react-input-group--read-only:hover::after {
  opacity: 0;
  visibility: hidden;
}
.react-input-group--grey.is-error {
  background-color: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in;
}
.react-input-group--darken-border {
  border: 1px solid var(--G-4, #B2B2B3);
}
.react-input-group--darken-border.is-active {
  border-color: var(--solution-primary-color);
}
.react-input-group--darken-border:focus {
  box-shadow: 0 0 0 2px #B7E3FB;
}
.react-input-group--transparent {
  background-color: transparent;
  transition: background-color 200ms ease-in;
}
.react-input-group--transparent:hover, .react-input-group--transparent.is-active {
  background-color: rgba(45, 45, 45, 0.2);
}
.react-input-group--transparent:hover .search-sort-by-dropdown, .react-input-group--transparent.is-active .search-sort-by-dropdown {
  background-color: var(--G-1, #F3F3F4);
}
.react-input-group--transparent:after {
  display: none;
}
.react-input-group--fully-transparent {
  background-color: transparent;
  transition: background-color 200ms ease-in;
}
.react-input-group--fully-transparent:hover, .react-input-group--fully-transparent.is-active {
  background-color: transparent;
}
.react-input-group.is-active, .react-input-group:hover, .react-input-group.is-error {
  transition: border-color 200ms ease-in;
}
.react-input-group.is-active {
  border-color: var(--input-group-border-color-active, var(--solution-primary-color));
}
.react-input-group.is-active::after {
  visibility: visible;
  opacity: 0.3;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.react-input-group.is-error {
  background-color: var(--G-1, #F3F3F4);
  border-color: #FF5757;
  transition: background 200ms ease-in;
}
.react-input-group.is-disabled {
  pointer-events: none;
}
.react-input-group.is-read-only > *:not(.allow-pointer-events), .react-input-group--read-only > *:not(.allow-pointer-events) {
  pointer-events: none;
}
.react-input-group.is-read-only > *:not(.allow-pointer-events) *, .react-input-group--read-only > *:not(.allow-pointer-events) * {
  pointer-events: none;
}
.native-select {
  width: 100%;
  padding: 0px 7px;
  border: none;
  background-color: transparent;
  color: var(--typo-primary, #2E3538);
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  transition: border-color 150ms ease-out;
}
.native-select--multiple {
  padding: 7px;
}
.native-select--placeholder {
  color: var(--inactive, #B2B2B3);
}
.input-picker-group {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.input-picker-group--size-32 {
  min-height: 32px;
}
.input-picker-group--size-32 .input-picker-group__plus-button {
  top: 7px;
  right: 8px;
}
.input-picker-group--size-36 {
  min-height: 36px;
}
.input-picker-group--size-36 .input-picker-group__plus-button {
  top: 9px;
  right: 9px;
}
.input-picker-group--addbutton {
  padding-right: 30px;
}
.input-picker-group__plus-button {
  position: absolute;
  display: inline-flex;
  cursor: pointer;
}
.picker-input-field {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: var(--picker-input-field-gutter);
  padding-left: 4px;
  cursor: text;
}
.picker-input-field--size-32 {
  --picker-input-field-gutter: 3px;
}
.picker-input-field--size-36 {
  --picker-input-field-gutter: 4px;
}
.picker-input-field__placeholder {
  margin-bottom: var(--picker-input-field-gutter);
  margin-left: 4px;
}
.picker-input-field__input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 13px;
  margin: 0 4px var(--picker-input-field-gutter) 4px;
  flex: 1;
}
.picker-input-field__input::placeholder {
  text-overflow: ellipsis;
  color: var(--inactive, #B2B2B3);
}
.picker-input-field__pill {
  margin: 0 4px var(--picker-input-field-gutter) 0;
}
.limited-text-counter {
  text-align: right;
  display: inline-block;
  width: 100%;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.limited-text-counter.is-visible {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.plain-form-control {
  --active-color: var(--typo-primary, #2E3538);
  width: 100%;
  margin-bottom: 18px;
}
.plain-form-control__header {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.plain-form-control__header-icon {
  line-height: 0;
  margin-right: 5px;
  color: var(--typo-secondary, #878B92);
}
.plain-form-control__tooltip {
  margin-left: 4px;
}
.plain-form-control__label {
  margin-bottom: 0;
  transition: color 150ms ease-out;
}
.plain-form-control__error {
  margin-top: 4px;
}
.plain-form-control__required {
  position: relative;
  margin: 0 0 0 4px;
  padding-left: 7px;
  line-height: 100%;
}
.plain-form-control__required:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  left: 0;
  background-color: #FF5757;
}
.plain-form-control:hover .plain-form-control__label, .plain-form-control:hover .plain-form-control__header-icon, .plain-form-control.is-active .plain-form-control__label, .plain-form-control.is-active .plain-form-control__header-icon {
  color: var(--active-color);
  transition: color 200ms ease-in;
}
.plain-form-control.is-error .plain-form-control__label, .plain-form-control.is-error .plain-form-control__header-icon {
  color: #FF5757;
  transition: color 200ms ease-in;
}
.plain-form-control__inline-help {
  margin-top: 4px;
  cursor: default;
  white-space: break-spaces;
}
.plain-form-control__caption {
  margin-top: -3px;
  margin-bottom: 9px;
}
.plain-form-control.is-row-direction {
  display: flex;
  flex-direction: row;
}
.plain-form-control.is-row-direction .plain-form-control__header {
  margin-bottom: 0;
  width: 50%;
}
.plain-form-control.is-row-direction .plain-form-control__body {
  width: 50%;
}
.switcher {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.switcher input {
  display: none;
}
.switcher__control {
  position: relative;
}
.switcher__control:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: var(--switcher-background-opacity, 0.3);
  border-radius: 12px;
  pointer-events: none;
  background-color: var(--switcher-background, var(--solution-primary-color));
  transition: opacity 150ms ease-out;
}
.switcher__toggle {
  z-index: 5;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 50%;
  transition: transform 150ms ease-out;
}
.switcher__label {
  margin-left: 12px;
}
.switcher--size-s .switcher__control {
  width: 30px;
  height: 16px;
}
.switcher--size-s .switcher__toggle {
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  transform: translateX(14px);
}
.switcher--size-l .switcher__control {
  width: 42px;
  height: 25px;
}
.switcher--size-l .switcher__toggle {
  top: 4px;
  left: 4px;
  width: 17px;
  height: 17px;
  transform: translateX(17px);
}
.switcher.is-checked .switcher__toggle {
  transform: translateX(0);
  transition: transform 200ms ease-in;
}
.switcher.is-checked .switcher__control:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.switcher.is-disabled {
  pointer-events: none;
}
.switcher.is-flipped.switcher--size-s .switcher__toggle {
  left: 2px;
  transform: translateX(0);
}
.switcher.is-flipped.switcher--size-s.is-checked .switcher__toggle {
  transform: translateX(14px);
}
.switcher.is-flipped.switcher--size-l .switcher__toggle {
  left: 4px;
  transform: translateX(0);
}
.switcher.is-flipped.switcher--size-l.is-checked .switcher__toggle {
  transform: translateX(17px);
}
.switcher.is-green-grey .switcher__control {
  --switcher-background: var(--G-2, #DEDEDE);
  --switcher-background-opacity: 1;
}
.switcher.is-green-grey.is-checked .switcher__control {
  --switcher-background: #3EAC40;
}
.switcher-automation {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.switcher-automation input {
  display: none;
}
.switcher-automation__control {
  position: relative;
}
.switcher-automation__control:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  pointer-events: none;
  background-color: var(--switcher-background, #B2B2B3);
}
.switcher-automation__toggle {
  z-index: 5;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 50%;
  transition: transform 150ms ease-out;
}
.switcher-automation__labels {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  color: var(--typo-white, var(--G-0, #FFFFFF));
  transition: all 0.4s ease-in-out;
  font-size: 9px;
  line-height: 11px;
  text-transform: uppercase;
  font-weight: 700;
}
.switcher-automation__labels:after {
  content: attr(data-off);
  position: absolute;
  right: 5px;
  opacity: 1;
}
.switcher-automation__labels:before {
  content: attr(data-on);
  position: absolute;
  left: 5px;
  opacity: 0;
}
.switcher-automation .switcher-automation__control {
  width: 41px;
  height: 16px;
}
.switcher-automation.is-checked .switcher-automation__toggle {
  transform: translateX(25px);
  transition: transform 200ms ease-in;
}
.switcher-automation.is-checked .switcher-automation__control .switcher-automation__labels:after {
  opacity: 0;
}
.switcher-automation.is-checked .switcher-automation__control .switcher-automation__labels:before {
  opacity: 1;
}
.switcher-automation.is-checked .switcher-automation__control:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
  background-color: var(--switcher-background, #3EAC40);
}
.switcher-automation.is-disabled {
  pointer-events: none;
}
.r-textarea {
  width: 100%;
  background-color: transparent;
  border: 0;
  border-radius: 5px;
  font-size: 13px;
  line-height: 18px;
  color: var(--typo-primary, #2E3538);
  resize: none;
  overflow: hidden;
  display: block;
  padding: 8px 10px 7px;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.r-textarea::placeholder {
  color: var(--inactive, #B2B2B3);
}
.color-picker-palette {
  padding: 16px 14px 14px;
}
.color-picker-palette__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 var(--color-picker-item-indent-negative, -7.5px) var(--color-picker-item-bottom-indent-negative, -15px);
}
.color-picker-palette__item {
  padding: 0 var(--color-picker-item-indent, 7.5px);
  font-size: 0;
  margin-bottom: var(--color-picker-item-bottom-indent, 15px);
}
.color-picker-palette__button {
  min-width: var(--color-picker-item-dimension, 28px);
  width: var(--color-picker-item-dimension, 28px);
  height: var(--color-picker-item-dimension, 28px);
  border-radius: var(--color-picker-item-radius, 4px);
  transform: scale(1);
  transition: transform 150ms ease-out;
  position: relative;
}
.color-picker-palette__button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 9px;
  opacity: 0;
  border-bottom: 2px solid var(--G-0, #FFFFFF);
  border-right: 2px solid var(--G-0, #FFFFFF);
  transform: rotate(45deg);
  margin-left: -2px;
  margin-top: -6px;
  display: none;
  transition: opacity 150ms ease-out;
}
.color-picker-palette__button:after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 6px;
  border: 2px solid currentColor;
  opacity: 0;
  transform: scale(0.95);
  transition: transform 150ms ease-out , opacity 150ms ease-out;
}
.color-picker-palette__button.is-darken:before {
  border-color: var(--ic-dark, #2D2D2D);
}
.color-picker-palette__button:hover:after, .color-picker-palette__button.is-active:after {
  opacity: 1;
  transform: scale(1);
  transition: transform 200ms ease-in , opacity 200ms ease-in;
}
.color-picker-palette__button:hover:before, .color-picker-palette__button.is-active:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.color-picker-palette__button.is-active::before {
  display: block;
}
.color-picker-palette-no-color {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid var(--G-1-5, #E9E9E9);
  height: 28px;
  margin-bottom: 16px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  transition: border-color 150ms ease-out;
}
.color-picker-palette-no-color__check {
  opacity: 0;
  position: absolute;
  left: 7px;
  color: var(--solution-primary-color);
  transition: opacity 150ms ease-out;
}
.color-picker-palette-no-color:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.color-picker-palette-no-color--selected {
  border-color: var(--solution-primary-color);
}
.color-picker-palette-no-color--selected .color-picker-palette-no-color__check {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.color-picker-palette-no-color--selected:hover {
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in;
}
.custom-scrollbar-textarea {
  overflow: hidden;
  display: flex;
  width: 100%;
  min-width: 100%;
}
.custom-scrollbar-textarea__scrollbar {
  width: 100%;
}
.custom-scrollbar-textarea__resizer {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0;
  color: #b6b6b9;
  border-radius: 0 0 5px 0;
  cursor: se-resize;
}
.custom-scrollbar-textarea__field {
  min-height: 100%;
  padding: 6px 8px 5px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
}
.custom-scrollbar-textarea__field::-webkit-scrollbar {
  display: none !important;
  width: 0;
  height: 0;
}
.calendar-picker-group-input {
  display: inline-flex;
  align-items: center;
  padding: 0 30px 0 10px;
  font-size: 13px;
  letter-spacing: -0.21px;
  cursor: pointer;
  white-space: nowrap;
  width: auto;
}
.calendar-picker-group-input__icons {
  display: flex;
  gap: 10px;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -8px;
}
.calendar-picker-group-input.is-empty {
  color: var(--typo-secondary, #878B92);
}
.calendar-picker-group-input.is-active .calendar-picker-group-input__icon {
  color: var(--solution-highlight-color);
}
.radio-button input {
  display: none;
}
.radio-button input:checked + .radio-button__label:before {
  opacity: 1;
}
.radio-button__wrapper {
  display: flex;
}
.radio-button__label {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid var(--radio-button-border-color, var(--G-2, #DEDEDE));
  border-radius: 50%;
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
  transition: border-color 150ms ease-out;
}
.radio-button__label:before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 8px;
  height: 8px;
  background-color: var(--solution-primary-color);
  border-radius: 50%;
}
.radio-button:hover:not(.is-error) .radio-button__label {
  border-color: var(--solution-primary-color);
  transition: border 0.2s ease-in-out;
  transition: border-color 200ms ease-in;
}
.radio-button.is-error .radio-button__label {
  border-color: #FF5757;
  transition: border-color 200ms ease-in;
}
.radio-button.is-error .radio-button__label:before {
  background-color: #FF5757;
}
.radio-button-label__icon {
  margin-right: 8px;
}
.radio-button-label__container {
  display: flex;
  align-items: center;
  cursor: default;
}
.radio-button-label__control {
  margin-right: 10px;
}
.radio-button-label__value {
  margin-top: 7px;
}
.radio-button-label--clickable .radio-button-label__container {
  cursor: pointer;
}
.radio-button-label.is-disable {
  pointer-events: none;
  cursor: default;
}
.radio-button-label.is-disable .radio-button-label__content {
  color: var(--typo-secondary, #878B92);
}
.radio-button-label:hover:not(.is-error) .radio-button-label__radio-button .radio-button__label {
  border-color: var(--solution-primary-color);
  transition: border 0.2s ease-in-out;
}
.checkbox-label {
  position: relative;
}
.checkbox-label__in {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.checkbox-label__in:hover .checkbox-label__checkbox .checkbox__label {
  border-color: var(--solution-primary-color);
  transition: border 0.2s ease-in-out;
}
.checkbox-label__control {
  margin-right: 10px;
}
.checkbox-label__error {
  margin-top: 4px;
}
.checkbox-label.is-disable .checkbox-label__in {
  pointer-events: none;
  cursor: default;
  color: var(--typo-secondary, #878B92);
}
.checkbox-label--error-overlap .checkbox-label__error {
  position: absolute;
  top: 100%;
  left: 0;
}
.basic-onoff {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.basic-onoff input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.basic-onoff__control {
  position: relative;
  display: inline-flex;
  height: 26px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  background-color: var(--default-color);
  color: var(--G-7, #6F7173);
  transition: background-color 0.2s ease-in-out;
}
.basic-onoff__control:hover {
  background-color: var(--default-hover, inherit);
}
.basic-onoff__placeholders {
  opacity: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 3px;
  margin: 0 var(--toggle-offset, 3px);
  border: var(--toggle-offset, 3px) solid transparent;
  padding-right: var(--toggle-width, 20px);
  pointer-events: none;
  visibility: hidden;
}
.basic-onoff__toggle {
  z-index: 5;
  position: absolute;
  top: 50%;
  left: var(--toggle-offset, 3px);
  width: var(--toggle-width, 20px);
  height: 20px;
  border-radius: 3px;
  background-color: var(--toggle-color);
  transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transform: translateY(-50%);
}
.basic-onoff__lines {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 13px;
  margin: auto;
  background-color: var(--G-2, #DEDEDE);
}
.basic-onoff__lines:before {
  content: "";
  position: absolute;
  top: 0;
  left: -4px;
  display: block;
  width: 1px;
  height: inherit;
  background-color: var(--G-2, #DEDEDE);
}
.basic-onoff__lines:after {
  content: "";
  position: absolute;
  top: 0;
  right: -4px;
  display: block;
  width: 1px;
  height: inherit;
  background-color: var(--G-2, #DEDEDE);
}
.basic-onoff__on {
  opacity: 0;
  position: absolute;
  top: 0;
  right: calc(var(--toggle-width, 20px) + var(--toggle-offset, 3px) * 2);
  bottom: 0;
  left: var(--toggle-offset, 3px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-0, #FFFFFF);
  transition: opacity 0.2s ease-in-out;
}
.basic-onoff__off {
  position: absolute;
  top: 0;
  right: var(--toggle-offset, 3px);
  bottom: 0;
  left: calc(var(--toggle-width, 20px) + var(--toggle-offset, 3px) * 2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-0, #FFFFFF);
  transition: opacity 0.2s ease-in-out;
}
.basic-onoff.is-checked .basic-onoff__control {
  background-color: var(--active-color);
  color: var(--G-0, #FFFFFF);
}
.basic-onoff.is-checked .basic-onoff__control:hover {
  background-color: var(--active-hover, inherit);
}
.basic-onoff.is-checked .basic-onoff__toggle {
  left: 100%;
  margin-left: calc(var(--toggle-offset, 3px) * -1);
  background-color: var(--active-toggle-color);
  transform: translate(-100%, -50%);
}
.basic-onoff.is-checked .basic-onoff__on {
  opacity: 1;
}
.basic-onoff.is-checked .basic-onoff__off {
  opacity: 0;
}
.basic-onoff.is-read-only {
  pointer-events: none;
}
.basic-onoff.is-reverse .basic-onoff__toggle {
  left: 100%;
  margin-left: calc(var(--toggle-offset, 3px) * -1);
  background-color: var(--active-toggle-color);
  transform: translate(-100%, -50%);
}
.basic-onoff.is-reverse .basic-onoff__on {
  right: var(--toggle-offset, 3px);
  left: calc(var(--toggle-width, 20px) + var(--toggle-offset, 3px) * 2);
}
.basic-onoff.is-reverse .basic-onoff__off {
  left: var(--toggle-offset, 3px);
  right: calc(var(--toggle-width, 20px) + var(--toggle-offset, 3px) * 2);
}
.basic-onoff.is-reverse.is-checked .basic-onoff__toggle {
  left: var(--toggle-offset, 3px);
  margin-left: 0;
  transform: translate(0, -50%);
}
.basic-onoff--xxl {
  --toggle-width: 25px;
}
.basic-onoff--xxl .basic-onoff__control {
  min-width: 65px;
  height: 36px;
  border-radius: 5px;
}
.basic-onoff--xxl .basic-onoff__toggle {
  height: 30px;
}
.basic-onoff--xxl .basic-onoff__lines {
  height: 20px;
}
.basic-onoff--xl .basic-onoff__control {
  min-width: 54px;
}
.basic-onoff--l {
  --toggle-offset: 2px;
}
.basic-onoff--l .basic-onoff__control {
  min-width: 54px;
  height: 24px;
}
.basic-onoff--m {
  --toggle-width: 12px;
  --toggle-offset: 2px;
}
.basic-onoff--m .basic-onoff__control {
  min-width: 41px;
  height: 16px;
  border-radius: 8px;
}
.basic-onoff--m .basic-onoff__toggle {
  height: 12px;
  border-radius: 50%;
}
.basic-onoff--s {
  --toggle-width: 12px;
  --toggle-offset: 2px;
}
.basic-onoff--s .basic-onoff__control {
  min-width: 30px;
  height: 16px;
  border-radius: 8px;
}
.basic-onoff--s .basic-onoff__toggle {
  height: 12px;
  border-radius: 50%;
}
.basic-onoff--xs {
  --toggle-width: 8px;
}
.basic-onoff--xs .basic-onoff__control {
  min-width: 26px;
  height: 14px;
  border-radius: 8px;
}
.basic-onoff--xs .basic-onoff__toggle {
  height: 8px;
  border-radius: 50%;
}
.basic-onoff--xxs {
  --toggle-width: 6px;
  --toggle-offset: 2px;
}
.basic-onoff--xxs .basic-onoff__control {
  min-width: 18px;
  height: 10px;
  border-radius: 8px;
}
.basic-onoff--xxs .basic-onoff__toggle {
  height: 6px;
  border-radius: 50%;
}
.basic-onoff--s .basic-onoff__control, .basic-onoff--xs .basic-onoff__control, .basic-onoff--xxs .basic-onoff__control {
  border: none;
  background-color: transparent;
}
.basic-onoff--s .basic-onoff__control:before, .basic-onoff--xs .basic-onoff__control:before, .basic-onoff--xxs .basic-onoff__control:before {
  content: "";
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  background-color: var(--solution-primary-color);
  pointer-events: none;
  transition: opacity 150ms ease-out;
}
.basic-onoff--s .basic-onoff__toggle, .basic-onoff--xs .basic-onoff__toggle, .basic-onoff--xxs .basic-onoff__toggle {
  background-color: var(--G-0, #FFFFFF);
}
.small-color-picker-palette {
  background-color: var(--G-0-5, #FAFAFA);
  padding: 12px 0px 0;
  max-width: 100%;
  border-radius: 4px;
}
.small-color-picker-palette__button {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 4px;
  margin-bottom: 12px;
  margin-right: 10px;
  margin-left: 9px;
  position: relative;
}
.small-color-picker-palette__button:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border: 1px solid var(--solution-primary-color);
  border-radius: 5px;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 150ms ease-out , transform 150ms ease-out;
}
.small-color-picker-palette__button.is-active:before, .small-color-picker-palette__button:hover:before {
  opacity: 1;
  transform: scale(1);
  transition: opacity 200ms ease-in , transform 200ms ease-in;
}
.r-color-mixer {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.r-color-mixer.is-rounded .react-colorful__saturation,
.r-color-mixer.is-rounded .react-colorful__hue {
  border-radius: 8px;
}
.r-color-mixer__mirror {
  height: calc(100% - 20px);
  width: 25%;
}
.r-color-mixer__container.react-colorful {
  width: 100%;
  height: 100%;
}
.r-color-mixer .react-colorful__saturation {
  border-radius: 0;
  margin-bottom: 10px;
  border-bottom: none;
  overflow: hidden;
}
.r-color-mixer .react-colorful__hue {
  height: 10px;
  border-radius: 0;
}
.r-color-mixer .react-colorful__pointer {
  width: 10px;
  height: 10px;
  border: 1px solid var(--G-0, #FFFFFF);
}
.r-color-mixer .react-colorful__hue-pointer {
  width: 16px;
  height: 16px;
  border: 4px solid var(--G-0, #FFFFFF);
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.122596);
}
.r-color-mixer .react-colorful__interactive:focus .react-colorful__pointer {
  transform: translate(-50%, -50%);
}
.r-color-mixer--mirror .r-color-mixer__container.react-colorful {
  position: absolute;
}
.r-color-mixer--mirror .react-colorful__saturation {
  margin-left: 25%;
}
.smart-input-group {
  width: 100%;
  margin-bottom: 18px;
}
.smart-input-group.is-active .smart-input-group__title {
  color: var(--solution-primary-color);
}
.smart-input-group.is-error .smart-input-group__title {
  color: #FF5757;
}
.smart-input-group__head {
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
}
.smart-input-group__hat {
  overflow: hidden;
  flex-grow: 1;
  min-height: 20px;
  margin-bottom: 1px;
}
.smart-input-group__label {
  display: flex;
  align-items: center;
}
.smart-input-group__required {
  margin-left: 2px;
}
.smart-input-group__actions {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}
.smart-input-group__foot {
  display: flex;
  min-height: 16px;
  margin-top: 2px;
}
.checkbox-pill {
  position: relative;
  display: inline-flex;
  border-radius: 4px;
  background-color: var(--G-0-5, #FAFAFA);
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
  cursor: pointer;
}
.checkbox-pill::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: 1px solid var(--G-1-5, #E9E9E9);
  transition: border-color 150ms ease-out , opacity 150ms ease-out;
  pointer-events: none;
}
.checkbox-pill:hover:before {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in , opacity 200ms ease-in;
}
.checkbox-pill.is-checked {
  background-color: var(--solution-secondary-color);
}
.checkbox-pill.is-checked::before {
  opacity: 0.3;
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in , opacity 200ms ease-in;
}
.checkbox-pill__field label {
  padding: 9px 11px;
}
.rect-checkbox {
  position: relative;
  display: inline-flex;
  max-width: 100%;
  padding-left: 27px;
}
.rect-checkbox:not(.is-disabled) {
  cursor: pointer;
}
.rect-checkbox:not(.is-disabled):not(.is-checked):hover::before {
  border-color: var(--G-3, #C7C8C9);
}
.rect-checkbox.is-checked::after {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.rect-checkbox.is-disabled {
  color: var(--typo-secondary, #878B92);
}
.rect-checkbox::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 3px;
  box-sizing: border-box;
  transition: border-color 150ms ease-out;
}
.rect-checkbox::after {
  opacity: 0;
  content: " ";
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: var(--solution-primary-color);
  transition: opacity 150ms ease-out;
}
.rect-checkbox__input {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
.search-input-field:hover .search-input-field__icon {
  color: var(--search-field-icon-color-hover, var(--G-4, #B2B2B3));
}
.search-input-field.is-active .search-input-field__icon {
  color: var(--search-field-icon-color-active, var(--G-4, #B2B2B3));
}
.search-input-field__icon {
  position: absolute;
  top: 50%;
  left: var(--search-field-icon-left, 10px);
  color: var(--search-field-icon-color, var(--G-3, #C7C8C9));
  transform: translate(0, -50%);
}
.search-input-field__input {
  padding-left: var(--search-field-padding-left, 22px);
}
.enable-checkbox {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 10px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 8px;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
}
.enable-checkbox.is-active {
  background-color: #EEF6EE;
}
.enable-checkbox__body {
  padding-right: 30px;
}
.enable-checkbox__loader {
  position: absolute;
  top: 12px;
  right: 12px;
}
.color-picker-select__panel {
  border-radius: 8px;
}
.color-picker-select__dropdown {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 12px;
}
.color-picker-select__mixer {
  width: 100%;
  height: 176px;
}
.color-picker-select__actions {
  display: flex;
  gap: 10px;
  margin-top: 5px;
}
.color-picker-select__format-select {
  max-width: 70px;
}
.color-preview {
  position: relative;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.color-preview--transparent {
  border: 1px solid var(--G-2, #DEDEDE);
}
.color-preview--transparent::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  background-color: #FF5757;
  transform: rotate(-45deg);
}
.color-preview--white {
  border: 1px solid var(--G-2, #DEDEDE);
}
.colors-list__title {
  margin-bottom: 6px;
}
.colors-list__items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 7px;
}
.colors-list__item {
  cursor: pointer;
}
.colors-list__item::before {
  content: " ";
  opacity: 0;
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: inherit;
  box-shadow: -1px 4px 8px rgba(128, 128, 128, 0.5);
  transition: opacity 150ms ease-out;
}
.colors-list__item:hover::before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.colors-list__tooltip {
  text-transform: capitalize;
}
.color-picker-field {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  height: 100%;
  min-height: 34px;
  cursor: pointer;
}
.color-picker-field input {
  padding: 0 28px 0 40px;
}
.color-picker-field.is-active .color-picker-field__arrow {
  color: var(--solution-primary-color);
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.color-picker-field.is-active .color-picker-field__copy {
  color: var(--solution-primary-color);
}
.color-picker-field.is-active .color-picker-field__copy:hover {
  color: var(--solution-hover-color);
}
.color-picker-field__preview {
  position: absolute;
  top: 50%;
  left: 9px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  transform: translateY(-50%);
}
.color-picker-field__arrow {
  position: absolute;
  top: 10px;
  right: 10px;
  transition: transform 150ms ease-out;
}
.color-picker-field__copy {
  position: absolute;
  top: 9px;
  right: 9px;
}
.color-picker-field__copy:hover {
  color: var(--solution-hover-color);
}
.due-date-control {
  overflow: hidden;
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  width: 100%;
}
.due-date-control--with-label .due-date-control__text {
  padding-left: 7px;
}
.due-date-control__icon {
  margin: 0 4px;
}
.due-date-control__tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.due-date-control__tooltip-icon {
  color: #FF5757;
}
.due-date-control__tooltip-icon:hover {
  color: #F1273F;
}
.due-date-control__arrow {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--solution-primary-color);
  transform: rotate(180deg);
  background-color: var(--G-0, #FFFFFF);
}
.due-date-control__clear {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px;
  color: var(--ic-light, #c7cdcf);
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.due-date-control__clear:hover {
  color: var(--solution-primary-color);
  transition: opacity 200ms ease-in;
}
.due-date-control:hover .due-date-control__clear {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.due-date-control.is-grid-view .due-date-control__clear {
  color: black;
  top: 0;
  margin-top: 0;
  right: 20px;
  bottom: 0;
  opacity: 1;
  display: flex;
  align-items: center;
  width: 18px;
  justify-content: flex-end;
  background-color: var(--G-0, #FFFFFF);
}
.due-date-label-checkmark {
  display: flex;
  margin-top: var(--due-date-checkmark-top-indent, 0);
  cursor: default;
}
.due-date-label-checkmark--overdue {
  position: relative;
}
.due-date-label-checkmark--overdue::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 5px;
  background: red;
  border-radius: 2px;
}
.due-date-label-badge {
  color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 16px;
  border-radius: 5px;
  margin-top: var(--due-date-checkmark-top-indent, 0);
  font-size: 11px;
  padding: 0 3px;
  line-height: 10px;
  letter-spacing: -0.18px;
  font-weight: 700;
  cursor: default;
}
.due-date-label-tooltip {
  display: flex;
  margin-top: 2px;
}
.color-picker-modern-palette-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  color: var(--G-0, #FFFFFF);
}
.color-picker-modern-palette-item:hover .color-picker-modern-palette-item__checkmark {
  opacity: 0.33;
  transition: opacity 200ms ease-in;
}
.color-picker-modern-palette-item.is-darken {
  color: var(--G-8, #4d4d4d);
}
.color-picker-modern-palette-item.is-bordered {
  border: 1px solid var(--G-2, #DEDEDE);
  color: var(--G-8, #4d4d4d);
}
.color-picker-modern-palette-item.is-active .color-picker-modern-palette-item__checkmark {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.color-picker-modern-palette-item__checkmark {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.color-picker-modern-palette {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.color-picker-modern-palette__list, .color-picker-modern-palette__preselected {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 8px;
}
.color-picker-modern-palette__preselected {
  min-width: var(--color-picker-modern-palette-preselected-width);
}
.change-title-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}
.change-title-form:hover .change-title-form__wrapper {
  border-color: var(--G-8, #4d4d4d);
  transition: border-color 200ms ease-in;
}
.change-title-form.is-error .change-title-form__wrapper {
  border-color: #FF5757;
  transition: border-color 200ms ease-in;
}
.change-title-form.is-error .change-title-form__accept-button {
  background-color: var(--G-1, #F3F3F4);
  color: var(--G-8, #4d4d4d);
  pointer-events: none;
}
.change-title-form.is-focused .change-title-form__wrapper {
  width: 100%;
  border-bottom: 0;
}
.change-title-form__wrapper {
  position: relative;
  height: 23px;
  border-bottom: 1px dashed var(--G-3, #C7C8C9);
  transition: border-color 150ms ease-out;
}
.change-title-form__control {
  max-width: var(--change-title-control-max-width, 100%);
  height: 23px;
  padding-right: 20px;
}
.change-title-form__button {
  position: absolute;
  top: 2px;
  right: 0;
  display: inline-flex;
  color: var(--G-3, #C7C8C9);
}
.change-title-form__button:hover {
  color: var(--G-8, #4d4d4d);
}
.change-title-form__input-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
  height: 23px;
}
.change-title-form__input {
  width: 100%;
  height: 23px;
  border-bottom: 1px solid var(--solution-primary-color);
  border-radius: 0;
}
.change-title-form__input input {
  padding: 0;
  font-weight: 500;
  font-size: 14px;
}
.change-title-form__accept-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: #EEF6EE;
  transition: background-color 200ms ease-in;
}
.change-title-form__accept-button:hover {
  background-color: #CDEECE;
  transition: background-color 150ms ease-out;
}
.checkbox-star {
  position: relative;
  display: inlineflex;
  width: 16px;
  height: 16px;
  color: var(--G-3, #C7C8C9);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: color 150ms ease-out;
}
.checkbox-star input {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  font-size: 0;
}
.checkbox-star:hover {
  color: #FFB938;
  opacity: 0.5;
  transition: color 200ms ease-in;
}
.checkbox-star.is-checked {
  color: #FFB938;
  transition: color 200ms ease-in;
}
.checkbox-star--default.is-checked, .checkbox-star--filled.is-checked {
  color: #FFB938;
  transition: color 200ms ease-in;
}
.checkbox-star--default.is-checked:hover, .checkbox-star--filled.is-checked:hover {
  color: #FDA80D;
  opacity: 1;
  transition: color 200ms ease-in;
}
.checkbox-star--reverse {
  color: var(--G-0, #FFFFFF);
}
.checkbox-star--large {
  color: var(--G-2, #DEDEDE);
}
.checkbox-star--large:hover {
  color: #FFB938;
  transition: color 200ms ease-in;
}
.checkbox-star--large.is-checked {
  color: #FDA80D;
  transition: color 200ms ease-in;
}
.tooltip-item {
  position: relative;
  display: inline-block;
  will-change: transform;
}
.tooltip-item__in {
  overflow: hidden;
  max-width: 261px;
  padding: 4px 10px;
  border-radius: 5px;
}
.tooltip-item__close {
  z-index: 2;
  position: absolute;
  top: 10px;
  right: 10px;
}
.tooltip-item--text {
  white-space: nowrap;
}
.tooltip-item--pointer-events {
  pointer-events: all;
}
.tooltip-item--close .tooltip-item__in {
  padding-right: 20px;
}
.tooltip-item--follow-cursor {
  position: fixed;
  top: 0;
  left: 0;
  padding: 15px;
  pointer-events: none;
}
.tooltip-item--follow-cursor .tooltip-item__in {
  display: flex;
  padding: 7px 12px;
}
.tooltip-item--align-start {
  text-align: left;
}
.tooltip-item--align-center {
  text-align: center;
}
.tooltip-item--align-end {
  text-align: right;
}
.tooltip-item.tooltip-item--placement-left::before {
  left: 100%;
}
.tooltip-item.tooltip-item--placement-top {
  top: 0;
  left: -22px;
}
.tooltip-item.tooltip-item--placement-top::before {
  top: 100%;
  left: 32px;
}
.tooltip-item.tooltip-item--placement-bottom {
  top: 0;
  left: -22px;
}
.tooltip-item.tooltip-item--placement-bottom::before {
  top: 0;
  left: 32px;
}
.tooltip-item.tooltip-item--placement-top-left {
  top: -15px;
  left: -15px;
}
.tooltip-item.tooltip-item--placement-top-left .tooltip-item__in {
  transform: translate(-100%, -100%);
}
.tooltip-item.tooltip-item--placement-top-right {
  top: -15px;
}
.tooltip-item.tooltip-item--placement-top-right .tooltip-item__in {
  transform: translate(0, -100%);
}
.tooltip-item.tooltip-item--placement-bottom-left {
  left: -15px;
}
.tooltip-item.tooltip-item--placement-bottom-left .tooltip-item__in {
  transform: translate(-100%, 0);
}
.tooltip-item--wrap {
  width: 261px;
  white-space: normal;
}
.tooltip-adavanced-content {
  padding: 16px 12px;
  white-space: normal;
}
.tooltip-adavanced-content--text-only {
  padding: 0;
}
.tooltip-adavanced-content--text-align-left .tooltip-adavanced-content__text {
  text-align: left;
}
.tooltip-adavanced-content--text-align-center .tooltip-adavanced-content__text {
  text-align: center;
}
.tooltip-adavanced-content--text-align-right .tooltip-adavanced-content__text {
  text-align: right;
}
.tooltip-adavanced-content--padding-small {
  padding: 6px 5px;
}
.tooltip-adavanced-content--padding-uniform {
  padding: 6px 0;
}
.tooltip-adavanced-content__image {
  overflow: hidden;
  display: flex;
  max-width: 100%;
  margin-bottom: 12px;
  border-radius: 4px;
}
.tooltip-adavanced-content__title {
  margin-bottom: 12px;
}
.tooltip-adavanced-content__text {
  display: flex;
  align-items: flex-start;
  flex-flow: column;
}
.tooltip-adavanced-content__button {
  margin-top: var(--tooltip-content-button-margin-top, 22px);
}
.tooltip-adavanced-content__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding-right: 16px;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  color: var(--G-0, #FFFFFF);
  transition: color 150ms ease-out;
}
.tooltip-adavanced-content__link:hover {
  color: var(--solution-primary-color);
  transition: color 200ms ease-in;
}
.tooltip-adavanced-content__link::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  border: 4px solid transparent;
  border-left-color: currentColor;
  transform: translate(0, -50%);
}
.tooltip-adavanced-content__link span {
  border-bottom: 1px solid;
  line-height: 120%;
}
.tooltip-adavanced-content__warning {
  position: relative;
  display: flex;
  margin-top: 8px;
  padding: 10px 10px 10px 36px;
  background-color: #FF5757;
  border-radius: 5px;
}
.tooltip-adavanced-content__warning .icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
}
.tooltip-link-content {
  min-width: 180px;
  padding: 6px 0;
}
.tooltip-link-content__image {
  overflow: hidden;
  display: flex;
  max-width: 100%;
  margin-bottom: 9px;
  border-radius: 4px;
}
.tooltip-link-content__url {
  margin-bottom: 8px;
}
.tooltip-hotkey-content {
  display: flex;
  align-items: center;
}
.tooltip-hotkey-content__key {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 15px;
  height: 14px;
  margin-left: 5px;
  padding: 0 3px;
  background-image: linear-gradient(to bottom, #eee, #d8d8d8);
  border-radius: 3px;
}
/**
 * * Disable mouse events for tooltip parent element
 * * This fixes the recursive open/close issue
 * */
.react-tiny-popover-container {
  pointer-events: none;
}
.tooltip {
  position: relative;
}
.tooltip__outside.is-cursor-pointer {
  cursor: pointer;
}
.tooltip--inline-block {
  display: inline-block;
}
.tooltip--inline-flex {
  display: inline-flex;
}
.tooltip--inline-flex .tooltip__outside {
  display: inline-flex;
  align-items: center;
}
.tooltip--block {
  display: block;
}
.tooltip--inline {
  display: inline;
}
.tooltip--inline .tooltip__outside {
  display: inline;
}
@keyframes tooltipFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.shortcuts {
  display: flex;
  align-items: center;
}
.shortcuts__item {
  display: flex;
  color: var(--shortcuts-color, currentColor);
}
.shortcuts__item:not(:last-child) {
  margin-right: 6px;
}
.shortcut-item-wrapper {
  display: flex;
  align-items: center;
  gap: 3px;
}
.shortcut-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background-color: rgba(250, 250, 250, 0.2);
  border-radius: 5px;
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  color: var(--G-3, #C7C8C9);
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
.introduction-videos__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.introduction-videos__item {
  display: flex;
  flex-direction: column;
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 12px;
  cursor: pointer;
}
.introduction-videos__item:hover .introduction-videos__preview {
  transform: scale(1.07865);
  transition: transform 200ms ease-in;
}
.introduction-videos__item:hover .introduction-videos__play {
  transform: scale(1.375);
  transition: transform 200ms ease-in;
}
.introduction-videos__preview {
  background-color: rgba(0, 0, 0, 0.8980392157);
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1);
  overflow: hidden;
  transition: transform 150ms ease-out;
}
.introduction-videos__preview img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.introduction-videos__title {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 10px;
  position: relative;
  z-index: 1;
  font-size: 18px;
  line-height: 25px;
}
.introduction-videos__title span {
  color: var(--workspace-base-color);
  display: block;
}
.introduction-videos__duration {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  background-color: rgba(255, 255, 255, 0.3019607843);
  border-radius: 22px;
  line-height: 100%;
}
.introduction-videos__play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  cursor: pointer;
  transition: transform 150ms ease-out;
}
.introduction-videos__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 38px;
  margin-top: 18px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: rgba(255, 255, 255, 0.5019607843);
  border-radius: 12px;
  font-size: 13px;
  transition: border-color 150ms ease-out;
}
.introduction-videos__toggle:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.introduction-videos__toggle.is-expanded .icon {
  transform: rotate(180deg);
}
.introduction-videos__modal {
  position: relative;
  padding: 20px;
  border-radius: 12px;
  background-color: var(--G-0, #FFFFFF);
}
.introduction-videos__close {
  position: absolute;
  top: -12px;
  right: -12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--G-2, #DEDEDE);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 50%;
  color: var(--G-8, #4d4d4d);
  cursor: pointer;
  transition: border-color 150ms ease-out , color 150ms ease-out;
}
.introduction-videos__close:hover {
  border-color: var(--G-3, #C7C8C9);
  color: var(--ic-darker, #151515);
  transition: border-color 200ms ease-in , color 200ms ease-in;
}
.field-group-compact {
  display: table-row;
  position: relative;
}
.field-group-compact::after {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  opacity: 0;
  pointer-events: none;
  border: 3px solid var(--solution-primary-color);
  visibility: hidden;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.field-group-compact__column {
  position: relative;
  background-color: var(--G-1, #F3F3F4);
  height: 100%;
  width: auto;
  text-align: right;
  padding: 8px 10px 0;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px 0 0 5px;
  color: var(--typo-secondary, #878B92);
  white-space: nowrap;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  transition: border-color 150ms ease-out;
}
.field-group-compact__column + .field-group-compact__body {
  border-left: 0;
  border-radius: 0 5px 5px 0;
}
.field-group-compact__column + .field-group-compact__body:before, .field-group-compact__column + .field-group-compact__body:after {
  content: "";
  position: absolute;
  width: 3px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  transition: border-color 150ms ease-out;
}
.field-group-compact__column + .field-group-compact__body:before {
  top: -1px;
  left: -2px;
}
.field-group-compact__column + .field-group-compact__body:after {
  bottom: -1px;
  left: -2px;
}
.field-group-compact__caption-icon {
  color: var(--ic-light, #c7cdcf);
  display: flex;
}
.field-group-compact__body {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  transition: border-color 150ms ease-out;
}
.field-group-compact__column, .field-group-compact__body {
  display: table-cell;
  vertical-align: top;
}
.field-group-compact__tooltip {
  position: absolute;
  top: 50%;
  right: 10px;
  color: #FF5757;
  transform: translateY(-50%);
  cursor: pointer;
}
.field-group-compact:hover .field-group-compact__body,
.field-group-compact:hover .field-group-compact__column,
.field-group-compact:hover .field-group-compact__body::after,
.field-group-compact:hover .field-group-compact__body::before {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in , color 200ms ease-in;
}
.field-group-compact:hover .field-group-compact__caption {
  color: var(--typo-primary, #2E3538);
}
.field-group-compact.is-active .field-group-compact__body,
.field-group-compact.is-active .field-group-compact__column,
.field-group-compact.is-active .field-group-compact__body::after,
.field-group-compact.is-active .field-group-compact__body::before {
  border-color: var(--solution-primary-color);
}
.field-group-compact.is-active .field-group-compact__column {
  border-right-color: var(--G-3, #C7C8C9);
}
.field-group-compact.is-active .field-group-compact__caption-icon {
  color: var(--solution-primary-color);
}
.field-group-compact.is-active::after {
  visibility: visible;
  opacity: 0.3;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.field-group-compact:hover .field-group-compact__column, .field-group-compact.is-active .field-group-compact__column {
  color: var(--typo-primary, #2E3538);
}
.field-group-compact.is-error .field-group-compact__body,
.field-group-compact.is-error .field-group-compact__column,
.field-group-compact.is-error .field-group-compact__body::after,
.field-group-compact.is-error .field-group-compact__body::before {
  border-color: #FF5757;
}
.field-group-compact.is-error .field-group-compact__column {
  border-right-color: var(--G-1-5, #E9E9E9);
}
.field-group-compact.is-error.is-required .field-group-compact__column::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 7px;
  height: 7px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjdweCIgdmlld0JveD0iMCAwIDcgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuMSAoNjcwNDgpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlJRVDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xLDAgTDcsMCBMMCw3IEwwLDEgQy02Ljc2MzUzNzUxZS0xNywwLjQ0NzcxNTI1IDAuNDQ3NzE1MjUsMS4wMTQ1MzA2M2UtMTYgMSwwIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWlzYy0vLVJRVC10YWciPgogICAgICAgICAgICA8ZyBpZD0iUlFUIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8ZyBpZD0i8J+OqC1Db2xvcnMtLy1NYWluLS8tNCIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjRkY1QTVGIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0i8J+OqC1Db2xvci1Db3B5LTMiIHg9IjAiIHk9IjAiIHdpZHRoPSI3IiBoZWlnaHQ9IjciPjwvcmVjdD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
}
.field-group-compact.is-required-always .field-group-compact__column::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 7px;
  height: 7px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjdweCIgdmlld0JveD0iMCAwIDcgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuMSAoNjcwNDgpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlJRVDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xLDAgTDcsMCBMMCw3IEwwLDEgQy02Ljc2MzUzNzUxZS0xNywwLjQ0NzcxNTI1IDAuNDQ3NzE1MjUsMS4wMTQ1MzA2M2UtMTYgMSwwIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWlzYy0vLVJRVC10YWciPgogICAgICAgICAgICA8ZyBpZD0iUlFUIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8ZyBpZD0i8J+OqC1Db2xvcnMtLy1NYWluLS8tNCIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjRkY1QTVGIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0i8J+OqC1Db2xvci1Db3B5LTMiIHg9IjAiIHk9IjAiIHdpZHRoPSI3IiBoZWlnaHQ9IjciPjwvcmVjdD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
}
.field-group-compact.is-read-only .field-group-compact__body *,
.field-group-compact.is-read-only .field-group-compact__column * {
  pointer-events: none;
}
.field-group-compact--select .field-group-compact__column {
  padding: 0;
  text-align: right;
}
.field-group-compact--select:hover .field-group-compact__column, .field-group-compact--select.is-active .field-group-compact__column, .field-group-compact--select.is-error .field-group-compact__column {
  border-right-color: var(--G-1-5, #E9E9E9);
}
.field-group-compact--grey .field-group-compact__body {
  background-color: var(--G-1, #F3F3F4);
}
.field-group-compact--grey.is-active .field-group-compact__body, .field-group-compact--grey.is-error .field-group-compact__body {
  background-color: var(--G-0, #FFFFFF);
}
.field-group-compact--white .field-group-compact__body {
  background-color: var(--G-0, #FFFFFF);
}
.field-group-compact.caption-right .field-group-compact__column {
  text-align: right;
}
.input-group-compact-wrapper {
  display: table;
  width: 100%;
  margin: -12px 0;
  border-spacing: 0 12px;
}
.r-search-field {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.r-search-field__icon {
  display: flex;
  color: var(--search-icon-color, var(--ic-light, #c7cdcf));
  margin-right: 3px;
}
.r-search-field__input {
  flex-grow: 1;
  display: flex;
}
.r-search-field__clear {
  color: var(--ic-light, #c7cdcf);
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.r-search-field__clear:hover {
  color: #FF5757;
}
.r-search-field__line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  border-radius: 20px;
  background-color: var(--solution-primary-color);
  transition: transform 250ms ease-in-out, background 250ms ease-in-out;
  transform: scaleX(0);
  transform-origin: left top;
}
.r-search-field.is-focus .r-search-field__line, .r-search-field.is-active .r-search-field__line {
  transform: scaleX(1);
}
.r-search-field.is-active:not(.is-focus) .r-search-field__line {
  background-color: var(--G-2, #DEDEDE);
}
.r-search-field.is-clear-visible .r-search-field__clear {
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.r-search-field--main {
  padding-left: 9px;
  padding-bottom: 3px;
}
.r-search-field--main .r-search-field__clear {
  margin-right: 10px;
}
.r-search-field--light {
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
}
.r-search-field--outsides {
  padding: 0 10px;
}
.r-search-field--dark-clear .r-search-field__clear {
  color: var(--ic-dark, #2D2D2D);
}
.r-search-field--highlight.is-active .r-search-field__icon {
  color: var(--search-icon-highlight-color);
}
.month-day-picker {
  column-gap: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 8px;
  width: 244px;
}
.month-day-picker__option {
  background-color: var(--default-button-bg-color);
  border-radius: 9999px;
  color: var(--typo-primary, #2E3538);
  flex: auto 0 0;
  height: 28px;
  padding: 5px 0;
  transition: background-color ease 200ms, color ease 200ms;
  width: 28px;
}
.month-day-picker__option.selected {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.month-day-picker__option.expanded {
  flex: auto 1 0;
  height: auto;
}
.month-day-picker__option:hover {
  background-color: var(--solution-hover-color);
  color: var(--G-0, #FFFFFF);
}
.week-day-picker {
  display: flex;
  flex-direction: row;
  column-gap: 8px;
}
.week-day-picker__option {
  border-radius: 70px;
  padding: 5px 8px;
  color: var(--typo-primary, #2E3538);
  background-color: var(--default-button-bg-color);
  min-width: 30px;
  flex: auto 0 0;
  transition: background-color ease 200ms, color ease 200ms;
}
.week-day-picker__option.selected {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.week-day-picker__option:hover {
  background-color: var(--solution-hover-color);
  color: var(--G-0, #FFFFFF);
}
.capsule-select {
  height: 33px;
  display: inline-block;
  position: relative;
}
.capsule-select__dropdown {
  min-width: 100%;
}
.combo-select {
  display: flex;
  flex: 1 auto;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  max-width: 100%;
}
.combo-select__main {
  flex-basis: 100%;
  overflow: hidden;
  border-radius: 5px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  transition: border 150ms ease-out;
}
.combo-select__main:hover {
  border-right-color: var(--G-3, #C7C8C9);
  transition: border 200ms ease-in;
}
.combo-select__aggregation {
  min-width: 70px;
  position: relative;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.combo-select__mark {
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.combo-select__color-picker {
  display: flex;
  align-items: center;
  padding-left: 5px;
}
.combo-select__delete {
  padding: 0 10px;
  color: var(--ic-light, #c7cdcf);
  cursor: pointer;
  display: flex;
  align-items: center;
}
.combo-select__delete:hover {
  color: var(--ic-dark, #2D2D2D);
}
.combo-select__delete.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.combo-select:not(.combo-select--only-fields) .combo-select__aggregation,
.combo-select:not(.combo-select--only-fields) .combo-select__main {
  border-right: none;
}
.combo-select--big-aggregation .combo-select__aggregation {
  min-width: 95px;
}
.combo-select--aggregation:not(.combo-select--only-fields) .combo-select__aggregation,
.combo-select--aggregation:not(.combo-select--only-fields) .combo-select__main {
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.combo-select--disable-colors:not(.combo-select--only-fields) .combo-select__aggregation {
  border-right: none;
}
.capsule-option {
  height: 28px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.capsule-option.is-selected {
  padding-right: 0;
  padding-left: 0;
}
.checkmark-option {
  position: relative;
  height: var(--checkmark-option-height, 36px);
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  gap: 10px;
  padding-left: 36px;
  color: var(--checkmark-option-color, #6B6B6B);
}
.checkmark-option:hover {
  color: var(--checkmark-option-hover-color);
}
.checkmark-option.is-placeholder {
  padding-left: var(--checkmark-option-gutter, 5px);
  color: var(--checkmark-placeholder-color);
}
.checkmark-option.is-selected {
  --checkmark-option-color: #2E3538;
}
.checkmark-option.is-selected::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  width: 5px;
  height: 9px;
  border-right: 2px solid var(--solution-primary-color);
  border-bottom: 2px solid var(--solution-primary-color);
  transform: translate(0, -50%) rotate(45deg);
}
.checkmark-option--right-align-selected {
  padding-left: var(--checkmark-option-gutter, 10px);
}
.checkmark-option--right-align-selected.is-selected {
  padding-right: 36px;
}
.checkmark-option--right-align-selected.is-selected::before {
  left: auto;
  right: var(--checkmark-option-icon-right, 20px);
  border-color: #3EAC40;
}
.checkmark-option__note {
  margin-left: auto;
}
.role-option {
  color: var(--typo-secondary, #878B92);
  padding: 9px 10px;
}
.role-option:hover {
  color: var(--typo-primary, #2E3538);
}
.removable-static-option {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  height: 36px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 10px 0 13px;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
}
.removable-static-option__delete {
  margin-left: auto;
}
.custom-multiselect-add-button {
  padding-left: 10px;
}
.small-dropdown {
  width: 76px;
}
.date-select__button {
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  height: 24px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: var(--typo-primary, #2E3538);
  transition: background-color 150ms ease-out;
  border-radius: 5px;
}
.date-select__button.is-active {
  transition: background-color 200ms ease-in;
  background-color: var(--G-1, #F3F3F4);
}
.date-select__button--icon {
  padding-right: 0;
}
.date-select__button-text {
  margin-right: 2px;
}
.date-select__button-icon {
  color: var(--G-4, #B2B2B3);
}
.date-select__option {
  width: 100%;
  height: 30px;
  padding: 0 10px;
  color: var(--select-option-active-color);
  line-height: 30px;
  border-radius: 5px;
  margin-right: 15px;
}
.date-select__option:hover {
  color: var(--typo-primary, #2E3538);
}
.default-option {
  height: 36px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  color: var(--select-option-active-color-text-type);
  background-color: var(--select-option-active-background-text-type);
}
.default-option.is-selected {
  padding: 0;
}
.dropdown-search {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  padding: 0 10px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.dropdown-search.is-highlight-active-state:after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  opacity: 0;
  pointer-events: none;
  border: 3px solid var(--solution-primary-color);
  visibility: visible;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.dropdown-search.is-active.is-highlight-active-state {
  border-color: var(--solution-primary-color);
  background-color: var(--G-0, #FFFFFF);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.dropdown-search.is-active.is-highlight-active-state::after {
  visibility: visible;
  opacity: 0.3;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.dropdown-search__icon {
  margin-right: 13px;
  color: var(--ic-light, #c7cdcf);
  display: flex;
}
.dropdown-search__placeholder {
  opacity: 0;
  visibility: hidden;
  display: flex;
  font-size: 13px;
  white-space: nowrap;
  pointer-events: none;
}
.dropdown-search input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  background-color: transparent;
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
}
.dropdown-search input::placeholder {
  color: var(--typo-secondary, #878B92);
}
.dropdown-search--no-icon {
  height: 35px;
}
.dropdown-search--no-icon input {
  padding: 0 var(--dropdown-search-no-icon-input-gutter, 15px);
}
.dropdown-search--with-icon {
  height: 32px;
}
.dropdown-search--with-icon input {
  padding-left: 32px;
}
.dropdown-search--without-background {
  background-color: transparent;
}
.multiple-placeholder-wrapper--h-4 {
  margin-left: 4px;
}
.multiple-placeholder-wrapper--h-7 {
  margin-left: 7px;
}
.multiple-placeholder-wrapper--v-4 {
  margin-bottom: 4px;
}
.multiple-placeholder-wrapper--v-5 {
  margin-bottom: 5px;
}
.multiple-select {
  width: 100%;
  height: 100%;
  min-height: inherit;
}
.multiple-select__select-list-items .option.is-active {
  --select-option-active-background-text-type: inherit;
  --select-option-active-color-text-type: inherit;
}
.option {
  overflow: hidden;
  display: flex;
  max-width: 100%;
  background-color: transparent;
  border-radius: 5px;
  color: var(--option-color, #6B6B6B);
  transition: background 150ms ease-out;
  cursor: pointer;
  --select-option-is-hover-opacity: 0;
  --select-option-is-hover-background-color: var(--G-1, #F3F3F4);
}
.option:not(:last-child) {
  margin-bottom: var(--select-option-margin-bottom, 1px);
}
.option:hover {
  --select-option-is-hover-opacity: 1;
}
.option:hover, .option.is-active {
  --select-option-is-hover-background-color: var(--G-0-5, #FAFAFA);
}
.option.is-active {
  --select-option-active-color-text-type: var(--G-0, #FFFFFF);
  --select-option-active-background-text-type: var(--solution-primary-color);
}
.option:hover, .option.is-focused {
  color: var(--typo-primary, #2E3538);
  background-color: var(--select-option-highlight-background, var(--G-1, #F3F3F4));
}
.option:hover {
  transition: background 200ms ease-in;
}
.option.is-active:not(:hover) {
  color: var(--select-option-active-color, var(--typo-primary, #2E3538));
  background-color: var(--select-option-active-background, var(--G-1, #F3F3F4));
  transition: background 200ms ease-in;
}
.option.is-disabled {
  cursor: default;
  color: var(--G-4, #B2B2B3);
}
.option.is-disabled:hover {
  color: var(--G-4, #B2B2B3);
  background-color: var(--G-0-5, #FAFAFA);
  transition: background 200ms ease-in;
}
.option__content {
  flex-grow: 1;
  overflow: inherit;
}
.option__checkbox {
  margin: var(--select-items-checkbox-margin, auto auto auto 10px);
  pointer-events: none;
  position: relative;
  top: var(--select-items-checkbox-top, 0);
}
.option--check-mark {
  padding-left: 22px;
  position: relative;
}
.option--check-mark.is-active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 9px;
  height: 9px;
  min-height: auto;
  width: 5px;
  margin-top: -2px;
  border-bottom: 2px solid var(--ic-darker, #151515);
  border-right: 2px solid var(--ic-darker, #151515);
  transform: rotate(45deg) translate(0, -50%);
}
.option--no-active-highlight.is-active {
  background-color: var(--G-0, #FFFFFF);
}
.options-list.is-horizontal {
  display: flex;
  flex-wrap: wrap;
}
.options-list.is-horizontal .options-list__option:hover, .options-list.is-horizontal .options-list__option.is-focused, .options-list.is-horizontal .options-list__option.is-active {
  background-color: transparent;
}
.select-list-items__in {
  display: flex;
  flex-direction: column;
  padding: 6px 4px;
}
.select-list-items__search {
  margin-bottom: 4px;
}
.select-list-items__search + .select-list-items__toggleall {
  margin-top: -12px;
}
.select-list-items__toggleall {
  display: flex;
  align-items: center;
  height: 32px;
  margin: 0 -4px 8px -4px;
  padding: 0 14px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  cursor: pointer;
}
.select-list-items__toggleall-label {
  margin-left: 10px;
}
.select-list-items__scrollarea {
  max-width: 100%;
  max-height: inherit;
}
.select-list-items__scrollarea .ScrollbarsCustom.trackYVisible .select-list-items__options {
  padding-right: 11px;
}
.select-list-items__scrollarea .ScrollbarsCustom.trackYVisible .select-list-items__label {
  margin-right: 11px;
}
.select-list-items__additional-list {
  position: relative;
  margin-top: var(--select-list-items-additional-margin-top, 0);
  margin-bottom: var(--select-list-items-additional-margin-bottom, 6px);
  padding-bottom: var(--select-list-items-additional-padding-bottom, 0px);
}
.select-list-items__additional-list::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: -4px;
  right: -4px;
  height: 1px;
  background-color: #C2C2C2;
  opacity: 0.22;
}
.select-list-items__empty-message {
  padding: 0 10px;
  height: 36px;
  display: flex;
  align-items: center;
}
.select-list-items__footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.select-list-items__label {
  padding-left: 10px;
}
.select-list-items__group:not(:last-child) {
  margin-bottom: 5px;
}
.select-list-items__group:not(:first-child) .select-list-items__chart-group-label {
  margin-top: 14px;
}
.select-list-items--gutter-bigger .select-list-items__in {
  padding: 6px 4px 6px 10px;
}
.select-list-items--without-bottom-gutter .select-list-items__in {
  padding-bottom: 0;
}
.select-list-items--autowidth {
  max-width: calc(100% - 1px);
}
.select-list-items--autowidth .option {
  overflow: visible;
}
.select-list-items--autowidth .select-list-items__scrollarea .ScrollbarsCustom.trackYVisible .select-list-items__options,
.select-list-items--autowidth .select-list-items__scrollarea .ScrollbarsCustom.trackYVisible .select-list-items__label {
  padding-right: 0;
}
.select-list-items--centered-empty-message .select-list-items__empty-message {
  display: flex;
  justify-content: center;
  align-items: center;
}
.select-list-items--additional-options-to-top .select-list-items__search {
  order: 2;
  margin-bottom: 5px;
}
.select-list-items--additional-options-to-top .select-list-items__additional-list {
  order: 1;
  margin-bottom: 10px;
}
.select-list-items--additional-options-to-top .select-list-items__scrollarea {
  order: 3;
}
.select-list-items--search-enabled .select-list-items__options {
  padding-top: 12px;
}
.select-list-items--grouped.select-list-items--search-enabled .select-list-items__options {
  padding-top: 0;
}
.select-list-items--expanding .options-list__option {
  overflow: visible;
}
.select-list-items--expanding .options-list__option .option__content {
  flex-grow: var(--expanding-dropdown-option-grow, 0);
}
.select-placeholder {
  display: flex;
  height: 100%;
  align-items: center;
  min-height: inherit;
  position: relative;
}
.select-placeholder__value {
  min-height: inherit;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-left: var(--select-placeholder-padding-left, 10px);
  padding-right: var(--select-placeholder-padding-right, 23px);
}
.select-placeholder__actions {
  display: flex;
}
.select-placeholder__loading {
  color: var(--ic-light, #c7cdcf);
  margin-left: 10px;
}
.select-placeholder__clear-tooltip {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
  font-size: 0;
  opacity: var(--select-clear-button-opacity, 1);
  transition: opacity 150ms ease-out;
}
.select-placeholder__clear-button {
  color: var(--G-3, #C7C8C9);
}
.select-placeholder__clear-button:hover {
  color: var(--ic-dark, #2D2D2D);
}
.select-placeholder__add-button {
  cursor: pointer;
  margin-left: 10px;
  max-width: 18px;
  max-height: 18px;
  min-width: 18px;
  min-height: 18px;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-0, #FFFFFF);
  background-color: var(--solution-primary-color);
  transition: background-color 150ms ease-out;
}
.select-placeholder__add-button:hover {
  background-color: var(--solution-primary-color);
  transition: background-color 200ms ease-in;
}
.select-placeholder__placeholder {
  display: flex;
  align-items: center;
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
}
.select-placeholder__placeholder-icon {
  flex-shrink: 0;
  margin-right: 11px;
  color: var(--ic-light, #c7cdcf);
}
.select-placeholder__option {
  max-width: 100%;
}
.select-placeholder__arrow-icon {
  display: flex;
  position: relative;
  transform: rotate(0deg);
  transition: transform 150ms ease-out;
}
.select-placeholder__arrow {
  position: absolute;
  top: var(--arrow-select-top-position, 0);
  bottom: 0;
  right: var(--arrow-select-right-position, 0);
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.select-placeholder__lock {
  color: var(--inactive, #B2B2B3);
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 8px;
  opacity: var(--select-placeholder-lock-opacity, 1);
}
.select-placeholder.select-placeholder--no-selection .select-placeholder__value {
  cursor: default;
}
.select-placeholder--regular .select-placeholder__arrow {
  padding-right: var(--select-placeholder-arrow-right, 8px);
  padding-top: 9px;
}
.select-placeholder--capsule .select-placeholder__arrow {
  padding-right: var(--capsule-arrow-padding-right, 5px);
  padding-top: var(--capsule-arrow-padding-top, 8px);
}
.select-placeholder--capsule-transparent .select-placeholder__arrow {
  padding-right: 2px;
  padding-top: 8px;
}
.select-placeholder--capsule-transparent:hover .select-placeholder__arrow {
  color: var(--solution-primary-color);
}
.select-placeholder--type .select-placeholder__arrow {
  padding-right: 16px;
  padding-top: 17px;
}
.select-placeholder--auth .select-placeholder__value {
  padding-left: 20px;
  padding-right: 30px;
}
.select-placeholder--auth .select-placeholder__arrow {
  padding-right: 9px;
  align-items: center;
}
.select-placeholder--arrow-outline .select-placeholder__arrow, .select-placeholder--arrow-outline-separator .select-placeholder__arrow {
  color: var(--G-7, #6F7173);
}
.select-placeholder--arrow-outline-separator .select-placeholder__arrow {
  width: 32px;
  border-left: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  padding-right: var(--outline-separator-arrow-padding-right, 0);
  padding-top: var(--outline-separator-arrow-padding-top, 9px);
  justify-content: center;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 5px 5px 0;
}
.select-placeholder--arrow-outline-separator .select-placeholder__arrow-icon {
  height: 16px;
}
.select-placeholder--arrow-filled-small-arrow .select-placeholder__arrow {
  color: var(--G-7, #6F7173);
}
.select-placeholder--arrow-filled-small-arrow.is-active .select-placeholder__arrow {
  color: var(--solution-primary-color);
}
.select-placeholder--clear-on-hover .select-placeholder__clear-button {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.select-placeholder--clear-on-hover:hover .select-placeholder__clear-button {
  opacity: 1;
}
.select-placeholder--single .select-placeholder__option {
  width: 100%;
}
.select-placeholder--single .select-placeholder__value {
  cursor: pointer;
  align-items: center;
}
.select-placeholder--single.select-placeholder--clear .select-placeholder__value {
  padding-right: 36px;
}
.select-placeholder--multiple .select-placeholder__value {
  cursor: pointer;
}
.select-placeholder--multiple .select-placeholder__arrow {
  cursor: pointer;
}
.select-placeholder--multiple .select-placeholder__placeholder {
  padding-right: 10px;
}
.select-placeholder--multiple.select-placeholder--clear .select-placeholder__value {
  padding-right: 32px;
}
.select-placeholder--multiple:hover .select-placeholder__arrow, .select-placeholder--multiple.is-active .select-placeholder__arrow {
  color: var(--solution-primary-color);
}
.select-placeholder--arrow-filled .select-placeholder__arrow {
  color: var(--G-5, #9B9C9E);
}
.select-placeholder--arrow-filled .select-placeholder__value {
  padding-right: var(--select-placeholder-arrow-filled-right, 22px);
}
.select-placeholder--arrow-filled.no-arrow .select-placeholder__value {
  padding-right: var(--select-placeholder-padding-right, 10px);
}
.select-placeholder--arrow-filled-dark .select-placeholder__arrow {
  color: var(--ic-dark, #2D2D2D);
}
.select-placeholder--arrow-filled-dark .select-placeholder__value {
  padding-right: var(--select-placeholder-arrow-filled-right, 22px);
}
.select-placeholder--arrow-filled-dark.no-arrow .select-placeholder__value {
  padding-right: var(--select-placeholder-padding-right, 10px);
}
.select-placeholder--arrow-arrow-down-thin .select-placeholder__arrow {
  color: var(--G-8, #4d4d4d);
}
.select-placeholder--arrow-arrow-down-thin .select-placeholder__value {
  padding-right: var(--select-placeholder-arrow-filled-right, 22px);
}
.select-placeholder--arrow-arrow-down-thin:hover .select-placeholder__arrow {
  color: var(--G-8, #4d4d4d);
}
.select-placeholder--arrow-arrow-down-smaller .select-placeholder__arrow {
  color: var(--G-8, #4d4d4d);
}
.select-placeholder--arrow-arrow-down-smaller .select-placeholder__value {
  padding-right: var(--select-placeholder-arrow-filled-right, 22px);
}
.select-placeholder--arrow-arrow-down-smaller .select-placeholder__clear-button {
  color: var(--G-8, #4d4d4d);
}
.select-placeholder--arrow-arrow-down-smaller .select-placeholder__clear-button:hover {
  color: var(--G-8, #4d4d4d);
}
.select-placeholder--arrow-arrow-down-smaller:hover .select-placeholder__arrow {
  color: var(--G-8, #4d4d4d) !important;
}
.select-placeholder--arrow-arrow-down-smaller.is-active .select-placeholder__arrow {
  color: var(--G-8, #4d4d4d) !important;
}
.select-placeholder--panel {
  border-radius: 5px;
  padding: 3px 0;
}
.select-placeholder--panel .select-placeholder__arrow {
  opacity: 0.5;
  color: var(--G-0, #FFFFFF);
  padding-right: 7px;
  align-items: center;
}
.select-placeholder--panel .select-placeholder__placeholder {
  opacity: 0.6;
  color: var(--G-0, #FFFFFF);
}
.select-placeholder--panel .select-placeholder__value {
  padding-right: 26px;
  margin-right: 0;
}
.select-placeholder--panel:hover, .select-placeholder--panel.is-active {
  background-color: var(--panel-select-placeholder-background, rgba(45, 45, 45, 0.2));
}
.select-placeholder--panel.is-active .select-placeholder__arrow {
  opacity: 1;
}
.select-placeholder--panel-reverse {
  border-radius: 5px;
}
.select-placeholder--panel-reverse .select-placeholder__arrow {
  color: var(--G-4, #B2B2B3);
  padding-right: 7px;
  align-items: center;
}
.select-placeholder--panel-reverse .select-placeholder__value {
  padding-right: 26px;
  margin-right: 0;
}
.select-placeholder--panel-reverse:hover, .select-placeholder--panel-reverse.is-active {
  background-color: rgba(45, 45, 45, 0.1);
}
.select-placeholder--panel-reverse:hover .select-placeholder__arrow {
  color: var(--G-4, #B2B2B3);
}
.select-placeholder--panel-reverse.is-active .select-placeholder__arrow {
  color: var(--solution-primary-color);
}
.select-placeholder--figure .select-placeholder__arrow {
  padding-right: 8px;
  align-items: center;
}
.select-placeholder--nowrap .select-placeholder__value {
  flex-wrap: nowrap;
}
.select-placeholder--wrap .select-placeholder__value {
  flex-wrap: wrap;
}
.select-placeholder:hover:not(.select-placeholder--panel, .select-placeholder--panel-reverse, .select-placeholder--arrow-arrow-down-thin, .select-placeholder--arrow-arrow-down-smaller) {
  transition: border 200ms ease-in;
}
.select-placeholder:hover:not(.select-placeholder--panel, .select-placeholder--panel-reverse, .select-placeholder--arrow-arrow-down-thin, .select-placeholder--arrow-arrow-down-smaller) .select-placeholder__arrow {
  color: var(--solution-primary-color);
}
.select-placeholder--clear:not(.is-empty):not(.is-active):not(.select-placeholder--multiple):not(.select-placeholder--status-lg) .select-placeholder__value {
  padding-right: 45px;
}
.select-placeholder--automation .select-placeholder__value {
  padding-left: 0;
}
.select-placeholder--automation .select-placeholder__arrow {
  padding-right: 8px;
  padding-top: 8px;
}
.select-placeholder--grid-status .select-placeholder__value {
  padding-left: 0;
  padding-right: 0;
}
.select-placeholder--grid-status .select-placeholder__arrow {
  padding-right: 8px;
}
.select-placeholder--status-md.select-placeholder:not(.is-empty).is-active:not(.select-placeholder--panel) .select-placeholder__arrow,
.select-placeholder--status-md.select-placeholder:not(.is-empty).is-active:not(.select-placeholder--panel) .select-placeholder__clear-button, .select-placeholder--status-md.select-placeholder:not(.is-empty):hover:not(.select-placeholder--panel) .select-placeholder__arrow,
.select-placeholder--status-md.select-placeholder:not(.is-empty):hover:not(.select-placeholder--panel) .select-placeholder__clear-button {
  color: var(--status-arrow-color);
}
.select-placeholder--status-md:not(.is-empty) .select-placeholder__arrow {
  color: var(--status-arrow-color);
}
.select-placeholder--status-md .select-placeholder__value {
  padding-left: 0;
  padding-right: 0;
}
.select-placeholder--status-md .select-placeholder__arrow {
  display: flex;
  align-items: center;
  padding-top: 0;
}
.select-placeholder--status-md.is-empty .select-placeholder__value {
  padding-right: 25px;
}
.select-placeholder--status-lg .select-placeholder__arrow {
  align-items: center;
  border-left: 1px solid var(--G-0, #FFFFFF);
  padding-left: 8px;
}
.select-placeholder--status-lg .select-placeholder__clear-button {
  opacity: 0;
  color: var(--status-text-color, var(--G-0, #FFFFFF));
  transition: opacity 150ms ease-out;
}
.select-placeholder--status-lg .select-placeholder__clear-tooltip {
  right: 32px;
}
.select-placeholder--status-lg.select-placeholder.is-active .select-placeholder__clear-button, .select-placeholder--status-lg.select-placeholder:hover .select-placeholder__clear-button {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.select-placeholder--status-lg.select-placeholder.is-active:not(.select-placeholder--panel) .select-placeholder__arrow, .select-placeholder--status-lg.select-placeholder:hover:not(.select-placeholder--panel) .select-placeholder__arrow {
  color: var(--G-0, #FFFFFF);
}
.select-placeholder--status-lg.is-filled .select-placeholder__value {
  padding-left: 0;
  padding-right: 0;
}
.select-placeholder--status-lg.is-filled .select-placeholder__arrow {
  color: var(--status-text-color, var(--G-0, #FFFFFF));
}
.select-placeholder--status-lg.is-empty .select-placeholder__value {
  padding-right: 30px;
  padding-left: 10px;
}
.select-placeholder--team .select-placeholder__value {
  display: block;
}
.select-placeholder--plain, .select-placeholder--plain-body {
  height: var(--plain-placeholder-select-height, 34px);
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.select-placeholder--plain .select-placeholder__arrow, .select-placeholder--plain-body .select-placeholder__arrow {
  margin-right: 8px;
  align-items: center;
}
.select-placeholder.is-active:not(.select-placeholder--panel):not(.select-placeholder--arrow-arrow-down-smaller) .select-placeholder__arrow {
  color: var(--solution-primary-color);
}
.select-placeholder.is-active:not(.select-placeholder--panel):not(.select-placeholder--arrow-arrow-down-smaller).select-placeholder--status .select-placeholder__arrow {
  color: var(--G-0, #FFFFFF);
}
.select-placeholder.is-active:not(.select-placeholder--arrow-outline-separator) .select-placeholder__arrow-icon {
  transform: rotate(var(--active-placeholder-arrow-rotate, 180deg));
  transition: transform 200ms ease-in;
}
.select-placeholder.is-disabled .select-placeholder__value {
  pointer-events: none;
}
.select-placeholder.is-disabled .select-placeholder__option {
  color: var(--typo-secondary, #878B92);
}
.select-placeholder--state {
  position: relative;
  width: 18px;
  height: 18px;
}
.select-placeholder--state .select-placeholder__placeholder {
  display: block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border: 2px solid var(--G-2, #DEDEDE);
  border-radius: 50%;
  background-color: var(--G-0, #FFFFFF);
}
.select-placeholder--state .select-placeholder__value {
  padding-right: 0;
  padding-left: 0;
}
.select-placeholder--state:hover .select-placeholder__placeholder {
  border-color: var(--G-3, #C7C8C9);
}
.select-placeholder--state:not(.is-empty):not(.is-active):not(.select-placeholder--multiple) .select-placeholder__value {
  padding-right: 0;
}
.select-placeholder--state.is-active .select-placeholder__placeholder {
  border-color: var(--G-5, #9B9C9E);
}
.select-placeholder--circle-dashed {
  position: relative;
  width: 26px;
  height: 26px;
}
.select-placeholder--circle-dashed .select-placeholder__value {
  padding-right: 0;
  padding-left: 0;
}
.select-placeholder--time-input {
  height: 33px;
  width: 100%;
}
.select-placeholder--time-input .select-placeholder__placeholder {
  padding-right: 0;
  padding-left: 0;
}
.select-placeholder--time-input .select-placeholder__value {
  padding-right: 0;
}
.select-placeholder--report-toolbar-timeline .select-placeholder__value {
  padding-left: 20px;
}
.select-placeholder--report-toolbar-timeline:hover .select-placeholder__clear-tooltip {
  transition: opacity 200ms ease-in;
  opacity: 1;
}
.select-placeholder--report-toolbar-timeline .select-placeholder__clear-tooltip {
  right: 8px;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.select-placeholder--report-toolbar-timeline:not(.is-empty):not(.is-active):not(.select-placeholder--multiple) .select-placeholder__value {
  padding-right: 28px;
}
.select-placeholder--tag-field-edit-record .select-placeholder__value {
  padding: 4px 4px 0;
}
.select-placeholder--tag-field-edit-record .select-placeholder__add-button {
  position: absolute;
  z-index: 1;
  top: 9px;
  left: 9px;
  margin: 0;
}
.select-placeholder--tag-field-edit-record .select-placeholder__add-button + .select-placeholder__value > .select-placeholder__option:first-child {
  margin-left: 29px;
}
.select-placeholder--search-solution-dropdown {
  max-width: 380px;
  min-width: 225px;
}
.select-placeholder--plans-and-billing {
  background-color: rgba(255, 255, 255, 0.4);
  min-height: 40px;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 200ms ease-in;
}
.select-placeholder--plans-and-billing:hover:not(.select-placeholder--panel, .select-placeholder--panel-reverse), .select-placeholder--plans-and-billing.is-active:not(.select-placeholder--panel, .select-placeholder--panel-reverse) {
  background-color: rgba(255, 255, 255, 0.55);
  transition: background-color 150ms ease-out;
}
.select-placeholder--plans-and-billing:hover:not(.select-placeholder--panel, .select-placeholder--panel-reverse) .select-placeholder__arrow, .select-placeholder--plans-and-billing.is-active:not(.select-placeholder--panel, .select-placeholder--panel-reverse) .select-placeholder__arrow {
  color: var(--G-0, #FFFFFF);
}
.select-placeholder--plans-and-billing .select-placeholder__value {
  padding-left: 22px;
}
.select-placeholder--plans-and-billing .select-placeholder__arrow {
  padding-top: 11px;
  padding-right: 15px;
  color: var(--G-0, #FFFFFF);
}
.select-placeholder--plans-and-billing:hover .select-placeholder__arrow {
  color: var(--G-0, #FFFFFF);
}
.select-placeholder--grid-select .select-placeholder__value {
  align-items: flex-start;
  padding-top: 8px;
  padding-left: 16px;
}
.select-placeholder--grid-select .select-placeholder__value .select-placeholder__placeholder {
  padding-top: 2px;
}
.select-placeholder.select-placeholder--arrow-filled-gray-dark:hover .select-placeholder__arrow, .select-placeholder.select-placeholder--arrow-filled-gray-dark.is-active .select-placeholder__arrow {
  color: var(--ic-dark, #2D2D2D);
}
.select-placeholder.select-placeholder--arrow-filled-gray-dark .select-placeholder__arrow {
  color: var(--G-5, #9B9C9E);
}
.select-placeholder.select-placeholder--arrow-filled-gray-dark .select-placeholder__value {
  padding-right: var(--select-placeholder-arrow-filled-right, 22px);
}
.select-placeholder.select-placeholder--arrow-filled-gray-dark.no-arrow .select-placeholder__value {
  padding-right: var(--select-placeholder-padding-right, 10px);
}
.single-select {
  width: 100%;
  min-height: var(--single-select-min-height, 33px);
  height: 100%;
  position: relative;
}
.single-select--expanding.is-open .single-select__wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: var(--expanding-right-position, auto);
}
.single-select__expandholder {
  opacity: 0;
}
.single-select__wrap {
  height: 100%;
  width: var(--single-select-wrap-width, auto);
}
.single-select__placeholder {
  height: 100%;
  min-height: inherit;
}
.single-select:not(.single-select--type-capsule, .single-select--type-capsule-transparent, .single-select--type-capsule-body, .single-select--type-state) {
  min-height: var(--single-select-min-height, 34px);
}
.single-select:not(.single-select--type-capsule, .single-select--type-capsule-transparent, .single-select--type-capsule-body, .single-select--type-state) .single-select__wrap {
  min-height: var(--single-select-min-height, 34px);
}
.single-select.single-select--type-panel {
  min-height: 30px;
}
.single-select.single-select--type-panel-reverse {
  min-height: 24px;
}
.single-select--type-capsule .single-select__placeholder {
  background-color: var(--select-placeholder-background, var(--G-1, #F3F3F4));
  border-radius: 5px;
  position: relative;
  z-index: 2;
  transition: background-color 150ms ease-out;
}
.single-select--type-capsule .single-select__list {
  padding-top: var(--capsule-select-list-padding-top, 33px);
}
.single-select--type-capsule.is-open .single-select__placeholder {
  background-color: var(--select-placeholder-active-background);
  transition: background-color 200ms ease-in;
}
.single-select--type-capsule:hover .single-select__placeholder {
  background-color: var(--select-placeholder-hover-background);
  transition: background-color 200ms ease-in;
}
.single-select--type-capsule-transparent .single-select__placeholder {
  border-radius: 5px 5px 0 0;
  position: relative;
  z-index: 2;
}
.single-select--type-capsule-transparent .single-select__list {
  padding-top: 33px;
}
.single-select--type-capsule-transparent.is-open .single-select__placeholder {
  background-color: var(--G-1, #F3F3F4);
}
.single-select--type-capsule-transparent.single-select--expanding .single-select__wrap {
  left: auto;
  right: 0;
}
.single-select--type-panel {
  display: inline-block;
  width: auto;
}
.single-select--type-auth:not(.single-select--type-capsule) {
  height: 40px;
}
.single-select--type-auth .single-select__wrap {
  height: 40px;
}
.single-select--type-plain {
  height: 34px;
}
.single-select--type-plain .single-select__list {
  padding-top: 34px;
}
.single-select--type-plain .single-select__placeholder {
  position: relative;
  z-index: 4;
}
.single-select--type-state {
  min-height: 18px;
}
.small-option {
  height: 24px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.select-field-dropdown {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  height: 22px;
  border: 1px dashed var(--G-2, #DEDEDE);
  padding: 0 3px 0 8px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 150ms ease-out;
}
.select-field-dropdown:not(.has-value):hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.select-field-dropdown.is-active .select-field-dropdown__arrow {
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.select-field-dropdown.has-value {
  border-style: solid;
  border-color: var(--G-1-5, #E9E9E9);
}
.select-field-dropdown__arrow {
  margin-left: 2px;
  color: var(--G-6, #868788);
  transition: transform 150ms ease-out;
}
.select-field-dropdown__heading {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 10px 15px;
}
.select-field-dropdown-panel {
  --menu-option-height: 28px;
}
.select-field-dropdown-panel__placeholder {
  padding: 1px 15px;
  text-align: center;
}
.short-select {
  position: relative;
  display: inline-block;
  max-width: 100%;
  --active-placeholder-arrow-rotate: 0;
  --select-placeholder-padding-left: 0px;
  --single-select-min-height: 18px;
  --arrow-select-top-position: var(--short-select-arrow-top, -7px);
  --select-placeholder-arrow-filled-right: 19px;
  --select-placeholder-arrow-right: 0;
  color: var(--tertiary, #6B6B6B);
}
.short-select .is-open {
  color: var(--typo-primary, #2E3538);
}
.short-select__dropdown {
  --checkmark-option-height: 28px;
  --checkmark-option-gutter: 12px;
  --select-option-margin-bottom: 4px;
  --select-list-items-additional-padding-bottom: 4px;
}
.short-select-selected__value {
  color: var(--short-select-selected-value-color, currentColor);
}
.editable-filter-option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 36px;
  border: 1px solid transparent;
  padding: 0 8px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  transition: background-color 150ms ease-out , border-color 150ms ease-out;
}
.editable-filter-option:hover {
  border-color: var(--G-2, #DEDEDE);
  transition: border-color 200ms ease-in;
}
.editable-filter-option:hover .editable-filter-option__drag {
  color: var(--G-6, #868788);
}
.editable-filter-option:hover .editable-filter-option__actions {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.editable-filter-option.is-active {
  border-color: var(--G-2, #DEDEDE);
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in , border-color 200ms ease-in;
}
.editable-filter-option.is-active .editable-filter-option__arrow {
  background-color: var(--G-1-5, #E9E9E9);
}
.editable-filter-option.is-active .editable-filter-option__actions {
  opacity: 1;
}
.editable-filter-option.is-opened-dots {
  border-color: var(--G-2, #DEDEDE);
  transition: border-color 200ms ease-in;
}
.editable-filter-option.is-opened-dots .editable-filter-option__actions {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.editable-filter-option.is-renaming {
  border-color: var(--solution-primary-color);
  background-color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-in , border-color 200ms ease-in;
}
.editable-filter-option.can-rename .editable-filter-option__name span {
  border-bottom: 1px dashed transparent;
}
.editable-filter-option.can-rename .editable-filter-option__name span:hover {
  border-bottom-color: var(--G-3, #C7C8C9);
}
.editable-filter-option.is-error {
  border-color: #FF5757;
}
.editable-filter-option:not(.can-drag) .editable-filter-option__drag {
  opacity: 0.3;
  pointer-events: none;
}
.editable-filter-option--arrow-on-hover:hover .editable-filter-option__arrow, .editable-filter-option--arrow-on-hover.is-active .editable-filter-option__arrow {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.editable-filter-option--arrow-on-hover .editable-filter-option__arrow {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.editable-filter-option__drag {
  display: inline-flex;
  margin-right: 5px;
  color: var(--G-4, #B2B2B3);
  cursor: grab;
}
.editable-filter-option__drag:hover {
  color: var(--G-5, #9B9C9E);
}
.editable-filter-option__drag:active {
  cursor: grabbing;
}
.editable-filter-option__body {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 100%;
  cursor: pointer;
}
.editable-filter-option__input {
  width: 100%;
  height: 34px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  font-family: inherit;
  color: var(--typo-primary, #2E3538);
}
.editable-filter-option__input::placeholder {
  font-weight: normal;
  color: var(--typo-secondary, #878B92);
}
.editable-filter-option__error {
  margin-left: 4px;
}
.editable-filter-option__actions {
  opacity: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
  transition: opaicty 150ms ease-out;
}
.editable-filter-option__arrow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
  cursor: pointer;
}
.editable-filter-option__arrow:hover {
  background-color: var(--G-1-5, #E9E9E9);
  transition: background-color 200ms ease-in;
}
.editable-filter-option__delete {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  color: var(--G-8, #4d4d4d);
  transition: background-color 150ms ease-out;
  cursor: pointer;
}
.editable-filter-option__delete:hover {
  background-color: var(--G-1-5, #E9E9E9);
  transition: background-color 200ms ease-in;
}
.editable-filter-option__description {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  color: var(--G-8, #4d4d4d);
  transition: background-color 150ms ease-out;
}
.editable-filter-option__description:hover {
  background-color: var(--G-1-5, #E9E9E9);
  transition: background-color 200ms ease-in;
}
.editable-filter-option__description-icon {
  color: var(--G-4, #B2B2B3);
}
.editable-filter-option__description-icon:hover {
  color: var(--G-8, #4d4d4d);
}
.editable-filter-option__save {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  background-color: #EEF6EE;
  color: #3EAC40;
  cursor: pointer;
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.editable-filter-option__save:hover {
  background-color: #3EAC40;
  color: #EEF6EE;
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.radio-option {
  display: flex;
  align-items: center;
  gap: var(--radio-option-gap, 10px);
  min-height: var(--radio-option-min-height, 28px);
  padding: var(--radio-option-padding, 2px 11px);
  font-size: 13px;
  color: var(--tertiary, #6B6B6B);
  cursor: pointer;
  transition: color 150ms ease-out;
}
.radio-option:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.radio-option__field {
  pointer-events: none;
}
.radio-option__body {
  flex-grow: 1;
  overflow: hidden;
}
.text-color-select {
  position: relative;
  width: 28px;
  height: 28px;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  transition: border-color 150ms ease-out;
}
.text-color-select::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  margin: auto;
  border-radius: 50%;
  background-color: currentColor;
}
.text-color-select:hover {
  border-color: var(--G-1, #F3F3F4);
  transition: border-color 200ms ease-in;
}
.text-color-select.is-active {
  border-color: var(--G-1-5, #E9E9E9);
  transition: border-color 200ms ease-in;
}
.text-color-select__title {
  padding: 8px 10px 0 10px;
}
.text-color-option {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 30px;
  max-width: 100%;
  padding: 0 5px;
}
.text-color-option__preview {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
}
.source-select__in {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  width: 100%;
  height: var(--source-select-height, 34px);
  padding: 0 8px 0 10px;
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  text-align: left;
  transition: border-color 150ms ease-out;
}
.source-select:hover .source-select__arrow {
  color: var(--solution-primary-color);
}
.source-select.is-active .source-select__arrow {
  color: var(--solution-primary-color);
  transform: rotate(180deg);
  transition: color 200ms ease-in , transform 200ms ease-in;
}
.source-select__value {
  overflow: hidden;
  flex-grow: 1;
}
.source-select__arrow {
  color: var(--ic-darker, #151515);
  transition: color 150ms ease-out , transform 150ms ease-out;
}
.source-select__list {
  --dropdown-search-no-icon-input-gutter: 11px;
  --checkmark-option-height: 28px;
  --select-option-margin-bottom: 4px;
  --select-option-active-background: transparent;
}
.source-select__list .select-list-items__group {
  padding-top: 10px;
}
.source-select__list .select-list-items__group:not(:first-child) {
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.source-select__hat {
  margin-bottom: 3px;
  border-bottom: 1px solid var(--G-1, #F3F3F4);
  padding: 5px;
}
.source-select__title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  height: 26px;
  padding: 0 10px;
  cursor: default;
}
.source-select__title.is-clickable {
  cursor: pointer;
}
.source-select__title.is-clickable:hover {
  color: var(--solution-hover-color);
}
.arrow-step-option {
  position: relative;
  justify-content: space-between;
  height: var(--arrow-step-option-height, 28px);
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  color: var(--arrow-step-option-color, #6B6B6B);
}
.arrow-step-option:hover {
  color: var(--arrow-step-option-hover-color);
}
.arrow-step-option.is-placeholder {
  color: var(--arrow-step-placeholder-color);
}
.arrow-step-option.is-selected {
  --arrow-step-option-color: #2E3538;
}
.arrow-step-option__icon {
  margin-left: 10px;
  color: var(--G-8, #4d4d4d);
}
.record-option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  cursor: pointer;
}
.record-option:not(.is-placeholder) {
  min-height: 40px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  color: var(--typo-primary, #2E3538);
  transition: background-color 150ms ease-out , border-color 150ms ease-out;
}
.record-option:not(.is-placeholder):not(.is-selected):hover {
  background-color: var(--G-0-5, #FAFAFA);
  transition: background-color 200ms ease-in;
}
.record-option.is-placeholder {
  color: var(--record-placeholder-color, #2E3538);
}
.record-option.is-selected {
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in;
}
.record-option.is-extended {
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
}
.record-option__preview {
  overflow: hidden;
  display: block;
  width: 68px;
  min-width: 68px;
  height: 68px;
  border-radius: 8px;
}
.record-option__inner {
  overflow: hidden;
  flex-grow: 1;
}
.record-option__fields {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 10px;
}
.record-option__field {
  display: flex;
  gap: 4px;
}
.source-select-group-label {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px 4px 10px;
}
.rect-option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  min-height: 68px;
  padding: 10px;
  border-radius: 5px;
  color: var(--tertiary, #6B6B6B);
  cursor: pointer;
  text-align: center;
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.rect-option.icon-only {
  min-height: 60px;
}
.rect-option::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: inherit;
  transition: opacity 150ms ease-out , border-color 150ms ease-out;
}
.rect-option.is-active, .rect-option:hover {
  color: var(--typo-primary, #2E3538);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.rect-option.is-active::before, .rect-option:hover::before {
  opacity: 0.5;
  border-color: var(--solution-primary-color);
  transition: opacity 200ms ease-in , border-color 200ms ease-in;
}
.rect-option.is-active .rect-option__icon, .rect-option:hover .rect-option__icon {
  opacity: var(--rect-option-active-icon-opacity, 1);
  color: var(--rect-option-active-icon-color, var(--solution-primary-color));
  transition: opacity 200ms ease-in , color 200ms ease-in;
}
.rect-option.is-active {
  background-color: var(--solution-secondary-color);
}
.rect-option__icon {
  opacity: var(--rect-option-icon-opacity, 0.4);
  color: var(--rect-option-icon-color, #151515);
  transition: opacity 150ms ease-out , color 150ms ease-out;
}
.rect-option-select {
  display: flex;
  gap: 10px;
}
.bg-color-picker-type-option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  min-height: 66px;
  padding: 6px;
  border-radius: 5px;
  color: var(--tertiary, #6B6B6B);
  cursor: pointer;
  text-align: center;
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.bg-color-picker-type-option::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: inherit;
  transition: opacity 150ms ease-out , border-color 150ms ease-out;
}
.bg-color-picker-type-option.is-active, .bg-color-picker-type-option:hover {
  color: var(--typo-primary, #2E3538);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.bg-color-picker-type-option.is-active::before, .bg-color-picker-type-option:hover::before {
  opacity: 0.5;
  border-color: var(--solution-primary-color);
  transition: opacity 200ms ease-in , border-color 200ms ease-in;
}
.bg-color-picker-type-option.is-active {
  background-color: var(--solution-secondary-color);
}
.bg-color-picker-type-option--white:not(.is-active) .bg-color-picker-type-option__preview::after {
  border-color: var(--G-1, #F3F3F4);
}
.bg-color-picker-type-option--neutral.is-active .bg-color-picker-type-option__preview::after {
  opacity: 1;
  border-color: var(--G-1-5, #E9E9E9);
}
.bg-color-picker-type-option--custom:not(.is-active) .bg-color-picker-type-option__preview::before {
  opacity: 0.5;
}
.bg-color-picker-type-option--custom:not(.is-active) .bg-color-picker-type-option__preview::after {
  opacity: 0;
}
.bg-color-picker-type-option--custom.is-active .bg-color-picker-type-option__preview::before {
  opacity: 0.5;
}
.bg-color-picker-type-option--custom.is-active .bg-color-picker-type-option__preview::after {
  opacity: 0.2;
  border-color: var(--option-type-border-color);
}
.bg-color-picker-type-option__preview {
  position: relative;
  width: 100%;
  min-height: 31px;
  border-radius: 4px;
}
.bg-color-picker-type-option__preview::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background-color: var(--option-type-background-color, transparent);
}
.bg-color-picker-type-option__preview::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
}
.bg-color-picker-pill {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 23px;
  height: 23px;
  box-shadow: 0 0 0 0px transparent;
  background-color: var(--color-pill-background-color);
  border-radius: 50%;
  transition: box-shadow 150ms ease-out;
}
.bg-color-picker-pill.is-active {
  box-shadow: 0 0 0 3px var(--color-pill-border-color);
  transition: box-shadow 200ms ease-in;
}
.bg-color-picker-palette {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}
.bg-color-picker-palette__static {
  flex-shrink: 0;
  border-right: 1px solid var(--G-1, #F3F3F4);
  padding-right: 10px;
}
.bg-color-picker__options {
  display: flex;
  gap: 10px;
}
.condition-select-field {
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  max-width: 100%;
  height: var(--condition-select-field-height, 32px);
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 8px 0 15px;
  border-radius: var(--condition-select-field-border-radius, 16px);
  background-color: var(--G-0, #FFFFFF);
  transition: border-color 150ms ease-out;
}
.condition-select-field:hover {
  border-color: var(--G-2, #DEDEDE);
  transition: border-color 200ms ease-in;
}
.condition-select-field:hover .condition-select-field__arrow {
  color: var(--condition-select-field-arrow-color-hover, var(--G-8, #4d4d4d));
}
.condition-select-field::before {
  content: " ";
  opacity: 0;
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  background-color: var(--solution-primary-color);
  border-radius: 18px;
  transition: opacity 150ms ease-out;
  pointer-events: none;
}
.condition-select-field::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 16px;
  pointer-events: none;
}
.condition-select-field.is-active {
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in;
}
.condition-select-field.is-active::before {
  opacity: 0.2;
  transition: opacity 200ms ease-in;
}
.condition-select-field.is-active .condition-select-field__arrow {
  color: var(--condition-select-field-arrow-color-active, var(--solution-hover-color));
  transform: rotate(180deg);
  transition: color 200ms ease-in , transform 200ms ease-in;
}
.condition-select-field__value {
  z-index: 2;
  position: relative;
  overflow: hidden;
  max-width: 100%;
}
.condition-select-field__arrow {
  z-index: 2;
  position: relative;
  margin-left: auto;
  color: var(--condition-select-field-arrow-color, var(--G-5, #9B9C9E));
  transition: color 150ms ease-out , transform 150ms ease-out;
}
.condition-multiple-select__value {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 5px;
}
.condition-multiple-select__name {
  max-width: var(--fields-with-condition-select-name-max-width);
}
.condition-multiple-select__counter {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 3px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.condition-multiple-select-footer {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 37px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 8px 8px 8px 17px;
}
.condition-multiple-select-footer::before {
  content: " ";
  z-index: -1;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  border-radius: 6px;
  background-color: var(--G-1, #F3F3F4);
}
.condition-multiple-select-footer__text {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: 4px;
}
.condition-multiple-select-footer__actions {
  margin-left: auto;
}
.condition-multiple-select-footer__clear {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  border: 1px solid var(--G-2, #DEDEDE);
  padding: 0 10px;
  border-radius: 4px;
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--tertiary, #6B6B6B);
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.condition-multiple-select-footer__clear:hover {
  background-color: var(--G-2, #DEDEDE);
  color: var(--G-8, #4d4d4d);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.condition-multiple-select__list {
  --select-option-margin-bottom: 4px;
  --select-option-active-background: transparent;
}
.condition-dropdown-footer {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 37px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 8px 8px 8px 17px;
}
.condition-dropdown-footer::before {
  content: " ";
  z-index: -1;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  border-radius: 6px;
  background-color: var(--G-1, #F3F3F4);
}
.condition-dropdown-footer__text {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: 4px;
}
.condition-dropdown-footer__actions {
  margin-left: auto;
}
.condition-dropdown-footer__clear {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  border: 1px solid var(--G-2, #DEDEDE);
  padding: 0 10px;
  border-radius: 4px;
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--tertiary, #6B6B6B);
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.condition-dropdown-footer__clear:hover {
  background-color: var(--G-2, #DEDEDE);
  color: var(--G-8, #4d4d4d);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.condition-date-select__value {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
}
.condition-date-select__name {
  max-width: var(--fields-with-condition-select-name-max-width);
}
.condition-date-select__counter {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 3px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.condition-date-select__list {
  --select-option-margin-bottom: 4px;
  --select-option-active-background: transparent;
}
.condition-date-select__list .select-list-items__group {
  position: relative;
}
.condition-date-select__list .select-list-items__group:not(:last-child) {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding-bottom: 4px;
}
.condition-date-select-exact {
  height: 36px;
}
.condition-date-picker-header {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 72px;
  padding: 0 18px;
  background-image: linear-gradient(90deg, var(--G-2, #DEDEDE) 50%, transparent 50%);
  background-size: 12px 1px;
  background-repeat: repeat-x;
  background-position: bottom;
}
.condition-date-picker-header__separator {
  min-width: 8px;
  height: 1px;
  background-color: var(--G-2, #DEDEDE);
}
.condition-date-select-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  height: 28px;
  padding: 0 12px;
}
.condition-date-select-option.is-active .condition-date-select-option__label, .condition-date-select-option:hover .condition-date-select-option__label {
  color: var(--typo-primary, #2E3538);
}
.condition-date-select-option.is-active .condition-date-select-option__note {
  margin-right: -26px;
  background-color: var(--G-1, #F3F3F4);
}
.condition-date-select-option.is-active.has-note:hover .condition-date-select-option__checkmark {
  opacity: 0;
  transition: opacity 200ms ease-in , color 200ms ease-in;
}
.condition-date-select-option:hover .condition-date-select-option__note {
  opacity: 1;
  transition: opacity 200ms ease-in , color 200ms ease-in;
}
.condition-date-select-option__label {
  margin-right: auto;
  color: var(--tertiary, #6B6B6B);
}
.condition-date-select-option__note {
  opacity: 0;
  transition: opacity 150ms ease-out , color 150ms ease-out;
}
.condition-date-select-option__checkmark {
  color: #3EAC40;
  transition: opacity 150ms ease-out , color 150ms ease-out;
}
.condition-date-select-badge {
  padding: 2px 6px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.condition-date-picker {
  display: block;
}
.condition-date-picker__hat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3px;
  border-bottom: 1px solid var(--G-1, #F3F3F4);
  padding: 5px 10px 5px 5px;
}
.condition-date-picker__title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  height: 26px;
  padding: 0 10px;
  cursor: pointer;
}
.condition-date-picker__title:hover {
  color: var(--solution-hover-color);
}
.condition-date-picker__clearall {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  border: 1px solid var(--G-2, #DEDEDE);
  padding: 0 10px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 4px;
  color: var(--tertiary, #6B6B6B);
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.condition-date-picker__clearall:hover {
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--typo-primary, #2E3538);
}
.condition-date-picker__calendar {
  overflow: hidden;
  padding: 12px 0;
  --calendar-header-navigation-button-margin-top: -16px;
}
.condition-date-picker__calendar .react-datepicker .calendar-header-navigation {
  max-width: 200px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}
.condition-date-picker__calendar .react-datepicker__month-container {
  width: 100%;
}
.condition-date-picker__calendar .react-datepicker__day-names, .condition-date-picker__calendar .react-datepicker__week {
  justify-content: space-between;
}
.condition-date-picker__calendar .react-datepicker__day-name {
  width: 50px;
}
.condition-date-picker__calendar .react-datepicker__day {
  width: 50px;
}
.condition-date-picker__calendar .react-datepicker__day--in-range::after {
  right: -25px;
  left: -25px;
}
.condition-date-picker__calendar .react-datepicker__day.react-datepicker__day--range-end::after, .condition-date-picker__calendar .react-datepicker__day.react-datepicker__day--range-start::after {
  width: 50px;
}
.condition-date-picker__calendar .react-datepicker__day.react-datepicker__day--range-start::after {
  right: -25px;
}
.condition-date-picker__calendar .react-datepicker__day.react-datepicker__day--range-end::after {
  left: -25px;
}
.condition-date-picker-field-value {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  flex-basis: 100%;
  padding: 0 5px 0 10px;
}
.condition-date-picker-field-value__input {
  position: relative;
  flex-grow: 1;
  min-width: 70px;
  height: 34px;
}
.condition-date-picker-field-value__input input {
  height: 34px;
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
  font-weight: 500;
  font-size: 13px;
  text-align: left;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.condition-date-picker-field-value__input input::placeholder {
  font-weight: normal;
  color: var(--inactive, #B2B2B3);
}
.condition-date-picker-field-value div.condition-date-picker-field-value__time {
  width: 55px;
  margin: 0;
}
.condition-date-picker-field-value input.condition-date-picker-field-value__time-input {
  width: 100%;
  height: 34px;
  background-color: transparent;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  text-align: center;
}
.condition-date-picker-field-value input.condition-date-picker-field-value__time-input::placeholder {
  color: var(--typo-secondary, #878B92);
}
.condition-date-picker-field-value input.condition-date-picker-field-value__time-input:hover::placeholder, .condition-date-picker-field-value input.condition-date-picker-field-value__time-input:focus-visible::placeholder {
  color: var(--typo-primary, #2E3538);
}
.condition-date-picker-field-value__clear {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  margin: 0 0 0 5px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 2px;
  color: var(--G-5, #9B9C9E);
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.condition-date-picker-field-value__clear svg {
  transform: scale(0.75);
}
.condition-date-picker-field-value__clear:hover {
  background-color: var(--G-2, #DEDEDE);
  color: var(--G-8, #4d4d4d);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.base-avatar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.base-avatar:before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  display: block;
  border: 1px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
}
.base-avatar__status {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 12px;
  height: 12px;
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
}
.base-avatar__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.base-avatar__initials {
  font-weight: 700;
  line-height: 100%;
  color: currentColor;
  text-transform: uppercase;
  overflow: hidden;
}
.base-avatar__button {
  display: none;
  position: absolute;
  color: white;
  left: -3px;
  top: -3px;
  width: 12px;
  height: 12px;
  z-index: 1;
}
.base-avatar:hover {
  z-index: 1;
}
.base-avatar:hover .base-avatar__button {
  display: flex;
}
.base-avatar.is-clickable {
  cursor: pointer;
}
.base-avatar--online .base-avatar__status {
  background-color: #3EAC40;
}
.base-avatar--offline .base-avatar__status {
  background-color: #FF5757;
}
.base-avatar--size-xxxxl {
  width: 200px;
  height: 200px;
}
.base-avatar--size-xxxxl:after {
  display: none;
}
.base-avatar--size-xxxxl .base-avatar__initials {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 6px;
  font-size: 96px;
}
.base-avatar--size-xxxxl .base-avatar__status {
  top: 17px;
  right: 28px;
}
.base-avatar--size-xxxl {
  height: 112px;
  width: 112px;
}
.base-avatar--size-xxxl:after {
  display: none;
}
.base-avatar--size-xxxl .base-avatar__initials {
  font-size: 44px;
}
.base-avatar--size-xxxl .base-avatar__status {
  top: 8px;
  right: 14px;
}
.base-avatar--size-xxl {
  width: 88px;
  min-width: 88px;
  height: 88px;
}
.base-avatar--size-xxl:before {
  display: none;
}
.base-avatar--size-xxl .base-avatar__initials {
  font-size: 40px;
}
.base-avatar--size-xxl .base-avatar__status {
  top: 10px;
  right: 5px;
}
.base-avatar--size-xl {
  width: 64px;
  min-width: 64px;
  height: 64px;
}
.base-avatar--size-xl .base-avatar__initials {
  font-size: 20px;
}
.base-avatar--size-xl .base-avatar__status {
  top: 7px;
  right: -2px;
}
.base-avatar--size-l {
  width: 44px;
  min-width: 44px;
  height: 44px;
}
.base-avatar--size-l .base-avatar__initials {
  font-size: 15px;
}
.base-avatar--size-l .base-avatar__status {
  top: 2px;
}
.base-avatar--size-l.is-invited {
  background-color: var(--G-7, #6F7173);
}
.base-avatar--size-m-2 {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.base-avatar--size-m-2:before {
  display: none;
}
.base-avatar--size-m-2 .base-avatar__initials {
  font-size: 12px;
}
.base-avatar--size-m {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.base-avatar--size-m:before {
  display: none;
}
.base-avatar--size-m .base-avatar__initials {
  font-size: 10px;
}
.base-avatar--size-m .base-avatar__status {
  top: -3px;
  right: -5px;
}
.base-avatar--size-s {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.base-avatar--size-s:before {
  display: none;
}
.base-avatar--size-s .base-avatar__initials {
  font-size: 8px;
}
.base-avatar--size-s .base-avatar__status {
  top: -1px;
  right: -2px;
  width: 6px;
  height: 6px;
  border-width: 0;
}
.base-avatar--size-member-preview {
  height: 112px;
  min-width: 112px;
  width: 112px;
}
.base-avatar--size-member-preview .base-avatar__initials {
  font-size: 40px;
}
.base-avatar.has-avatar::before {
  display: none;
}
.avatar-invited {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--G-7, #6F7173);
}
.avatar-invited--size-m {
  background-color: var(--G-2, #DEDEDE);
}
.avatar-pill {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  padding-right: 12px;
  background-color: var(--G-0, #FFFFFF);
  height: 26px;
  border-radius: calc(26px / 2);
  border: 1px solid var(--G-1-5, #E9E9E9);
  position: relative;
  cursor: pointer;
  color: var(--typo-primary, #2E3538);
  transition: border 150ms ease-out;
}
.avatar-pill--solution-color {
  color: var(--solution-primary-color);
}
.avatar-pill--have-hover:hover {
  color: var(--solution-primary-color);
  border-color: var(--G-4, #B2B2B3);
  transition: border 200ms ease-in;
}
.avatar-pill__avatar {
  margin-right: 6px;
}
.avatar-pill__remove {
  color: var(--G-3, #C7C8C9);
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 5px;
  z-index: 5;
}
.avatar-pill__remove:hover {
  color: #FF5757;
}
.avatar-pill--removable {
  padding-right: 26px;
}
.avatar-pill.is-active {
  color: var(--solution-primary-color);
}
.avatar-pill--removable-on-hover {
  transition: border 150ms ease-out , padding 150ms ease-out;
  padding-right: 0;
}
.avatar-pill--removable-on-hover .avatar-pill__avatar {
  margin-right: 0;
  position: relative;
  left: 1px;
  z-index: 1;
  line-height: 1;
}
.avatar-pill--removable-on-hover .avatar-pill__name {
  overflow: hidden;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 26px;
  min-height: 26px;
  max-height: 26px;
  line-height: 26px;
  padding-left: 32px;
  padding-right: 12px;
  margin-left: -24px;
  position: relative;
  max-width: 100%;
  transition: all 200ms ease-out;
  width: auto;
}
.avatar-pill--removable-on-hover .avatar-pill__remove {
  right: -8px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
}
.avatar-pill--removable-on-hover:hover {
  box-shadow: inset 2px 0 0 1px var(--G-1-5, #E9E9E9);
  z-index: 2;
  transition: box-shadow 200ms ease-in;
}
.avatar-pill--removable-on-hover:hover .avatar-pill__remove {
  opacity: 1;
  pointer-events: auto;
}
.avatar-pill--removable-on-hover:hover .avatar-pill__name {
  border-radius: 13px 0 0 13px;
  border-right-color: var(--G-0, #FFFFFF);
  transition: border-radius 200ms ease-in;
}
.avatar-pill--removable-on-hover:hover p {
  box-shadow: 2px 0 0 2px var(--G-0, #FFFFFF);
}
.avatar-pill--removable-on-hover:hover .avatar-pill__overlay {
  opacity: 1;
}
.avatar-pill--removable-on-hover:hover .avatar-pill__overlay::before {
  transform: translateX(-2px);
  box-shadow: inset 0 0 0 1px var(--G-3, #C7C8C9), 2px 0 0 0 var(--G-0, #FFFFFF);
  transition: transform 200ms ease-in , box-shadow 200ms ease-in;
}
.avatar-pill__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: -16px;
  overflow: hidden;
  bottom: 0;
  border-radius: 13px;
  z-index: -1;
  color: var(--G-0, #FFFFFF);
  opacity: 0;
}
.avatar-pill__overlay:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 13px;
  transform: translateX(-13px);
  transition: transform 150ms ease-out;
  background-color: currentColor;
  box-shadow: inset 0 0 0 1px var(--G-3, #C7C8C9), 2px 0 0 0 var(--G-0, #FFFFFF);
}
.r-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--background);
  height: var(--height);
  width: var(--width);
  min-width: var(--min-width);
  padding: var(--side-padding);
  border-radius: var(--border-radius);
  color: var(--text-color);
}
.r-badge:hover {
  background-color: var(--background-hover);
  color: var(--text-color-hover);
}
.r-badge__icon {
  display: flex;
  margin-right: 3px;
}
.react-datepicker-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}
.react-datepicker {
  position: relative;
  display: inline-flex;
  background-color: var(--G-0, #FFFFFF);
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  border: none;
  border-radius: 0;
}
.react-datepicker__aria-live {
  display: none;
}
.react-datepicker__header {
  background-color: var(--G-0, #FFFFFF);
  padding: 3px 0 3px 0;
  border-radius: 0;
  border: none;
}
.react-datepicker__day-names {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  padding: 10px 0 4px;
}
.react-datepicker__day-name {
  width: 30px;
  height: 29px;
  margin: 0 2px;
  text-align: center;
}
.react-datepicker__month {
  margin: 0;
}
.react-datepicker__week {
  display: flex;
  align-items: flex-start;
}
.react-datepicker__week:not(:last-child) {
  padding-bottom: 4px;
}
.react-datepicker__day {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 1;
  background-color: transparent;
  margin: 0 2px;
}
.react-datepicker__day:hover {
  background-color: transparent;
}
.react-datepicker__day span {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  color: var(--typo-primary, #2E3538);
}
.react-datepicker__day--keyboard-selected {
  background: transparent;
}
.react-datepicker__day--keyboard-selected span {
  color: var(--typo-primary, #2E3538);
}
.react-datepicker__day--outside-month {
  opacity: 0;
  cursor: default;
  pointer-events: none;
}
.react-datepicker__day--highlighted span, .react-datepicker__day--today span {
  font-weight: 400;
}
.react-datepicker__day--highlighted.react-datepicker__day--in-range span, .react-datepicker__day--today.react-datepicker__day--in-range span {
  border-color: transparent;
}
.react-datepicker__day--focused:not(.react-datepicker__day--in-range) span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  background-color: var(--solution-primary-color);
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
}
.react-datepicker__day:not(.react-datepicker__day--selected):hover span, .react-datepicker__day--highlighted span, .react-datepicker__day--today span {
  border-color: var(--solution-primary-color);
}
.react-datepicker__day--selected span {
  background-color: var(--solution-primary-color);
  border: 2px solid var(--G-0, #FFFFFF);
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.12);
  color: var(--G-0, #FFFFFF);
  font-weight: 600;
}
.react-datepicker__day--selected:hover span {
  background-color: var(--solution-primary-color);
}
.react-datepicker__day--selecting-range-start span {
  border: 1px solid var(--G-0, #FFFFFF) !important;
  background-color: var(--solution-primary-color);
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.12);
  color: var(--G-0, #FFFFFF);
  font-weight: 600;
}
.react-datepicker__day--selecting-range-start:hover span {
  border: 1px solid var(--G-0, #FFFFFF) !important;
}
.react-datepicker__day--in-range::after {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  top: 0;
  bottom: 0;
  background-color: var(--solution-secondary-color);
  border-radius: 0;
  z-index: 0;
}
.react-datepicker__day--in-range:not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end):hover span {
  color: var(--typo-primary, #2E3538);
  border-color: transparent;
}
.react-datepicker__day--in-range.react-datepicker__day--range-end::after, .react-datepicker__day--in-range.react-datepicker__day--range-start::after {
  width: calc(50% + 2px);
}
.react-datepicker__day--in-range.react-datepicker__day--range-end span, .react-datepicker__day--in-range.react-datepicker__day--range-start span {
  border: 1px solid var(--G-0, #FFFFFF);
  background-color: var(--solution-primary-color);
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.12);
  color: var(--G-0, #FFFFFF);
  font-weight: 600;
}
.react-datepicker__day--in-range.react-datepicker__day--range-end:hover span, .react-datepicker__day--in-range.react-datepicker__day--range-start:hover span {
  border-color: var(--G-0, #FFFFFF);
}
.react-datepicker__day--in-range.react-datepicker__day--range-start:after {
  left: 50%;
}
.react-datepicker__day--in-range.react-datepicker__day--range-start span {
  border: 1px solid var(--G-0, #FFFFFF);
}
.react-datepicker__day--in-range.react-datepicker__day--range-end:after {
  left: -2px;
}
.react-datepicker__day--in-range.react-datepicker__day--range-start.react-datepicker__day--range-end:after {
  display: none;
}
.react-datepicker--range .react-datepicker__day {
  background-color: transparent !important;
}
.calendar-footer-group {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0 18px;
  border-top: 1px solid var(--G-1-6, #E8E8E8);
}
.calendar-footer-group__cancel-button, .calendar-footer-group__done-button {
  justify-content: center;
}
.calendar-footer-group__cancel-button {
  margin-right: 18px;
  min-width: 116px;
}
.calendar-footer-group__done-button {
  min-width: 128px;
}
.calendar-header-navigation {
  position: relative;
  display: flex;
  justify-content: center;
}
.calendar-header-navigation__button {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-top: var(--calendar-header-navigation-button-margin-top, -14px);
  color: var(--ic-light, #c7cdcf);
}
.calendar-header-navigation__button:hover {
  color: var(--solution-highlight-color);
}
.calendar-header-navigation__button--prev {
  left: -6px;
}
.calendar-header-navigation__button--next {
  right: -6px;
}
.date-calendar-dropdown-header {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background-color: var(--solution-primary-color);
  border-radius: 5px 5px 0 0;
  color: var(--G-0, #FFFFFF);
}
.date-calendar-dropdown-header__day {
  opacity: 0.6;
}
.date-calendar-dropdown-header__date-text {
  width: 100%;
  font-size: 28px;
  line-height: 34px;
  text-align: center;
}
.date-calendar-dropdown-header__select-date-text {
  width: 100%;
  text-align: center;
}
.due-date-calendar-view__calendar {
  padding-top: 18px;
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  background-color: var(--G-0, #FFFFFF);
}
.due-date-calendar {
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.due-date-calendar-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.due-date-calendar-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  border-top: 1px solid var(--G-1-6, #E8E8E8);
  height: 48px;
  position: relative;
  z-index: 1;
}
.due-date-calendar-footer__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.due-date-calendar-footer__cancel-button {
  font-size: 12px;
  padding: 0 12px;
}
.due-date-calendar-footer__time {
  color: var(--solution-primary-color);
  min-width: 28px;
  width: 28px;
  height: 28px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid transparent;
  position: relative;
}
.due-date-calendar-footer__time::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 5px;
  border: 1px solid transparent;
  transition: border-color 150ms ease-out , opacity 150ms ease-out;
}
.due-date-calendar-footer__time:hover:before {
  border-color: var(--solution-primary-color);
  opacity: 0.4;
}
.due-date-calendar-footer__time.is-active {
  background-color: var(--solution-secondary-color);
}
.due-date-calendar-footer__time.is-active:before {
  border-color: var(--solution-primary-color);
  opacity: 0.7;
}
.date-calendar-dropdown__calendar {
  padding-top: 18px;
  padding-bottom: 25px;
}
.date-calendar-dropdown__calendar .react-datepicker__day-name {
  text-transform: capitalize;
}
.emoji-category-bar__char {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  filter: grayscale(1);
  opacity: 0.5;
}
.emoji-category-bar__char--selected {
  filter: none;
  opacity: 1;
}
.emoji-category-bar__char:hover {
  filter: none;
}
.emoji-preview {
  display: flex;
  align-items: center;
  padding: 12px;
  background: var(--emoji-preview-background-color, var(--G-0-5, #FAFAFA));
  border-top: 1px solid var(--emoji-preview-border-top-color, var(--G-1-5, #E9E9E9));
}
.emoji-preview__char {
  font-size: 27px;
  margin-right: 12px;
}
.emoji-preview__title {
  max-width: 240px;
}
.emoji-list {
  padding: 10px;
  overflow: auto;
  height: 210px;
}
.emoji-list__category {
  margin-bottom: 5px;
}
.emoji-list__category-name {
  margin-top: 9px;
}
.emoji-list__category-content {
  display: flex;
  flex-wrap: wrap;
}
.emoji-list__emoji-char {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  cursor: pointer;
  border-radius: 5px;
  width: 34px;
  height: 34px;
  margin-right: 2px;
  margin-bottom: 1px;
}
.emoji-list__emoji-char:hover, .emoji-list__emoji-char--selected {
  background: var(--emoji-list-char-active, var(--G-1-5, #E9E9E9));
}
.emoji-picker {
  width: 310px;
  background: var(--emoji-picker-background-color, var(--G-0, #FFFFFF));
  border: 1px solid var(--emoji-picker-border-color, var(--G-1-5, #E9E9E9));
  border-radius: 5px;
  box-shadow: var(--emoji-picker-box-shadow, 0 2px 6px rgba(0, 0, 0, 0.066));
  overflow: hidden;
}
.emoji-picker__category-bar {
  border-bottom: 1px solid var(--emoji-picker-category-bar-color, var(--G-1-5, #E9E9E9));
  padding: 5px;
}
.emoji-picker__search.react-input-field {
  margin: 5px;
  width: auto;
}
.field-type-pill {
  display: inline-flex;
  align-items: center;
  height: 24px;
  max-width: 400px;
  border: 1px solid var(--solution-secondary-color);
  padding: 0 8px;
  border-radius: 4px;
  background-color: var(--solution-secondary-color);
  color: var(--typo-primary, #2E3538);
  transition: border-color 150ms ease-out;
}
.field-type-pill.is-selected {
  border-color: var(--solution-primary-color);
}
.field-type-pill.is-disabled {
  border-color: var(--G-1-5, #E9E9E9);
  background-color: var(--G-0-5, #FAFAFA);
  color: var(--G-6, #868788);
}
.field-type-pill.is-disabled .field-type-pill__icon {
  fill: var(--G-4, #B2B2B3);
}
.field-type-pill.is-error {
  border-color: #FFC7E7;
  background-color: #FFC7E7;
}
.field-type-pill__icon {
  margin-right: 7px;
  fill: var(--solution-primary-color);
}
.field-type-pill__avatar {
  margin-right: 7px;
}
.field-type-pill__remove {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  margin: 0 -4px 0 7px;
  color: rgba(77, 77, 77, 0.7);
  cursor: pointer;
}
.field-type-pill__remove:hover {
  color: #FF5757;
}
.field-type-pills-list {
  display: flex;
  flex-wrap: wrap;
}
.field-type-pills-list__item {
  margin: 0 6px 4px 0;
}
.field-type-pills-list__more {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
}
.field-type-pills-list__more .icon {
  margin-right: 7px;
}
.field-type-pills-list__more:hover {
  color: var(--solution-hover-color);
}
.pill {
  height: var(--r-pill-height);
  position: relative;
  display: inline-flex;
  cursor: pointer;
  border-radius: var(--r-border-radius-default);
  color: var(--r-color-default);
  overflow: var(--r-pill-overflow, visible);
  transition: color 150ms ease-out;
}
.pill__in {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: var(--r-pill-justify-content, center);
  border-radius: inherit;
  border: 1px solid var(--r-border-default);
  background-color: var(--r-background-default);
  padding: 0 10px;
  padding-left: var(--r-padding);
  transition: background-color 150ms ease-out , border-color 150ms ease-out , border-radius 150ms ease-out;
}
.pill__dot {
  color: var(--solution-primary-color);
  margin-right: 6px;
  min-width: 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.pill__icon {
  color: var(--solution-primary-color);
  margin-right: 6px;
  display: flex;
}
.pill__remove {
  color: var(--r-remove-button-color);
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 5px;
}
.pill__remove:hover {
  color: var(--r-remove-button-color-hover);
}
.pill:hover {
  color: var(--r-color-hover);
  transition: color 200ms ease-in;
}
.pill:hover .pill__in {
  border-color: var(--r-border-hover);
  background-color: var(--r-background-hover);
  transition: background-color 200ms ease-in , border-color 200ms ease-in , border-radius 200ms ease-in;
}
.pill.is-active {
  color: var(--r-color-active);
  transition: color 200ms ease-in;
}
.pill--removable .pill__in {
  padding-right: 26px;
}
.pill--removable.pill--animated-remove::before, .pill--removable.pill--animated-remove::after {
  content: "";
  width: 100%;
  height: var(--r-pill-height);
  position: absolute;
  top: 0;
  left: 0;
  background-color: inherit;
  z-index: -1;
  border-radius: inherit;
  border: 1px solid transparent;
  transform-origin: 0 50%;
  transition: transform 150ms ease-out , border-color 150ms ease-out;
}
.pill--removable.pill--animated-remove::before {
  background-color: var(--G-0, #FFFFFF);
  left: 2px;
}
.pill--removable.pill--animated-remove::after {
  background-color: var(--r-background-default);
  border-color: var(--r-border-default);
}
.pill--removable.pill--animated-remove .pill__remove {
  right: -10px;
  opacity: 0;
  pointer-events: none;
}
.pill--removable.pill--animated-remove.pill--removable .pill__in {
  padding-right: 10px;
}
.pill--removable.pill--animated-remove:hover {
  z-index: 2;
}
.pill--removable.pill--animated-remove:hover .pill__in {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent;
}
.pill--removable.pill--animated-remove:hover::before, .pill--removable.pill--animated-remove:hover::after {
  transform: translateX(15px);
  transition: transform 200ms ease-in , border-color 200ms ease-in;
}
.pill--removable.pill--animated-remove:hover::after {
  background-color: var(--r-background-hover);
  border-color: var(--r-border-hover);
}
.pill--removable.pill--animated-remove:hover .pill__remove {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 200ms ease-in;
}
.multiple-select-field-control--linked-card .pill, .single-select-field-control--linked-card .pill {
  height: 24px;
}
.pill--ellipsis {
  max-width: 100%;
}
.editable-pill {
  display: inline-flex;
  align-items: center;
  padding: 0 8px 0 10px;
  margin-right: 4px;
  margin-bottom: 4px;
  height: 26px;
  max-width: calc(100% - 6px);
  background-color: var(--G-0-5, #FAFAFA);
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 46px;
}
.editable-pill__input {
  background-color: transparent;
  min-width: 6px;
}
.editable-pill__label {
  margin-right: 4px;
  color: var(--solution-primary-color);
  transition: color 150ms ease-out;
}
.editable-pill__label:hover {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.editable-pill.is-active {
  border-color: var(--G-5, #9B9C9E);
}
.editable-pill.is-error {
  background-color: rgba(254, 236, 238, 0.2);
  border-color: #FF5757;
}
.editable-pill.is-error .editable-pill__label {
  color: var(--typo-primary, #2E3538);
}
.select-pill {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.select-pill.has-description {
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: var(--select-display-top-indent, 2px);
}
.select-pill__icon {
  display: flex;
  margin-right: 7px;
  margin-top: var(--select-pill-icon-top-indent, 0);
}
.select-pill__text {
  overflow: hidden;
}
.select-pill__emoji {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 16px;
  min-width: 18px;
  margin-right: 7px;
}
.select-pill__help {
  width: 100%;
  margin-top: 4px;
}
.two-month-calendar-header-navigation {
  display: flex;
  width: 100%;
  height: 24px;
  position: relative;
  justify-content: center;
  margin: var(--r-two-month-calendar-header-navigation-margin, 25px 0 15px 0);
}
.two-month-calendar-header-navigation__month {
  line-height: 24px;
}
.two-month-calendar-header-navigation__button {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 32px;
}
.two-month-calendar-header-navigation__button--prev {
  left: 0;
}
.two-month-calendar-header-navigation__button--next {
  right: 0;
}
.two-month-date-picker .react-datepicker__aria-live {
  display: none;
}
.two-month-date-picker .react-datepicker__header {
  padding: 0;
}
.two-month-date-picker .react-datepicker__month-container {
  padding: 0 10px 10px;
}
.two-month-date-picker .react-datepicker__month-container:not(:last-child) {
  border-right: 1px solid var(--G-1-6, #E8E8E8);
}
.two-month-date-picker .react-datepicker__day-name {
  width: var(--r-datepicker-day-width, 41px);
  height: var(--r-datepicker-day-name-height, 30px);
  color: var(--typo-secondary, #878B92);
}
.two-month-date-picker .react-datepicker__day {
  width: var(--r-datepicker-day-width, 41px);
  height: var(--r-datepicker-day-height, 41px);
  border-radius: 50%;
  font-size: 13px;
  border: 1px solid transparent;
  cursor: pointer;
}
.two-month-date-picker .react-datepicker__day:hover:not(.two-month-date-picker .react-datepicker__day--today, .two-month-date-picker .react-datepicker__day--selected, .two-month-date-picker .react-datepicker__day--in-range) {
  border-color: var(--G-2, #DEDEDE);
}
.two-month-date-picker .react-datepicker__day:hover {
  font-weight: 500;
}
.two-month-date-picker .react-datepicker__day--in-selecting-range, .two-month-date-picker .react-datepicker__day--keyboard-selected {
  color: inherit;
  background-color: inherit;
}
.two-month-date-picker .react-datepicker__day--excluded {
  opacity: 0;
  visibility: hidden;
}
.two-month-date-picker .react-datepicker__day--today {
  border-color: var(--G-2, #DEDEDE);
  font-weight: 500;
}
.two-month-date-picker .react-datepicker__day--selected {
  border-color: var(--solution-primary-color);
  background-color: var(--solution-primary-color);
  font-weight: 500;
  color: var(--G-0, #FFFFFF);
}
.two-month-date-picker .react-datepicker__day--selected:hover {
  color: var(--G-0, #FFFFFF);
  border-color: var(--solution-primary-color);
  background-color: var(--solution-primary-color);
}
.two-month-date-picker .react-datepicker__day--in-range {
  border-color: var(--solution-primary-color);
  z-index: 1;
  color: var(--G-0, #FFFFFF);
  font-weight: 500;
  background-color: var(--solution-primary-color);
}
.two-month-date-picker .react-datepicker__day--in-range:after {
  background-color: var(--solution-primary-color);
  z-index: -1;
  top: -1px;
  bottom: -1px;
  left: -3px;
  right: -3px;
}
.two-month-date-picker .react-datepicker__day--in-range:hover {
  background-color: var(--solution-primary-color);
}
.two-month-date-picker .react-datepicker__day--range-end:after {
  left: -4px;
}
.two-month-date-picker .react-datepicker__day--range-start:after {
  left: auto;
  right: -4px;
}
.two-month-date-picker .react-datepicker__day--range-start:before, .two-month-date-picker .react-datepicker__day--range-end:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 1px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
}
.two-month-date-picker .react-datepicker__day--in-range.react-datepicker__day--range-start.react-datepicker__day--range-end:after {
  display: none;
}
.two-month-date-picker .react-datepicker__day--in-range.react-datepicker__day--range-start:after {
  width: calc(50% + 3px);
}
.two-month-date-picker .react-datepicker__day--in-range.react-datepicker__day--range-end:after {
  left: -3px;
}
.two-month-events-date-picker {
  --r-datepicker-day-width: 38px;
  --r-datepicker-day-height: 38px;
  --r-datepicker-day-name-height: 23px;
  --r-two-month-calendar-header-navigation-margin: 0 0 7px 0;
}
.two-month-events-date-picker__day-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  font-size: 11px;
}
.two-month-events-date-picker__day-content--with-event {
  font-weight: 600;
}
.two-month-events-date-picker__day-tooltip {
  width: 100%;
  height: 100%;
}
.two-month-events-date-picker__day-dot {
  position: absolute;
  top: 5px;
  left: 1px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: var(--solution-primary-color);
  border-radius: 50%;
}
.two-month-events-date-picker .react-datepicker__day {
  margin: 0;
}
.two-month-events-date-picker .react-datepicker__day:not(.react-datepicker__day--today):not(.two-month-events-date-picker__day--with-event):not(.react-datepicker__day--selected):not(.react-datepicker__day--in-range):hover {
  border-color: transparent;
  font-weight: normal;
  cursor: default;
}
.two-month-events-date-picker .react-datepicker__day.two-month-events-date-picker__day--with-event:hover:not(.react-datepicker__day--selected):not(.react-datepicker__day--in-range) {
  border-color: var(--G-1-5, #E9E9E9);
  color: #3A86FF;
}
.two-month-events-date-picker .react-datepicker__day.two-month-events-date-picker__day--with-event .two-month-events-date-picker__day-content {
  font-weight: 600;
}
.two-month-events-date-picker .react-datepicker__day-name {
  margin: 0;
}
.pro-plan-label {
  align-items: center;
  background-color: #FFF2DC;
  border-radius: 10px;
  border: 1px solid rgba(255, 185, 56, 0.5);
  display: inline-flex;
  height: 20px;
  min-width: 49px;
  padding: 0px 5px 0px 8px;
}
.pro-plan-label__icon {
  margin-left: 4px;
}
.emoji-dropdown__picker.emoji-picker {
  width: 100%;
}
.time-picker {
  margin: 0 10px;
  display: flex;
  gap: 10px;
}
.time-picker__dropdown {
  --menu-option-height: 28px;
}
.time-picker__scrollbar {
  max-height: 200px;
}
.time-picker-option {
  height: 28px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.calendar-dropdown {
  padding: 10px 12px;
  border-radius: 5px;
}
.calendar-dropdown--with-footer .calendar-dropdown__panel {
  padding-bottom: 12px;
}
.color-picker-pill {
  position: relative;
  display: inline-block;
  height: 22px;
  padding-right: 8px;
  padding-left: 30px;
  background-color: var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  line-height: 22px;
  flex-shrink: 0;
}
.color-picker-pill:before {
  content: " ";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: var(--colorpicker-pill-color);
}
.color-picker-pill__clear {
  position: absolute;
  top: 50%;
  right: 2px;
  background-color: var(--G-1-5, #E9E9E9);
  transform: translateY(-50%);
}
.color-picker-pill.is-removable {
  padding-right: 20px;
}
.color-picker-pill--clear-on-hover.is-removable {
  padding-right: 8px;
  transition: padding-right 150ms ease-out;
}
.color-picker-pill--clear-on-hover.is-removable .color-picker-pill__clear {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.color-picker-pill--clear-on-hover.is-removable:hover {
  padding-right: 20px;
  transition: padding-right 200ms ease-in;
}
.color-picker-pill--clear-on-hover.is-removable:hover .color-picker-pill__clear {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.color-picker-dropdown__wrapper {
  position: relative;
  padding: 10px;
}
.color-picker-dropdown__mixer {
  display: flex;
  align-items: stretch;
  padding-bottom: 22px;
  margin-bottom: 10px;
}
.color-picker-dropdown__preview {
  width: 90px;
  margin-right: 1px;
}
.color-picker-dropdown .react-colorful {
  position: static;
  flex-grow: 1;
  height: 152px;
  width: auto;
}
.color-picker-dropdown .react-colorful__saturation, .color-picker-dropdown .react-colorful__last-control {
  border-radius: 0;
}
.color-picker-dropdown .react-colorful__hue {
  position: absolute;
  top: 170px;
  left: 10px;
  right: 10px;
  height: 10px;
}
.color-picker-dropdown .react-colorful__saturation-pointer {
  width: 10px;
  height: 10px;
  border: 1px solid var(--G-0, #FFFFFF);
}
.color-picker-dropdown .react-colorful__hue-pointer {
  width: 16px;
  height: 16px;
  border: 4px solid var(--G-0, #FFFFFF);
}
.color-picker-dropdown__inputs {
  display: grid;
  grid-template-columns: 25% 1fr 40%;
  grid-gap: 10px;
}
.color-picker-dropdown__input {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.color-picker-dropdown__name-input {
  display: flex;
  flex-direction: column;
  gap: 4px;
  grid-column-start: 1;
  grid-column-end: 4;
}
.hashtag-pill {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  line-height: 26px;
  height: 26px;
  background-color: var(--G-1-5, #E9E9E9);
  border-radius: 4px;
  color: var(--typo-primary, #2E3538);
  transition: background-color 150ms ease-out;
}
.hashtag-pill__icon {
  margin-right: 7px;
  background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M10.1913344,4.02859512 L11.1476392,4.32096683 L10.634,5.99959512 L13,6 L13,7 L10.328,6.99959512 L9.716,8.99959512 L12,9 L12,10 L9.411,9.99959512 L8.80866556,11.9714049 L7.8523608,11.6790332 L8.365,9.99959512 L6.411,9.99959512 L5.80866556,11.9714049 L4.8523608,11.6790332 L5.365,9.99959512 L3,10 L3,9 L5.671,8.99959512 L6.283,6.99959512 L4,7 L4,6 L6.588,5.99959512 L7.19133444,4.02859512 L8.1476392,4.32096683 L7.634,5.99959512 L9.588,5.99959512 L10.1913344,4.02859512 Z M9.283,6.99959512 L7.328,6.99959512 L6.716,8.99959512 L8.671,8.99959512 L9.283,6.99959512 Z'%3E%3C/path%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  transition: opacity 150ms ease-out;
}
.hashtag-pill__remove {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.hashtag-pill:hover {
  background-color: var(--G-2, #DEDEDE);
  transition: background-color 200ms ease-in;
}
.hashtag-pill.is-disabled {
  cursor: default;
}
.hashtag-pill.is-disabled:hover {
  background-color: var(--G-1-5, #E9E9E9);
}
.hashtag-pill--remove:hover {
  background-color: var(--G-2, #DEDEDE);
  transition: background-color 200ms ease-in;
}
.hashtag-pill--remove:hover .hashtag-pill__icon {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.hashtag-pill--remove:hover .hashtag-pill__remove {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.image-position-cropper {
  position: relative;
}
.image-position-cropper__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  z-index: 1;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  width: 26px;
  pointer-events: none;
  height: 26px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.2);
  transition: opacity 150ms ease-out;
}
.image-position-cropper:hover .image-position-cropper__icon {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.r-calendar-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 18px;
}
.r-calendar-header__today {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 28px;
  border: 1px solid var(--solution-primary-color);
  padding: 0 10px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  color: var(--solution-primary-color);
  text-align: center;
  cursor: pointer;
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.r-calendar-header__today:hover {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.r-calendar-header__navigation {
  position: absolute;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
}
.r-calendar-header__title {
  padding: 0 20px;
  cursor: pointer;
}
.r-calendar-header__title b,
.r-calendar-header__title strong {
  font-weight: 700;
}
.r-calendar-header-views {
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
  height: 28px;
  margin-left: auto;
  border: 1px solid var(--solution-primary-color);
  border-radius: 5px;
}
.r-calendar-header-views__item {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 16px;
  background-color: transparent;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  color: var(--solution-primary-color);
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.r-calendar-header-views__item.is-active, .r-calendar-header-views__item:hover {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.r-calendar-header-views__tooltip:not(:last-child) .r-calendar-header-views__item {
  border-right: 1px solid var(--solution-primary-color);
}
.calendar-picker-input-select-today {
  width: 100%;
  padding: 0 16px;
}
.calendar-picker-input-select-today__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 46px;
  margin-bottom: -10px;
  border-top: 1px solid var(--G-2, #DEDEDE);
  color: var(--solution-primary-color);
  cursor: pointer;
  transition: color 150ms ease-out;
}
.calendar-picker-input-select-today__button:hover {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.tariff-first {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  align-self: flex-start;
  gap: 20px;
  padding: 3px;
  background-color: #F4F5F7;
  border-radius: 12px;
}
.tariff-first.is-highlight-action-button .tariff-first__button {
  background-color: var(--workspace-base-color, var(--solution-primary-color));
  color: var(--G-0, #FFFFFF);
}
.tariff-first.is-highlight-action-button .tariff-first__button:hover {
  background-color: var(--workspace-darker-color, var(--solution-hover-color));
}
.tariff-first__badge {
  position: absolute;
  top: 26px;
  right: -37px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 24px;
  padding: 0 25px;
  background-color: var(--tariff-badge-background-color, #1A2943);
  font-weight: 500;
  font-size: 10px;
  line-height: 130%;
  color: var(--tariff-badge-text-color, var(--G-0, #FFFFFF));
  letter-spacing: -0.15px;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(45deg);
}
.tariff-first__top {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 27px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 9px;
}
.tariff-first__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-height: 108px;
}
.tariff-first__price {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 67px;
}
.tariff-first__price-value {
  font-weight: 600;
  font-size: 40px;
  line-height: 25%;
}
.tariff-first__price-text {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 69px;
  border: 1px dashed #DFE3E7;
  padding: 10px;
  border-radius: 8px;
  text-align: center;
}
.tariff-first__description {
  display: flex;
  align-items: center;
  min-height: 32px;
}
.tariff-first__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  border-radius: 8px;
  background-color: var(--workspace-dw-color, var(--solution-secondary-color));
  transition: background-color 150ms ease-out;
}
.tariff-first__button:hover {
  background-color: var(--workspace-washed-color, var(--solution-secondary-color));
  transition: background-color 200ms ease-in;
}
.tariff {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  gap: 20px;
  border: 1px solid transparent;
  padding: 3px;
  background-color: #F4F5F7;
  border-radius: 12px;
  cursor: pointer;
  transition: border-color 150ms ease-out;
}
.tariff::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border: 3px solid var(--solution-primary-color);
  border-radius: 15px;
  transition: opacity 150ms ease-out;
  pointer-events: none;
}
.tariff.is-active {
  border-color: var(--solution-primary-color);
}
.tariff.is-active::before {
  opacity: 0.3;
  transition: opacity 200ms ease-in;
}
.tariff:not(.is-active):hover {
  border-color: var(--G-2, #DEDEDE);
  transition: border-color 200ms ease-in;
  --radio-button-border-color: var(--G-3, #C7C8C9);
}
.tariff__top {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 27px 27px 15px 27px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 9px;
}
.tariff__title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tariff__radio {
  pointer-events: none;
}
.tariff__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-height: 108px;
}
.tariff__price {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 67px;
}
.tariff__price-value {
  font-weight: 600;
  font-size: 40px;
  line-height: 25%;
}
.tariff__price-text {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 69px;
  border: 1px dashed #DFE3E7;
  padding: 10px;
  border-radius: 8px;
  text-align: center;
}
.tariff__description {
  display: flex;
  align-items: center;
  min-height: 32px;
}
.tariff-list {
  margin: 0 27px 15px 27px;
}
.tariff-list + .tariff-list {
  margin-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 15px;
}
.tariff-list__title {
  margin-bottom: 11px;
}
.tariff-list__items {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tariff-list__item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 22px;
  padding-left: 7px;
}
.tariff-list__item::before {
  content: "";
  position: relative;
  top: -1px;
  width: 5px;
  height: 10px;
  margin-right: 14px;
  border-right: 1px solid #2d2d2d;
  border-bottom: 1px solid #2d2d2d;
  transform: rotate(45deg);
}
.smartsuite-ai-text {
  display: flex;
  align-items: center;
  gap: 9px;
}
.smartsuite-ai-text__text {
  background: linear-gradient(96.15deg, #3A86FF 0%, #E17380 109.34%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.calendar-controls {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: var(--calendar-controls-margin, 0);
  padding: var(--calendar-controls-padding, 10px 20px 18px 20px);
}
.calendar-controls.is-short-mode .calendar-controls__listing {
  width: 36px;
  padding-left: 8px;
}
.calendar-controls__today {
  margin-right: 10px;
  padding: 0 16px;
  white-space: nowrap;
}
.calendar-controls__navigation {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-right: auto;
}
.calendar-controls__arrows {
  display: flex;
  align-items: center;
  gap: 10px;
}
.calendar-controls__arrow {
  width: 16px;
  height: 16px;
}
.calendar-controls__title {
  cursor: pointer;
}
.calendar-controls__title b,
.calendar-controls__title strong {
  font-weight: 700;
}
.calendar-controls__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 1px;
  border-left: 1px solid var(--G-1-5, #E9E9E9);
  padding-left: 11px;
}
.calendar-controls__listing {
  white-space: nowrap;
}
.calendar-controls-view-switcher {
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
  height: 28px;
  margin-left: auto;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 1px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
}
.calendar-controls-view-switcher__item {
  display: flex;
  align-items: center;
  height: 24px;
  border: 1px solid transparent;
  padding: 0 16px;
  background-color: transparent;
  border-radius: 3px;
  font-size: 12px;
  line-height: 18px;
  color: var(--typo-primary, #2E3538);
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.calendar-controls-view-switcher__item.is-active {
  font-weight: 500;
  border-color: var(--G-1-5, #E9E9E9);
}
.calendar-controls-view-switcher__item:not(.is-active):hover {
  color: var(--solution-hover-color);
}
.calendar-controls-view-switcher__select {
  width: auto;
  min-height: 28px;
  --single-select-min-height: 28px;
  --select-placeholder-arrow-filled-right: 30px;
  --arrow-select-top-position: -2px;
}
.calendar-controls-view-switcher__select.is-active::after {
  display: none;
}
.calendar-controls-view-switcher__dropdown {
  --checkmark-option-height: 28px;
}
.two-month-date-picker-panel__footer {
  height: 46px;
  display: flex;
  align-items: center;
  margin: 0 10px;
  border-top: 1px solid var(--G-1-6, #E8E8E8);
  justify-content: space-between;
  position: relative;
}
.two-month-date-picker-panel__save {
  border-radius: 5px;
}
.two-month-date-picker-panel__message {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.dialog-image {
  margin-bottom: 17px;
  min-height: 80px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -28px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.11);
  display: flex;
  justify-content: center;
  align-items: center;
}
.dialog-image--background-white {
  background-color: var(--G-0, #FFFFFF);
}
.dialog-image--background-red {
  background-color: #FF5757;
}
.dialog-image--background-blue {
  background-color: var(--solution-primary-color);
}
.dialog-image--background-green {
  background-color: #3EAC40;
}
.dialog-header {
  width: 100%;
  text-align: center;
  padding: 0 31px 0 30px;
}
.dialog-header__title {
  margin-bottom: 12px;
}
.dialog-header__description {
  margin-bottom: 25px;
  word-break: break-word;
}
.dialog-body {
  max-width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 25px;
}
.dialog-body--full-width {
  width: 100%;
}
.dialog-body--text-center {
  text-align: center;
}
.dialog-footer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-footer__button:not(:last-child) {
  margin-right: 15px;
}
.dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 84px 0 32px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.dialog:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 5px;
  height: 4px;
}
.dialog__close {
  color: var(--typo-primary, #2E3538);
  position: absolute;
  top: 10px;
  right: 10px;
}
.dialog--warning:before {
  background-color: #FF5757;
}
.dialog--confirm:before {
  background-color: var(--solution-primary-color);
}
.dialog--success:before {
  background-color: #3EAC40;
}
.dialog--size-S {
  width: 497px;
}
.dialog--size-M {
  width: 730px;
}
.modal {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 5px 50px 5px 5px;
}
.modal--body-corners .modal__body {
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}
.modal--without-hat {
  border-radius: 5px;
}
.modal--filled .modal-header {
  background-color: var(--solution-primary-color);
}
.modal--filled .modal-header__title, .modal--filled .modal-header__subtitle {
  color: var(--G-0, #FFFFFF);
}
.modal--size-XS {
  width: 413px;
}
.modal--size-S {
  width: 497px;
}
.modal--size-SX {
  width: 540px;
}
.modal--size-SM {
  width: 650px;
}
.modal--size-MS {
  width: 667px;
}
.modal--size-M {
  width: 730px;
}
.modal--size-L {
  width: 811px;
}
.modal--size-XL {
  width: 963px;
}
.modal--size-XXL {
  width: 1200px;
}
.modal--size-auto {
  width: 100%;
  margin: 45px 30px;
}
.modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  resize: both;
  overflow: hidden;
  opacity: 0;
  min-width: var(--modal-min-width);
  max-width: var(--modal-max-width);
  min-height: var(--modal-min-height);
  max-height: var(--modal-max-height);
}
.modal__resize {
  color: var(--G-5, #9B9C9E);
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.modal__hat {
  position: relative;
}
.modal__hat:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  right: 18px;
  height: 18px;
  background-color: currentColor;
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.066);
  pointer-events: none;
}
.modal__arrow {
  position: absolute;
  top: -20px;
  right: 270px;
  border: 10px solid transparent;
  border-bottom-color: var(--G-0, #FFFFFF);
}
.modal__corner {
  position: absolute;
  top: 0;
  right: 0;
}
.modal__close {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  z-index: 1;
}
.modal__header {
  position: relative;
}
.modal__body {
  position: relative;
  flex-grow: 1;
  background-color: #fff;
}
.modal--type-base .modal__body {
  padding: 24px 30px;
  background-color: var(--G-0-5, #FAFAFA);
}
.modal--type-split .modal__body {
  display: flex;
}
.modal--type-draggable {
  border-radius: 8px 50px 8px 8px;
}
.modal--type-draggable .modal__hat {
  cursor: grab;
}
.modal--type-draggable .modal__hat:active {
  cursor: grabbing;
}
.modal--type-draggable .modal__hat::before {
  height: 19px;
  border-radius: 8px 0 0 0;
}
.modal--type-draggable .modal__header {
  transform: translateY(-18px);
  padding-top: 18px;
  margin-bottom: -18px;
  cursor: grab;
  background-color: transparent;
}
.modal--type-draggable .modal__header:active {
  cursor: grabbing;
}
.modal--type-draggable .modal__body {
  position: relative;
  min-height: 346px;
  max-height: 70vh;
  border-radius: 0 0 8px 8px;
  transition: height 150ms ease-out;
}
.modal--transparent-bg .modal__body {
  background-color: transparent;
}
.modal--upstairs-content .modal__body {
  margin-top: -18px;
}
.modal--vertical-axis .modal__body {
  display: flex;
  flex-direction: column;
}
.modal--full-height .modal__body {
  height: 100%;
}
.modal--full-corners .modal__body {
  border-radius: 5px;
}
.modal--free-content .modal__body {
  overflow: visible;
}
.modal-close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--solution-primary-color);
  transform: rotate(0);
  position: relative;
  transition: transform 150ms ease-out;
}
.modal-close-button--XL {
  width: 36px;
  height: 36px;
}
.modal-close-button--border::after {
  border: 1px solid var(--G-2, #DEDEDE);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border-radius: 50%;
}
.modal-close-button--dark {
  color: var(--G-0, #FFFFFF);
}
.modal-close-button--dark:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(1);
  border-radius: 50%;
  background-color: #2d2d2d;
  transition: background 150ms ease-out , transform 150ms ease-out;
  z-index: -1;
}
.modal-close-button--dark:hover {
  color: var(--G-0, #FFFFFF);
}
.modal-close-button--white {
  width: 28px;
  height: 28px;
  z-index: 1;
}
.modal-close-button--white:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(1);
  border-radius: 50%;
  background-color: var(--G-0, #FFFFFF);
  transition: background 150ms ease-out , transform 150ms ease-out;
  z-index: -1;
}
.modal-close-button--white:hover(&:not(.modal-close-button--border)):before {
  transform: scale(1.143);
  background-color: #E7F0FE;
  transition: background 200ms ease-in , transform 200ms ease-in;
}
.modal-close-button:hover:not(.modal-close-button--white):not(.modal-close-button--dark) {
  color: var(--solution-hover-color);
}
.modal-close-button:hover {
  transform: rotate(90deg);
  transition: transform 200ms ease-in;
}
.modal-default-content {
  padding: 30px 30px;
  background-color: var(--G-0-5, #FAFAFA);
}
.modal-default-content--rounded-corners {
  border-radius: 0 0 5px 5px;
}
.modal-iframe-content {
  margin-bottom: -3px;
  padding: 0;
  background-color: transparent;
}
.modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--G-2, #DEDEDE);
  min-height: 55px;
  padding: 0 30px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 5px 5px;
}
.modal-footer__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  flex: 0 0 auto;
  margin-left: auto;
}
.modal-footer__actions {
  max-width: 100%;
  flex-grow: 1;
  overflow: hidden;
}
.modal-header {
  display: flex;
  align-items: center;
  min-height: 48px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  padding: 0 30px 16px 30px;
  background-color: var(--G-0, #FFFFFF);
}
.modal-header--independent {
  padding-top: 16px;
  border-radius: 5px 5px 0 0;
}
.modal-header--type-simple {
  min-height: 36px;
  padding-bottom: 11px;
}
.modal-header--type-simple .modal-header__in {
  align-items: center;
  margin-top: -7px;
}
.modal-header--type-simple .modal-header__icon {
  width: 30px;
  min-width: 30px;
  height: 30px;
}
.modal-header--type-simple .modal-header__actions {
  margin-top: -8px;
}
.modal-header--type-simple.modal-header--position-center .modal-header__in {
  justify-content: center;
}
.modal-header__in {
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  margin-top: -2px;
}
.modal-header__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  min-width: 46px;
  height: 46px;
  margin-right: 15px;
  background-color: var(--modal-header-icon-bg, var(--solution-primary-color));
  border-radius: 5px;
  color: var(--modal-header-icon-color, var(--G-0, #FFFFFF));
}
.modal-header__title {
  display: flex;
  align-items: center;
  color: var(--typo-primary, #2E3538);
}
.modal-header__badge {
  margin-left: 8px;
}
.modal-header__subtitle {
  margin-top: 3px;
  color: var(--typo-secondary, #878B92);
}
.modal-header__actions {
  display: flex;
  margin-left: auto;
  padding-left: 15px;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-overlay--backdrop {
  background: rgba(0, 0, 0, 0.4);
}
.modal-overlay__transition--fade-enter, .modal-overlay__transition--fade-appear {
  opacity: 0;
}
.modal-overlay__transition--fade-enter-active, .modal-overlay__transition--fade-appear-active {
  opacity: 1;
  transition: opacity 150ms ease-out;
}
.modal-overlay__transition--fade-exit {
  opacity: 1;
}
.modal-overlay__transition--fade-exit-active {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.fancy-dialog {
  position: relative;
  width: 100%;
  min-width: 498px;
  max-width: 498px;
}
.fancy-dialog__close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 26px;
  height: 26px;
}
.fancy-dialog__wrapper {
  border-radius: 8px;
  border: var(--border-rte, rgba(15, 15, 15, 0.1));
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 30, 0.1), 0px 2px 4px 0 rgba(0, 0, 30, 0.1);
}
.fancy-dialog__cover {
  height: 230px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--solution-primary-color);
  border-radius: 8px 8px 0 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fancy-dialog__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 36px 30px 40px;
}
.fancy-dialog__footer {
  margin-top: 2px;
  border: var(--border-rte, rgba(15, 15, 15, 0.1));
  padding: 16px 30px 22px;
  border-radius: 8px;
  background-color: var(--G-0-5, #FAFAFA);
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 30, 0.1), 0px 2px 4px 0 rgba(0, 0, 30, 0.1);
}
.gate-dialog {
  position: relative;
  width: 498px;
  margin: 20px;
  padding: 60px 30px 40px 30px;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.066);
  border-radius: 8px;
}
.gate-dialog::before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 8px;
  left: 8px;
  height: 4px;
  background-color: var(--solution-primary-color);
  border-radius: 5px;
}
.gate-dialog__icon {
  position: absolute;
  top: -19px;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.gate-dialog__heading {
  text-align: center;
}
.gate-dialog__heading + .gate-dialog__body {
  margin-top: 50px;
}
.gate-dialog__title {
  margin-bottom: 18px;
}
.gate-dialog--danger::before {
  background-color: #FF5757;
}
.gate-dialog--danger .gate-dialog__icon {
  background-color: #FF5757;
}
.modal-light-header {
  display: flex;
  align-items: center;
  height: 75px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 20px 0 30px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px 8px 0 0;
}
.modal-light-header__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 14px;
  border-radius: 5px;
  background-color: var(--solution-primary-color);
}
.modal-light-header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.modal-light-header__close {
  width: 34px;
  height: 34px;
}
.modal-figure-header {
  position: relative;
  display: flex;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 30px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px 8px 0 0;
}
.modal-figure-header__icon {
  display: flex;
  align-items: center;
  width: 38px;
  margin-right: 20px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.modal-figure-header__description {
  margin-top: 2px;
}
.modal-figure-header__close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.modal-narrow {
  border-radius: 8px;
}
.modal-narrow__close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal-header-expanded {
  display: flex;
  height: 40px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--G-0, #FFFFFF);
}
.modal-header-expanded__icon {
  margin-top: 2px;
}
.modal-header-expanded__hat {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 95%;
  margin-top: -9px;
  margin-left: 10px;
  padding-left: 10px;
}
.modal-header-expanded__hat:before {
  opacity: 0.3;
  content: "";
  position: absolute;
  top: 1px;
  left: -1px;
  display: block;
  width: 1px;
  height: 36px;
  background-color: var(--G-4, #B2B2B3);
}
.modal-header-expanded__subtitle {
  position: relative;
  max-width: 100%;
  margin-bottom: 2px;
  padding-right: 5px;
}
.modal-header-compact {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 58px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  padding: 16px 30px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px 8px 0 0;
}
.modal-header-compact__hat {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.modal-header-compact__close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal-minimal-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 58px;
  padding: 16px 7px 16px 30px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px 8px 0 0;
}
.modal-minimal-header--description {
  align-items: flex-start;
}
.modal-minimal-header--description .modal-minimal-header__actions {
  margin-top: -9px;
}
.modal-minimal-header--border {
  border-bottom: 1px solid var(--G-2, #DEDEDE);
}
.modal-minimal-header--right-padding-M {
  padding-right: 20px;
}
.modal-minimal-header--right-padding-L {
  padding-right: 30px;
}
.modal-minimal-header__hat {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.modal-minimal-header__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal-minimal-header__close {
  width: 32px;
  height: 32px;
  border-radius: 5px;
}
.modal-minimal-header__tooltip {
  margin-left: 4px;
  display: inline-flex;
  position: relative;
  top: 2px;
}
.passcode-modal-view {
  padding: 30px 30px 0;
  background-color: var(--G-0-5, #FAFAFA);
  width: 498px;
  max-width: 498px;
  border-radius: 5px;
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
  min-height: 244px;
  display: flex;
  flex-direction: column;
}
.passcode-modal-view__input {
  margin-bottom: 38px;
}
.passcode-modal-view__title {
  margin-bottom: 12px;
}
.passcode-modal-view__description {
  margin-bottom: 24px;
}
.passcode-modal-view__description strong {
  font-weight: 600;
}
.passcode-modal-view__footer {
  border-top: 1px solid var(--G-2, #DEDEDE);
  margin: auto -30px 0;
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px;
  height: 55px;
  border-radius: 0 0 5px 5px;
}
.passcode-input-modal__form {
  width: 320px;
  margin: 0 auto;
}
.passcode-input-modal__input {
  border-radius: 100px;
}
.passcode-input-modal__input::after {
  border-radius: inherit;
}
.passcode-input-modal__error {
  margin-top: 4px;
}
.passcode-input-modal__submit {
  width: 100%;
  margin-top: 18px;
  justify-content: center;
}
.lock-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--G-0-5, #FAFAFA);
}
.lock-layout__header {
  display: flex;
  align-items: center;
  min-height: 56px;
  border-top: 4px solid var(--solution-primary-color);
  padding: 0 38px;
}
.lock-layout__body {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  box-shadow: inset 0 -20px 30px 0 var(--G-0-5, #FAFAFA);
}
.lock-layout__scroll {
  overflow-y: auto;
  width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  padding: 0 38px;
}
.lock-layout__scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.lock-layout__scroll::-webkit-scrollbar-track {
  background-color: transparent;
}
.lock-layout__scroll::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.lock-layout__scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.lock-layout__content {
  margin: auto;
}
.lock-layout__footer {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 10px 0 30px 0;
}
.select-workspace-modal-view {
  min-width: 600px;
  max-width: 600px;
}
.select-workspace-modal-view__main {
  margin-bottom: 3px;
}
.select-workspace-modal-view__install {
  width: 100%;
  margin-bottom: 8px;
  justify-content: center;
  margin-top: 50px;
}
.select-workspace-modal-view__back {
  font-size: 15px;
  height: 40px;
  width: 100%;
  justify-content: center;
  font-weight: 500;
}
.select-workspace-select__title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.select-workspace-select__tooltip {
  margin-left: 7px;
}
.select-workspace-option {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 68px;
  background-color: var(--G-0, #FFFFFF);
}
.select-workspace-option__content {
  overflow: hidden;
  font-size: 0;
  padding-left: 15px;
}
.select-workspace-option__title {
  color: var(--typo-primary, #2E3538);
}
.select-workspace-option__image {
  min-width: 180px;
  width: 180px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}
.select-workspace-option__image img {
  max-height: 100%;
}
.select-workspace-option:not(.is-selected) {
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  padding: 3px;
  transition: border-color 150ms ease-out;
}
.select-workspace-option:not(.is-selected):hover {
  border-color: var(--solution-primary-color);
  transition: border-color 150ms ease-out;
}
.select-workspace-option:not(.is-selected):hover .select-workspace-option__title {
  color: var(--solution-primary-color);
}
.select-workspace-option.is-selected {
  padding-right: 16px;
}
.select-workspace-select-picker {
  min-height: 68px;
  --arrow-select-top-position: 17px;
  --arrow-select-right-position: 12px;
}
.select-workspace-list {
  --select-option-margin-bottom: 4px;
}
.select-workspace-footer {
  background-color: var(--G-0, #FFFFFF);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 10px;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-workspace-footer__logo {
  display: flex;
  max-width: 90px;
  min-width: 90px;
  height: 30px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.select-workspace-footer__logo img {
  max-height: 100%;
}
.select-workspace-footer.default-image .select-workspace-footer__logo {
  justify-content: flex-start;
  height: 50px;
  margin-left: 0;
}
.select-workspace-wrapper {
  width: 100%;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 10px;
  padding: 50px 60px 25px;
  min-width: 600px;
  max-width: 600px;
}
.select-workspace-picker-header {
  display: flex;
  align-items: center;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.select-workspace-picker-header__icon {
  min-width: 70px;
  width: 70px;
  height: 70px;
  border-radius: 10px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-workspace-picker-header__title {
  margin-bottom: 4px;
}
.select-workspace-select-picker {
  min-height: 68px;
  --arrow-select-top-position: 17px;
  --arrow-select-right-position: 12px;
}
.select-workspace-list {
  --select-option-margin-bottom: 4px;
}
.surface-window {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--G-0, #FFFFFF);
  backface-visibility: hidden;
  will-change: transform;
}
.surface-window--type-modal {
  max-height: calc(100vh - 60px);
  border-radius: 12px;
}
.surface-window--type-panel {
  height: 100%;
  margin-left: auto;
  border-radius: 12px 0 0 12px;
}
.surface-window--type-fullscreen {
  width: 100%;
  height: 100%;
}
.surface-window:not(.surface-window--type-fullscreen) {
  width: 650px;
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
}
.surface-window__body {
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
}
.surface-window__body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.surface-window__body::-webkit-scrollbar-track {
  background-color: transparent;
}
.surface-window__body::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.surface-window__body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.surface-window__close {
  z-index: 10;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  background-color: var(--G-1, #F3F3F4);
  color: var(--G-4, #B2B2B3);
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.surface-window__close:hover {
  background-color: var(--G-2, #DEDEDE);
  color: var(--G-5, #9B9C9E);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.surface-window__overlay.modal-overlay__transition--fade-enter .surface-window--type-modal, .surface-window__overlay.modal-overlay__transition--fade-appear .surface-window--type-modal {
  transform: translateY(32px) scale(0.95);
}
.surface-window__overlay.modal-overlay__transition--fade-enter .surface-window--type-panel, .surface-window__overlay.modal-overlay__transition--fade-appear .surface-window--type-panel {
  transform: translateX(100%);
}
.surface-window__overlay.modal-overlay__transition--fade-enter .surface-window--type-fullscreen, .surface-window__overlay.modal-overlay__transition--fade-appear .surface-window--type-fullscreen {
  transform: scale(1.05);
}
.surface-window__overlay.modal-overlay__transition--fade-enter-active .surface-window--type-modal, .surface-window__overlay.modal-overlay__transition--fade-appear-active .surface-window--type-modal {
  transform: translate3d(0, 0, 0) scale(1);
  transition: transform 250ms cubic-bezier(0.34, 1, 0.64, 1);
}
.surface-window__overlay.modal-overlay__transition--fade-enter-active .surface-window--type-panel, .surface-window__overlay.modal-overlay__transition--fade-appear-active .surface-window--type-panel {
  transform: translate3d(0, 0, 0);
  transition: transform 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.surface-window__overlay.modal-overlay__transition--fade-enter-active .surface-window--type-fullscreen, .surface-window__overlay.modal-overlay__transition--fade-appear-active .surface-window--type-fullscreen {
  transform: scale(1);
  transition: transform 180ms cubic-bezier(0.16, 1, 0.3, 1);
}
.surface-window__overlay.modal-overlay__transition--fade-exit .surface-window--type-modal {
  transform: translate3d(0, 0, 0) scale(1);
}
.surface-window__overlay.modal-overlay__transition--fade-exit .surface-window--type-panel {
  transform: translate3d(0, 0, 0);
}
.surface-window__overlay.modal-overlay__transition--fade-exit .surface-window--type-fullscreen {
  transform: scale(1);
}
.surface-window__overlay.modal-overlay__transition--fade-exit-active .surface-window--type-modal {
  transform: translate3d(0, 24px, 0) scale(0.97);
  transition: transform 250ms ease-in;
}
.surface-window__overlay.modal-overlay__transition--fade-exit-active .surface-window--type-panel {
  transform: translate3d(100%, 0, 0);
  transition: transform 250ms ease-in;
}
.surface-window__overlay.modal-overlay__transition--fade-exit-active .surface-window--type-fullscreen {
  transform: scale(1.02);
  transition: transform 250ms ease-in;
}
@keyframes circle-loader-spinning {
  to {
    transform: rotate(360deg);
  }
}
.circle-loader-icon {
  display: inline-flex;
  animation: circle-loader-spinning 1s infinite linear;
}
.loading-detail-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 27px;
  border-radius: 10px;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.12);
}
.loading-detail-panel__icon {
  color: var(--G-4, #B2B2B3);
  animation: spin 1s infinite linear;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.loading-detail-panel__title {
  margin-top: 18px;
}
.loading-detail-panel__description {
  margin-top: 4px;
}
.static-grid-mock-page {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.static-grid-mock-page > div {
  filter: blur(2px);
}
.static-grid-mock-page::before {
  content: " ";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  background-color: var(--solution-primary-color);
}
.static-grid-mock-page::after {
  content: " ";
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(21, 53, 102, 0.5);
}
.static-grid-mock-page-top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0 24px 0 0;
  background-color: var(--solution-primary-color);
}
.static-grid-mock-page-top__center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.static-grid-mock-page-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 34px;
  background-color: var(--solution-secondary-color);
}
.static-grid-mock-page-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  padding: 8px 11px 7px 20px;
  background-color: var(--G-0, #FFFFFF);
}
.static-grid-mock-page-filter {
  display: flex;
  align-items: center;
  height: 44px;
  padding-bottom: 15px;
  background-color: var(--G-0, #FFFFFF);
}
.static-grid-mock-page-grid {
  background-color: var(--G-0-5, #FAFAFA);
}
.static-grid-mock-page-grid__header {
  display: flex;
  align-items: center;
  height: 33px;
  margin: 0 0 22px 0;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 0 0 75px;
}
.static-grid-mock-page-grid__body {
  padding: 0 10px;
}
.static-grid-mock-page-grid__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 4px 0 0 15px;
  background-color: var(--G-0, #FFFFFF);
}
.static-mock-page-grid-group {
  min-width: 2840px;
  margin-bottom: 24px;
  padding: 11px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.066);
}
.static-mock-page-grid-group__header {
  display: flex;
  align-items: center;
  margin: 0 0 10px 12px;
}
.static-mock-page-grid-group__name {
  margin-left: 15px;
}
.static-mock-page-grid-group__row {
  position: relative;
  display: flex;
  align-items: center;
  height: 42px;
  border: 1px solid var(--G-1, #F3F3F4);
  padding: 0 0 0 26px;
  border-radius: 8px;
}
.static-mock-page-grid-group__row:not(:last-child) {
  margin-bottom: 3px;
}
.static-mock-page-grid-group__row:nth-child(2n) {
  background-color: var(--G-0-5, #FAFAFA);
}
.static-mock-page-grid-group__row::before {
  content: " ";
  position: absolute;
  top: 3px;
  left: 3px;
  bottom: 3px;
  width: 6px;
  border-radius: 3px;
  background-color: currentColor;
}
.static-mock-page-grid-group__footer {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.results-not-found {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.results-not-found__image--gutter {
  margin-bottom: 22px;
}
.results-not-found__title {
  margin-bottom: 8px;
}
.results-not-found__description {
  color: var(--typo-secondary, #878B92);
  text-align: center;
}
.results-not-found__link {
  margin-top: 20px;
}
.danger-alert {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 8px 15px;
  border-radius: 8px;
}
.danger-alert::before {
  content: " ";
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FEECEE;
  border-radius: inherit;
  pointer-events: none;
}
.danger-alert.is-bordered::after {
  content: " ";
  opacity: 0.3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #FF5757;
  border-radius: inherit;
  pointer-events: none;
}
.danger-alert__icon {
  position: relative;
  display: inline-flex;
  color: #FF5757;
}
.danger-alert__body {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 4px;
}
.upgrade-plan-warning {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 8px;
  background-color: #FFF2DC;
}
.upgrade-plan-warning__icon {
  color: #FFB938;
}
.upgrade-plan-warning__body {
  flex-grow: 1;
  font-size: 13px;
  line-height: 18px;
}
.upgrade-plan-warning__actions {
  flex-shrink: 0;
  margin-left: auto;
}
.faq-accordion-item {
  align-self: flex-start;
  width: 100%;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  transition: border-color 150ms ease-out;
}
.faq-accordion-item.is-active .faq-accordion-item__arrow {
  opacity: 1;
  transform: rotate(180deg);
  transition: transform 200ms ease-in , opacity 200ms ease-in;
}
.faq-accordion-item:not(.is-active):hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.faq-accordion-item:not(.is-active):hover .faq-accordion-item__title {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.faq-accordion-item__head {
  display: flex;
  gap: 15px;
  width: 100%;
  padding: 11px 20px 12px;
  cursor: pointer;
  text-align: left;
}
.faq-accordion-item__title {
  opacity: 0.9;
  transition: opacity 150ms ease-out;
}
.faq-accordion-item__arrow {
  opacity: 0.6;
  margin-top: 5px;
  margin-left: auto;
  color: var(--G-8, #4d4d4d);
  transition: transform 150ms ease-out , opacity 150ms ease-out;
}
.faq-accordion-item__content {
  overflow: hidden;
  padding: 0 20px 12px 20px;
  font-size: 14px;
  line-height: 22px;
}
.faq-lists-item {
  align-self: flex-start;
}
.faq-lists-item__content {
  padding-top: 10px;
  font-size: 14px;
  line-height: 22px;
}
.faq-lists-table-item {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
.faq-lists-table-item:not(:last-child) {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding-bottom: 20px;
}
.faq-lists-table-item__title {
  width: 40%;
}
.faq-lists-table-item__content {
  width: 60%;
  font-size: 14px;
  line-height: 22px;
}
.warning-info {
  position: relative;
  display: flex;
  gap: 10px;
  padding: 10px;
  border-radius: 8px;
}
.warning-info::before, .warning-info::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  pointer-events: none;
}
.warning-info::before {
  opacity: 0.5;
  background-color: #FFF2DC;
}
.warning-info::after {
  opacity: 0.3;
  border: 1px solid #FFB938;
}
.warning-info--modern {
  align-items: center;
}
.warning-info--modern .warning-info__body {
  font-size: 13px;
  line-height: 18px;
  color: var(--typo-primary, #2E3538);
}
.warning-info--legacy .warning-info__body {
  font-size: 12px;
  line-height: 18px;
  color: var(--tertiary, #6B6B6B);
}
.warning-info__icon {
  position: relative;
  color: #FFB938;
}
.warning-info__body {
  position: relative;
}
.fill-fields-error-info {
  position: relative;
  display: flex;
  padding: 10px 10px 10px 30px;
  background-color: #FEECEE;
}
.fill-fields-error-info__icon {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 36px;
  color: #FF5757;
}
.fill-fields-error-info__icon::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 18px;
  bottom: 0;
  width: 1px;
  border-right: 1px solid rgba(255, 87, 87, 0.2);
}
.fill-fields-error-info__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
}
.fill-fields-error-info__items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 23px;
}
.fill-fields-error-info__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
}
.fill-fields-error-info__item:not(:last-child)::before {
  content: "•";
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}
.fill-fields-error-info__count {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  height: 16px;
  padding: 0 5px;
  background-color: #FF5757;
  border-radius: 5px;
}
.basic-tabs {
  display: flex;
  position: relative;
}
.basic-tabs--center {
  justify-content: center;
}
.basic-tabs--left {
  justify-content: flex-start;
}
.basic-tabs--line {
  border-bottom: 1px solid;
}
.basic-tabs--line.basic-tabs--large {
  border-color: var(--G-2, #DEDEDE);
}
.basic-tabs--line.basic-tabs--small {
  border-color: var(--G-1-5, #E9E9E9);
}
.r-basic-tab {
  z-index: 3;
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 6px;
  color: var(--typo-secondary, #878B92);
  cursor: pointer;
}
.r-basic-tab::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
}
.r-basic-tab svg {
  margin-right: 5px;
}
.r-basic-tab-wrapper {
  display: flex;
  align-items: center;
}
.r-basic-tab-wrapper--large:not(:last-child) {
  margin-right: 30px;
}
.r-basic-tab-wrapper--middle:not(:last-child) {
  margin-right: 30px;
}
.r-basic-tab-wrapper--small:first-child::before, .r-basic-tab-wrapper--small:last-child::after {
  display: none;
}
.r-basic-tab-wrapper--small:not(:last-child) {
  margin-right: var(--basic-tab-small-gap, 20px);
}
.r-basic-tab-wrapper--icon:not(:last-child) {
  margin-right: 20px;
}
.r-basic-tab__badge {
  margin-top: -1px;
  margin-left: 5px;
}
.r-basic-tab__indicator {
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #F1273F;
}
.r-basic-tab:hover, .r-basic-tab.is-active {
  color: var(--typo-primary, #2E3538);
}
.r-basic-tab--large {
  padding: 10px 0;
  z-index: 1;
}
.r-basic-tab--large::before {
  right: -15px;
  left: -15px;
}
.r-basic-tab--middle {
  padding: 13px 0;
}
.r-basic-tab--middle:before {
  left: -15px;
  right: -15px;
}
.r-basic-tab--small {
  position: relative;
  padding: var(--basic-tab-small-paddings, 13px 0);
}
.r-basic-tab--small::after, .r-basic-tab--small::before {
  content: "";
  z-index: 2;
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
}
.r-basic-tab--small::after {
  right: -10px;
}
.r-basic-tab--small::before {
  left: -10px;
}
.r-basic-tab--small::before {
  left: -10px;
  right: -10px;
}
.r-basic-tab--small .r-basic-tab__indicator {
  top: -6px;
  right: -2px;
}
.r-basic-tab--view-primary {
  padding-bottom: 9px;
  color: var(--typo-primary, #2E3538);
}
.r-basic-tab--view-primary.is-active {
  color: var(--solution-primary-color);
}
.r-basic-tab--icon {
  padding: 14px 15px;
}
.basic-tab-slider {
  display: block;
  position: absolute;
  bottom: 0;
  height: 3px;
  transition: width 150ms ease-out , left 150ms ease-out;
  background-color: var(--solution-primary-color);
}
.basic-tab-slider--rounded {
  border-radius: 5px;
}
.basic-tab-slider--large {
  height: 4px;
}
.basic-tab-slider--middle {
  bottom: 8px;
}
.basic-tab-slider--small {
  height: var(--basic-tabs-slider-height, 3px);
  bottom: var(--basic-tabs-slider-small-bottom, 6px);
}
.simple-table {
  overflow: hidden;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
}
.simple-table-row {
  display: flex;
  justify-content: space-between;
}
.simple-table-header {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0-5, #FAFAFA);
}
.simple-table-header__col {
  padding: 10px 0 10px 15px;
}
.simple-table-header__col:last-child {
  padding-right: 15px;
}
.simple-table-body .simple-table-row {
  position: relative;
}
.simple-table-body .simple-table-row:not(:last-child)::after {
  content: " ";
  position: absolute;
  right: 15px;
  bottom: 0;
  left: 15px;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.simple-table-body__col {
  padding: 12px 0 12px 15px;
}
.simple-table-body__col:last-child {
  padding-right: 15px;
}
.simple-table__empty {
  padding: 12px 15px;
}
.pagination {
  display: flex;
  align-items: center;
  gap: 15px;
  -webkit-user-select: none;
          user-select: none;
}
.pagination__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--G-8, #4d4d4d);
}
.pagination__arrow[disabled] {
  opacity: 0.3;
  cursor: default;
}
.pagination__list {
  display: flex;
  align-items: center;
  gap: 4px;
}
.pagination__item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  height: 20px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 6px;
  color: var(--tertiary, #6B6B6B);
}
.pagination__item:hover {
  color: var(--typo-primary, #2E3538);
}
.pagination__item.is-active {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
}
.dots-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: 100%;
  -webkit-user-select: none;
          user-select: none;
}
.dots-nav__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 20px;
  color: var(--G-8, #4d4d4d);
}
.dots-nav__arrow[disabled] {
  color: var(--G-2, #DEDEDE);
  cursor: default;
}
.dots-nav__list {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dots-nav__item {
  position: relative;
  min-width: 20px;
  height: 20px;
  color: var(--G-2, #DEDEDE);
  transition: color 150ms ease-out;
}
.dots-nav__item::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 9px;
  height: 9px;
  margin: auto;
  background-color: currentColor;
  border-radius: 50%;
}
.dots-nav__item:hover {
  color: var(--G-3, #C7C8C9);
  transition: color 200ms ease-in;
}
.dots-nav__item.is-active {
  color: var(--G-6, #868788);
  transition: color 200ms ease-in;
}
.dots-nav__ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  color: var(--G-4, #B2B2B3);
  font-size: 12px;
  font-weight: 500;
}
.icon--transition {
  transition: color 200ms ease-in , fill 200ms ease-in;
}
.icon--transition:hover {
  transition: color 150ms ease-out , fill 150ms ease-out;
}
.preloader {
  position: absolute;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1001;
}
.preloader--primary {
  color: var(--solution-primary-color);
}
.preloader--white {
  color: var(--G-0, #FFFFFF);
}
.preloader--backdrop {
  background-color: var(--G-0, #FFFFFF);
}
.preloader__dots {
  width: 100%;
  max-width: 60px;
}
.preloader__spinners {
  width: 44px;
  height: 44px;
  position: relative;
  transform: scaleX(-1);
  padding: 0 2px;
}
.preloader__spin {
  background-color: currentColor;
  height: 12px;
  width: 40px;
  display: block;
  border-radius: 47% 0% 43% 0%/116% 0% 130% 0%;
}
.preloader__center-pin {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -8px;
  height: 10px;
  width: 16px;
  background-color: currentColor;
  border-radius: 10px;
  z-index: 1;
}
.preloader__spin-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.preloader__spin-wrapper--bottom .preloader__spin, .preloader__spin-wrapper--top .preloader__spin {
  transform: scaleX(-1);
}
.preloader__spin-wrapper--top {
  animation: topSpin 833ms linear infinite forwards;
}
.preloader__spin-wrapper--center .preloader__spin {
  margin-top: 16px;
  animation: centerSpin 833ms linear infinite forwards;
}
.preloader__spin-wrapper--bottom {
  animation: bottomSpin 833ms linear infinite forwards;
}
.preloader__spin-wrapper--bottom .preloader__spin {
  margin-top: 32px;
}
@keyframes topSpin {
  0% {
    transform: rotate(-360deg);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  76% {
    transform: rotate(-540deg);
  }
  100% {
    transform: rotate(-540deg);
  }
}
@keyframes centerSpin {
  0% {
    transform: scaleX(1) scaleY(1);
  }
  38% {
    transform: scaleX(0) scaleY(0.7);
  }
  76% {
    transform: scaleX(1) scaleY(1);
  }
  100% {
    transform: scaleX(1) scaleY(1);
  }
}
@keyframes bottomSpin {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  76% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
.scrollbar {
  height: 100%;
  max-height: inherit;
  max-width: inherit;
  min-height: inherit;
  min-width: inherit;
  position: relative;
  width: 100%;
}
.scrollbar .ScrollbarsCustom {
  position: relative;
  width: 100%;
}
.scrollbar .ScrollbarsCustom-Scroller {
  -webkit-overflow-scrolling: touch;
}
.scrollbar .ScrollbarsCustom-Wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0;
  right: 0;
}
.scrollbar .ScrollbarsCustom-Content {
  box-sizing: border-box;
  display: block !important;
}
.scrollbar__thumb {
  opacity: 0.4;
  background-color: var(--G-5, #9B9C9E);
  cursor: pointer;
  border-radius: 5px;
  position: relative;
  transition: opacity 150ms ease-out;
}
.scrollbar__thumb:hover {
  opacity: 0.6;
  transition: opacity 200ms ease-in;
}
.scrollbar__thumb--Y {
  height: 0;
  right: 0px;
  width: 8px;
}
.scrollbar__thumb--X {
  bottom: 0;
  height: 8px;
  width: 0;
}
.scrollbar__track {
  background-color: transparent;
  overflow: hidden;
  position: absolute;
  border-radius: 4px;
  -webkit-user-select: none;
          user-select: none;
  right: 0;
}
.scrollbar__track--Y {
  height: 100%;
  right: 0;
  top: 0;
  width: 8px;
}
.scrollbar__track--X {
  bottom: 0;
  height: 8px;
  left: 0;
  width: 100%;
}
.scrollbar--show-on-hover .scrollbar__track--Y,
.scrollbar--show-on-hover .scrollbar__track--X {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.scrollbar--show-on-hover:hover .scrollbar__track--Y,
.scrollbar--show-on-hover:hover .scrollbar__track--X {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.scroll-controller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.scroll-controller.is-scrolling {
  z-index: 7;
}
.truncated-list {
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 100%;
}
.truncated-list__elements {
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
}
.truncated-list__truncator {
  flex-shrink: 0;
  padding-left: var(--truncator-padding-left, 10px);
  font-weight: var(--truncator-font-weight);
  font-size: var(--truncator-font-size);
  color: var(--truncator-color);
}
.truncated-list__scrollbar {
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  max-height: var(--truncator-max-height, 80vh);
}
.truncated-list__scrollbar::-webkit-scrollbar {
  width: 13px;
}
.truncated-list__scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
.truncated-list__scrollbar::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.4);
  border: 4px solid transparent;
  border-radius: 13px;
  background-color: transparent;
}
.truncated-list__scrollbar::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.6);
}
.truncated-list__element {
  max-width: 100%;
}
.truncated-list__hiddens {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 10px;
}
.horizontal-arrow-scroll {
  position: relative;
}
.horizontal-arrow-scroll__scrollarea {
  width: 100%;
  height: inherit;
}
.horizontal-arrow-scroll__scrollarea .ScrollbarsCustom-Track {
  display: none;
}
.horizontal-arrow-scroll__arrow {
  z-index: 4;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 30px;
  margin: auto 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.066);
  border-radius: 4px;
  cursor: pointer;
}
.horizontal-arrow-scroll__arrow--left {
  left: 0;
}
.horizontal-arrow-scroll__arrow--left .icon {
  transform: rotate(90deg);
}
.horizontal-arrow-scroll__arrow--right {
  right: 0;
}
.horizontal-arrow-scroll__arrow--right .icon {
  transform: rotate(-90deg);
}
.stack {
  display: flex;
}
.stack--gap-2 {
  gap: 2px;
}
.stack--gap-5 {
  gap: 5px;
}
.stack--gap-7 {
  gap: 7px;
}
.stack--gap-10 {
  gap: 10px;
}
.stack--gap-15 {
  gap: 15px;
}
.stack--gap-20 {
  gap: 20px;
}
.stack--gap-25 {
  gap: 25px;
}
.stack--gap-30 {
  gap: 30px;
}
.stack--gap-35 {
  gap: 35px;
}
.stack--gap-40 {
  gap: 40px;
}
.stack--gap-45 {
  gap: 45px;
}
.stack--gap-50 {
  gap: 50px;
}
.stack--column {
  flex-direction: column;
}
.stack--row {
  flex-direction: row;
}
.slider-progress-input {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  height: 100%;
}
.slider-progress-input.is-bordered .rc-slider-progress-input-rail {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
}
.slider-progress-input--gradient.is-disabled .slider-progress-input__rest {
  background-color: var(--G-2, #DEDEDE);
}
.slider-progress-input--gradient .rc-slider-progress-input-track {
  box-shadow: 3px 0 0 0 var(--G-2, #DEDEDE);
}
.slider-progress-input--gradient .rc-slider-progress-input-rail {
  background-color: transparent;
}
.slider-progress-input--size-small .slider-progress-input__wrapper {
  height: 3px;
}
.slider-progress-input--size-small.is-percent-field .slider-progress-input__wrapper {
  height: 5px;
}
.slider-progress-input--size-medium .slider-progress-input__wrapper {
  height: 8px;
}
.slider-progress-input--size-medium.is-percent-field .slider-progress-input__wrapper {
  height: 10px;
}
.slider-progress-input--size-large .slider-progress-input__wrapper {
  height: 16px;
}
.slider-progress-input--size-large.is-percent-field {
  padding-left: 0;
}
.slider-progress-input--size-large.is-percent-field .slider-progress-input__wrapper {
  height: 100%;
}
.slider-progress-input--gradient-red .slider-progress-input__wrapper {
  background: linear-gradient(to right, #DD1C1A, #F1C40F, #57A773);
}
.slider-progress-input--gradient-green .slider-progress-input__wrapper {
  background: linear-gradient(to right, #9ACAAB, #57A773);
}
.slider-progress-input--gradient-yellow .slider-progress-input__wrapper {
  background: linear-gradient(to right, #F1C40F, #57A773);
}
.slider-progress-input--gradient-black .slider-progress-input__wrapper {
  background: linear-gradient(to right, var(--G-7, #6F7173), #232528);
}
.slider-progress-input__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.slider-progress-input__rest {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 5px 5px 0;
  background-color: var(--G-2, #DEDEDE);
}
.slider-progress-input__handle {
  z-index: 2;
  position: absolute;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  border: 4px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
  cursor: grab;
}
.slider-progress-input__handle:active {
  cursor: grabbing;
}
.slider-progress-input__handle:hover .slider-progress-input__tooltip, .slider-progress-input__handle:active .slider-progress-input__tooltip {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.slider-progress-input__tooltip {
  opacity: 0;
  position: absolute;
  top: -33px;
  left: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  padding: 4px;
  border-radius: 5px;
  text-align: center;
  transform: translate3d(-50%, 0, 0);
  pointer-events: none;
  transition: opacity 150ms ease-out;
}
.slider-progress-input__tooltip::before {
  content: " ";
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 auto;
  background-color: inherit;
  transform: rotate(45deg);
}
.rc-slider-progress-input {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  touch-action: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-progress-input-step {
  z-index: 2;
  position: absolute;
  width: 100%;
  background-color: transparent;
}
.rc-slider-progress-input-track {
  z-index: 2;
  position: absolute;
  left: 0;
  height: inherit;
  border-radius: 5px;
}
.rc-slider-progress-input-rail {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: inherit;
  border-radius: 5px;
  background-color: var(--G-2, #DEDEDE);
}
.slider-progress-display {
  display: flex;
  align-items: center;
}
.slider-progress-display--size-small .slider-progress-display__bar {
  height: 3px;
}
.slider-progress-display--size-medium .slider-progress-display__bar {
  height: 8px;
}
.slider-progress-display--size-large .slider-progress-display__bar {
  height: 16px;
}
.slider-progress-display--size-fill {
  height: 100%;
}
.slider-progress-display--size-fill .slider-progress-display__bar {
  height: 100%;
}
.slider-progress-display.is-bordered .slider-progress-display__bar {
  background-color: transparent;
}
.slider-progress-display.is-bordered .slider-progress-display__bar::before {
  border-radius: 0;
}
.slider-progress-display.is-bordered .slider-progress-display__bar::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: 2px solid var(--slider-progress-bar-background);
}
.slider-progress-display--gradient .slider-progress-display__bar::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: var(--slider-gradient-progress, 0%);
  background-color: var(--slider-progress-background, var(--G-2, #DEDEDE));
  border-radius: 0 var(--slider-progress-bar-border-radius, 5px) var(--slider-progress-bar-border-radius, 5px) 0;
}
.slider-progress-display--gradient-red .slider-progress-display__bar {
  background: linear-gradient(to right, #DD1C1A, #F1C40F, #57A773);
}
.slider-progress-display--gradient-green .slider-progress-display__bar {
  background: linear-gradient(to right, #9ACAAB, #57A773);
}
.slider-progress-display--gradient-yellow .slider-progress-display__bar {
  background: linear-gradient(to right, #F1C40F, #57A773);
}
.slider-progress-display--gradient-black .slider-progress-display__bar {
  background: linear-gradient(to right, var(--G-7, #6F7173), #232528);
}
.slider-progress-display__bar {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-grow: 1;
  border-radius: var(--slider-progress-bar-border-radius, 5px);
  background-color: var(--G-2, #DEDEDE);
}
.slider-progress-display__bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: var(--slider-progress, 0%);
  border-radius: var(--slider-progress-bar-border-radius, 5px);
  background-color: var(--slider-progress-bar-background);
}
.slider-progress-display__label {
  display: flex;
  justify-content: flex-end;
  width: var(--progress-value-width-value, 39px);
  min-width: var(--progress-value-width);
}
.slider-progress-input-field {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: var(--slider-progress-input-min-height, 16px);
}
.slider-progress-input-field__input {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--slider-progress-input-gap, 4px);
  height: 100%;
  font-size: 13px;
  text-align: right;
  color: var(--typo-primary, #2E3538);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.slider-progress-input-field__input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.slider-progress-input-field__expander {
  opacity: 0;
  min-width: var(--slider-progress-input-expander-min-width, 28px);
  padding: 0;
  font-weight: var(--slider-progress-input-weight, 400);
  font-size: 13px;
  text-align: right;
  pointer-events: none;
}
.slider-progress-input-field__measure {
  font-weight: var(--slider-progress-input-weight, 400);
}
.slider-progress-input-field .number-slider-input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  font-family: inherit;
  color: inherit;
}
.slider-progress-input-field .number-slider-input::-webkit-outer-spin-button, .slider-progress-input-field .number-slider-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.slider-progress-input-field .number-slider-input[type=number] {
  -moz-appearance: textfield;
}
.slider-progress-input-field .number-slider-input input {
  padding: 0;
  font-weight: var(--slider-progress-input-weight, 400);
  text-align: right;
}
.number-field {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.number-field input {
  width: 100%;
  height: 100%;
  font-size: 13px;
  padding: 0 10px;
  background-color: transparent;
  color: var(--typo-primary, #2E3538);
  line-height: normal;
  font-family: inherit;
  text-overflow: ellipsis;
}
.number-field input::placeholder {
  font-family: inherit;
}
.number-field input::-webkit-inner-spin-button {
  display: none;
}
.number-field--text-size-m input {
  font-size: 13px;
}
.number-field--text-size-l input {
  font-size: 14px;
}
.number-field--placeholder-color-inactive input::placeholder {
  color: var(--inactive, #B2B2B3);
}
.number-field--placeholder-color-secondary input::placeholder {
  color: var(--typo-secondary, #878B92);
}
.date-range-progress-bar {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
}
.date-range-progress-bar:hover .date-range-progress-bar__text--hover {
  visibility: visible;
}
.date-range-progress-bar:hover .date-range-progress-bar__text--default {
  visibility: hidden;
}
.date-range-progress-bar--pill {
  height: 24px;
  border-radius: 45px;
}
.date-range-progress-bar--input {
  height: 34px;
  padding-right: 20px;
  border-radius: 4px;
}
.date-range-progress-bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: var(--progress-count, 0%);
  background-color: currentColor;
}
.date-range-progress-bar__text {
  position: relative;
  text-align: center;
}
.date-range-progress-bar__text--hover {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.date-range-progress-bar__text--default {
  visibility: visible;
}
.date-range-field-display {
  width: 100%;
}
.date-range-calendar {
  --date-time-field-bg-color: transparent;
  --date-time-input-bg-color: rgba(0,0,0,0.1);
}
.date-range-calendar__header {
  background-color: var(--solution-primary-color);
  border-radius: 5px 5px 0 0;
}
.date-range-calendar__title {
  padding: 11px 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.date-range-calendar__calendar {
  padding: 8px 0;
}
.date-range-calendar__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  border-top: 1px solid var(--G-1-6, #E8E8E8);
  padding: 15px 25px 18px 25px;
}
.date-range-calendar__footer button {
  flex-basis: 100%;
  justify-content: center;
}
.time-header-picker-placeholder {
  height: 22px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 10px;
  margin-top: 4px;
  opacity: 0.6;
  line-height: 22px;
}
.time-header-picker-placeholder:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px dashed var(--G-0, #FFFFFF);
  opacity: 0.3;
  border-radius: 5px;
}
.time-header-picker-value {
  height: 22px;
  background-color: var(--date-time-field-bg-color, rgba(255, 255, 255, 0.1));
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  margin-top: 4px;
  border-radius: 5px;
}
.time-header-picker {
  gap: 0 !important;
  position: relative;
}
.time-header-picker .icon-button {
  position: absolute;
  top: 7px;
  right: 6px;
  color: var(--G-0, #FFFFFF) !important;
  opacity: 0.3;
}
.time-header-picker .icon-button:hover {
  opacity: 1;
}
.time-header-picker .react-input-group {
  margin-top: 4px;
  border: none;
  height: 22px;
  min-height: 22px;
  background-color: var(--date-time-input-bg-color, rgba(255, 255, 255, 0.1));
}
.time-header-picker .react-input-group input {
  height: 22px !important;
  color: var(--G-0, #FFFFFF);
  padding-right: 22px;
}
.time-header-picker .react-input-group input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.date-time-header {
  z-index: 1;
  position: relative;
  background-color: var(--solution-primary-color);
  border-radius: 5px 5px 0 0;
}
.date-time-header__selection-groups {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  background-color: var(--solution-primary-color);
  overflow: hidden;
  border-radius: 5px;
}
.date-time-header__selection-groups:before {
  content: "";
  opacity: 0.3;
  z-index: 1;
  position: absolute;
  left: 50%;
  display: block;
  width: 72px;
  height: 100%;
  background: linear-gradient(-115deg, var(--solution-hover-color), var(--solution-primary-color) 80%);
  transform: translateX(-85%) rotate(45deg) skew(20deg, 20deg);
}
.date-time-header.is-big-height .date-time-header__selection-groups:before {
  width: 94px;
  transform: translateX(-90%) rotate(45deg) skew(20deg, 20deg);
}
.date-time-header-picker {
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  padding: 8px 10px;
}
.date-time-header-picker__inner {
  text-align: center;
  cursor: pointer;
}
.date-time-header-picker__date-value {
  width: 110px;
  font-size: 16px;
  height: 28px;
  background-color: var(--date-time-field-bg-color, rgba(255, 255, 255, 0.1));
  border-radius: 5px;
  text-align: center;
  line-height: 28px;
  padding: 0 5px;
}
.date-time-header-picker__placeholder-button {
  color: var(--G-0, #FFFFFF);
  opacity: 0.6;
  font-size: 11px;
  padding: 0 16px;
  height: 22px;
  font-weight: 500;
  line-height: 22px;
}
.date-time-header-picker__placeholder-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  border: 1px dashed var(--G-1, #F3F3F4);
  opacity: 0.3;
}
.date-time-header-picker__title {
  margin-bottom: 4px;
}
.date-time-header-picker__input {
  width: 130px;
  position: relative;
  outline: 2px solid rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 28px;
}
.date-time-header-picker__input input {
  padding-right: 25px;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  height: 26px !important;
  color: var(--G-0, #FFFFFF);
}
.date-time-header-picker__input input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.date-time-header-picker__input-clear {
  color: var(--G-0, #FFFFFF);
  opacity: 0.3;
  height: 26px;
  transition: opacity 150ms ease-out;
}
.date-time-header-picker__input-clear:hover {
  color: var(--G-0, #FFFFFF) !important;
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.date-time-header-picker__time-group {
  margin-top: 3px;
}
.date-time-header-picker.is-empty-date-value .date-time-header-picker__input input {
  padding-right: 10px;
}
.date-input {
  position: relative;
  width: 100%;
  height: 100%;
}
.date-input:hover .date-input__remove {
  opacity: 1;
}
.date-input__input-wrapper {
  height: 100%;
}
.date-input__input-field {
  flex-grow: 1;
  height: 100%;
}
.date-input__input-field.is-error input {
  border-color: #FF5757;
}
.date-input__remove {
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -8px;
  color: var(--G-8, #4d4d4d);
}
.date-input--grid {
  position: absolute;
  top: 0;
  left: 0;
}
.date-input {
  position: relative;
  width: 100%;
  height: 100%;
}
.date-input:hover .date-input__remove {
  opacity: 1;
}
.date-input__input-wrapper {
  height: 100%;
}
.date-input__input-field {
  flex-grow: 1;
  height: 100%;
}
.date-input__input-field.is-error input {
  border-color: #FF5757;
}
.date-input__remove {
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -8px;
  color: var(--G-8, #4d4d4d);
}
.date-input--grid {
  position: absolute;
  top: 0;
  left: 0;
}
.date-input-time-group {
  display: flex;
  padding: 12px 22px;
  border-top: 1px solid var(--G-1-6, #E8E8E8);
}
.date-input-time-group__tooltip {
  width: 100%;
}
.date-input-time-group__button {
  width: 100%;
  height: 35px;
  justify-content: center;
  background-color: var(--G-0-5, #FAFAFA);
  transition: background-color 150ms ease-out;
}
.date-input-time-group__button:hover {
  transition: background-color 200ms ease-in;
  background-color: var(--solution-secondary-color);
}
.date-input-time-group {
  display: flex;
  padding: 12px 22px;
  border-top: 1px solid var(--G-1-6, #E8E8E8);
}
.date-input-time-group__tooltip {
  width: 100%;
}
.date-input-time-group__button {
  width: 100%;
  height: 35px;
  justify-content: center;
  background-color: var(--G-0-5, #FAFAFA);
  transition: background-color 150ms ease-out;
}
.date-input-time-group__button:hover {
  transition: background-color 200ms ease-in;
  background-color: var(--solution-secondary-color);
}
.calendar-footer-group {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0 18px;
  border-top: 1px solid var(--G-1-6, #E8E8E8);
}
.calendar-footer-group__cancel-button, .calendar-footer-group__done-button {
  justify-content: center;
}
.calendar-footer-group__cancel-button {
  margin-right: 18px;
  min-width: 116px;
}
.calendar-footer-group__done-button {
  min-width: 128px;
}
.calendar-time-input-group {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.calendar-time-input-group__list {
  padding: 5px 13px 5px 5px;
}
.calendar-time-input-group__option {
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 5px;
  color: var(--tertiary, #6B6B6B);
  cursor: pointer;
}
.calendar-time-input-group__option:hover {
  background-color: var(--G-1, #F3F3F4);
  color: var(--ic-dark, #2D2D2D);
}
.calendar-time-input-group__scroll {
  max-height: 210px;
}
.calendar-time-input-group__placeholder {
  padding: 0;
}
.calendar-time-input-group__remove {
  margin-left: 30px;
  color: var(--ic-light, #c7cdcf);
}
.calendar-time-input-group__remove:hover {
  color: var(--G-6, #868788);
}
.calendar-time-input-group__footer {
  display: flex;
  gap: 4px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 10px 12px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 0 0 5px 5px;
}
.calendar-time-input-option {
  height: 36px;
  margin-right: 15px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.calendar-time-input-group {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.calendar-time-input-group__list {
  padding: 5px 13px 5px 5px;
}
.calendar-time-input-group__option {
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 5px;
  color: var(--tertiary, #6B6B6B);
  cursor: pointer;
}
.calendar-time-input-group__option:hover {
  background-color: var(--G-1, #F3F3F4);
  color: var(--ic-dark, #2D2D2D);
}
.calendar-time-input-group__scroll {
  max-height: 210px;
}
.calendar-time-input-group__placeholder {
  padding: 0;
}
.calendar-time-input-group__remove {
  margin-left: 30px;
  color: var(--ic-light, #c7cdcf);
}
.calendar-time-input-group__remove:hover {
  color: var(--G-6, #868788);
}
.calendar-time-input-group__footer {
  display: flex;
  gap: 4px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 10px 12px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 0 0 5px 5px;
}
.calendar-time-input-option {
  height: 36px;
  margin-right: 15px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.calendar-default-time-input {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: var(--calendar-time-input-border-color, var(--G-1-5, #E9E9E9));
  width: 260px;
  transition: border-color 150ms ease-out;
  border-radius: 5px;
}
.calendar-default-time-input::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  opacity: 0;
  pointer-events: none;
  border: 3px solid var(--solution-primary-color);
  visibility: hidden;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.calendar-default-time-input:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.calendar-default-time-input__field input {
  cursor: pointer;
  padding: 0 10px;
}
.calendar-default-time-input__field.is-focus input {
  cursor: text;
}
.calendar-default-time-input.is-active {
  border-color: var(--solution-primary-color);
}
.calendar-default-time-input.is-active::after {
  visibility: visible;
  opacity: 0.3;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.calendar-default-time-input--range-view {
  width: 95px;
  margin-right: 0;
  padding: 0;
  border: none;
}
.calendar-default-time-input--range-view .calendar-default-time-input__field input {
  width: 100%;
  padding-left: 10px;
  padding-right: 25px;
  background-color: rgba(0, 0, 0, 0.1);
  color: var(--G-0, #FFFFFF);
  font-size: 11px;
  text-align: center;
}
.calendar-default-time-input--range-view .calendar-default-time-input__field input::placeholder {
  color: var(--G-0, #FFFFFF);
  opacity: 0.3;
}
.calendar-default-time-input--range-view .calendar-default-time-input__remove {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 5px;
  color: var(--G-0, #FFFFFF);
  opacity: 0.3;
  transition: opacity 150ms ease-out;
}
.calendar-default-time-input--range-view .calendar-default-time-input__remove:hover, .calendar-default-time-input--range-view .calendar-default-time-input__remove:focus {
  transition: opacity 200ms ease-in;
  opacity: 1;
}
.calendar-default-time-input {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: var(--calendar-time-input-border-color, var(--G-1-5, #E9E9E9));
  width: 260px;
  transition: border-color 150ms ease-out;
  border-radius: 5px;
}
.calendar-default-time-input::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  opacity: 0;
  pointer-events: none;
  border: 3px solid var(--solution-primary-color);
  visibility: hidden;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.calendar-default-time-input:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.calendar-default-time-input__field input {
  cursor: pointer;
  padding: 0 10px;
}
.calendar-default-time-input__field.is-focus input {
  cursor: text;
}
.calendar-default-time-input.is-active {
  border-color: var(--solution-primary-color);
}
.calendar-default-time-input.is-active::after {
  visibility: visible;
  opacity: 0.3;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.calendar-default-time-input--range-view {
  width: 95px;
  margin-right: 0;
  padding: 0;
  border: none;
}
.calendar-default-time-input--range-view .calendar-default-time-input__field input {
  width: 100%;
  padding-left: 10px;
  padding-right: 25px;
  background-color: rgba(0, 0, 0, 0.1);
  color: var(--G-0, #FFFFFF);
  font-size: 11px;
  text-align: center;
}
.calendar-default-time-input--range-view .calendar-default-time-input__field input::placeholder {
  color: var(--G-0, #FFFFFF);
  opacity: 0.3;
}
.calendar-default-time-input--range-view .calendar-default-time-input__remove {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 5px;
  color: var(--G-0, #FFFFFF);
  opacity: 0.3;
  transition: opacity 150ms ease-out;
}
.calendar-default-time-input--range-view .calendar-default-time-input__remove:hover, .calendar-default-time-input--range-view .calendar-default-time-input__remove:focus {
  transition: opacity 200ms ease-in;
  opacity: 1;
}
.date-input-time-group {
  display: flex;
  padding: 12px 22px;
  border-top: 1px solid var(--G-1-6, #E8E8E8);
}
.date-input-time-group__tooltip {
  width: 100%;
}
.date-input-time-group__button {
  width: 100%;
  height: 35px;
  justify-content: center;
  background-color: var(--G-0-5, #FAFAFA);
  transition: background-color 150ms ease-out;
}
.date-input-time-group__button:hover {
  transition: background-color 200ms ease-in;
  background-color: var(--solution-secondary-color);
}
.date-calendar-dropdown__calendar {
  padding-top: 18px;
  padding-bottom: 25px;
}
.date-calendar-dropdown__calendar .react-datepicker__day--today {
  font-weight: normal;
}
.date-calendar-dropdown-header {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background-color: var(--solution-primary-color);
  border-radius: 5px 5px 0 0;
}
.date-calendar-dropdown-header__day {
  opacity: 0.6;
  color: var(--G-0, #FFFFFF);
}
.date-calendar-dropdown-header__date-text {
  width: 100%;
  font-size: 28px;
  line-height: 34px;
  text-align: center;
  color: var(--G-0, #FFFFFF);
}
.date-calendar-dropdown-header__select-date-text {
  width: 100%;
  text-align: center;
  color: var(--G-0, #FFFFFF);
}
.example {
  height: 500px;
}
.scripting-editor {
  height: 100%;
  width: 100%;
  padding-bottom: 2px;
  padding-right: 2px;
  position: relative;
}
.scripting-editor__errors {
  background-color: #FEECEE;
  position: absolute;
  bottom: 11px;
  left: 50px;
  right: 11px;
  border: 1px solid rgba(255, 87, 87, 0.2);
  padding: 8px 15px;
  border-radius: 5px;
  color: #FF5757;
  opacity: 0;
  pointer-events: none;
}
.scripting-editor__error {
  font-family: monospace;
}
.scripting-editor__errors-title {
  font-size: 13px;
  font-weight: 500;
  display: flex;
  gap: 8px;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  margin-bottom: 9px;
}
.scripting-editor__code {
  width: 100%;
  height: 100%;
}
.scripting-editor__code .cm-editor {
  height: 100%;
}
.scripting-editor__code .cm-editor.cm-focused {
  outline: none;
}
.scripting-editor__code .cm-gutters {
  background-color: var(--G-0-5, #FAFAFA);
  min-width: 38px;
  border-right: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.scripting-editor__code .cm-lineNumbers .cm-gutterElement {
  font-size: 13px;
  color: var(--inactive, #B2B2B3);
  line-height: 25px;
  font-weight: 500;
  padding-left: 10px;
}
.scripting-editor__code .cm-scroller::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scripting-editor__code .cm-scroller::-webkit-scrollbar-track {
  background-color: transparent;
}
.scripting-editor__code .cm-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.scripting-editor__code .cm-scroller::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.scripting-editor__code .cm-line {
  height: 25px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 25px;
  font-size: 13px;
  font-weight: 500;
  color: var(--typo-primary, #2E3538);
}
.scripting-editor__code .cm-scroller > .cm-content {
  padding-top: 10px;
  padding-bottom: var(--editor-errors-height);
}
.scripting-editor__code .cm-gutter.cm-gutter-lint {
  display: none !important;
}
.scripting-editor__wrapper {
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}
.scripting-editor__button {
  background-color: var(--G-0, #FFFFFF);
  position: relative;
  border: none;
  border-radius: 5px;
  font-size: 12px;
  display: flex;
  color: var(--typo-primary, #2E3538);
  font-weight: 500;
  padding: 0 6px 0 5px;
  height: 24px;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  position: absolute;
  top: 5px;
  right: 5px;
}
.scripting-editor__button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  border: 1px solid #FF5757;
  opacity: 0.3;
}
.scripting-editor__button span {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--ic-dark, #2D2D2D);
  display: flex;
  margin-left: 4px;
}
.scripting-editor.is-error-expanded .scripting-editor__wrapper {
  -webkit-line-clamp: none;
}
.scripting-editor.is-error-expanded .scripting-editor__button span {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid var(--ic-dark, #2D2D2D);
  border-top: none;
}
.scripting-editor.has-errors .scripting-editor__errors {
  opacity: 1;
  pointer-events: all;
}
.script-sandbox {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  overflow: hidden;
}
.script-sandbox__left {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  min-width: 450px;
}
.script-sandbox__editor {
  overflow: hidden;
}
.resizable-code-output {
  height: 100%;
  border-left: 1px solid var(--G-1-5, #E9E9E9);
  position: relative;
  min-width: 300px;
  width: 50%;
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 450px);
  align-items: flex-start;
}
.resizable-code-output .embed-custom-html-widget__content {
  width: 100%;
  height: 100%;
}
.resizable-code-output .embed-custom-html-widget__content iframe {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
.resizable-code-output__generating {
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
  margin: 0;
  position: relative;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.test-output-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  height: 48px;
  min-height: 48px;
  background-color: var(--G-0-5, #FAFAFA);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  width: 100%;
}
.test-output-header__title {
  font-size: 13px;
  font-weight: 500;
}
.test-output-header__icon {
  color: var(--solution-primary-color);
}
.test-output-header__button {
  cursor: pointer;
  height: 28px;
  padding-left: 10px;
  padding-right: 15px;
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  font-size: 11px;
  font-weight: 600;
  color: var(--typo-primary, #2E3538);
  transition: border-color 150ms ease-out;
}
.test-output-header__button:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.test-output-header__button:hover .test-output-header__icon {
  color: var(--solution-hover-color);
}
.test-output-header.is-disabled .test-output-header__button {
  background-color: var(--G-1, #F3F3F4);
  border-color: var(--G-1-5, #E9E9E9);
  color: var(--typo-secondary, #878B92);
  pointer-events: none;
}
.test-output-header.is-disabled .test-output-header__button .test-output-header__icon {
  color: var(--G-4, #B2B2B3);
}
.resizable-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}
.resizable-line:before {
  opacity: 0;
  background-color: var(--solution-primary-color);
}
.resizable-line:hover:before {
  opacity: 1;
}
.resizable-line:hover .resizable-line__pin {
  opacity: 1;
}
.resizable-line__pin {
  opacity: 0;
  position: absolute;
  background-color: var(--solution-primary-color);
}
.resizable-line.is-vertical {
  left: -1px;
  width: 10px;
}
.resizable-line.is-vertical:before {
  content: "";
  position: absolute;
  width: 3px;
  top: 0;
  bottom: 0;
}
.resizable-line.is-vertical .resizable-line__pin {
  cursor: col-resize;
  width: 8px;
  left: -2px;
  height: 40px;
  border-radius: 4px;
}
.resizable-line.is-horizontal {
  top: -1px;
  height: 10px;
  bottom: auto;
  right: 0;
}
.resizable-line.is-horizontal:before {
  content: "";
  position: absolute;
  height: 3px;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
}
.resizable-line.is-horizontal .resizable-line__pin {
  cursor: row-resize;
  height: 8px;
  top: -2px;
  width: 40px;
  border-radius: 4px;
}
.resizable-line.is-resizing .resizable-line__pin, .resizable-line.is-resizing:before {
  opacity: 1;
}
.help-articles {
  position: relative;
  min-height: 38px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  height: 240px;
}
.help-articles__header {
  height: 38px;
  background-color: var(--G-0-5, #FAFAFA);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 500;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  cursor: pointer;
}
.help-articles__iframe {
  height: calc(100% - 38px);
}
.help-articles:not(.is-collapsed) {
  min-height: 130px;
}
.help-articles.is-collapsed .help-articles__arrow {
  transform: rotate(180deg);
}
body {
  color: var(--typo-primary, #2E3538);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
* {
  box-sizing: border-box;
}
.ui-calendar .svg-icon-container {
  display: none;
}
.ui-calendar--focus div.ui-datepicker-field--icon .svg-icon-container ss-ui-svg-icon {
  color: var(--solution-highlight-color);
}
input.ui-datepicker-field {
  width: 100%;
  height: 30px;
  padding: 0 10px;
  cursor: pointer;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  font-size: 13px;
  line-height: 31px;
  font-family: inherit;
  letter-spacing: -0.21px;
  white-space: nowrap;
  color: var(--typo-secondary, #878B92);
}
input.ui-datepicker-field[readonly] {
  z-index: 2;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
input.ui-datepicker-field[readonly] + div.ui-datepicker-field {
  display: block;
}
input.ui-datepicker-field:disabled {
  opacity: 1;
  color: var(--typo-secondary, #878B92);
}
div.ui-datepicker-field {
  overflow: hidden;
  display: none;
  width: auto;
  min-width: 109px;
  height: 30px;
  padding: 0 10px;
  background-color: var(--G-0, #FFFFFF);
  font-style: italic;
  font-size: 13px;
  line-height: 31px;
  font-family: inherit;
  letter-spacing: -0.21px;
  white-space: nowrap;
  color: var(--typo-secondary, #878B92);
  text-overflow: ellipsis;
  border-radius: 5px;
  cursor: pointer;
}
div.ui-datepicker-field--icon {
  position: relative;
  padding-right: 30px;
}
div.ui-datepicker-field--icon .svg-icon-container {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: 30px;
  height: 31px;
}
div.ui-datepicker-field--icon .svg-icon-container ss-ui-svg-icon {
  margin: auto auto;
  color: var(--solution-primary-color);
}
.ui-inputwrapper-filled div.ui-datepicker-field {
  font-style: normal;
  color: var(--typo-primary, #2E3538);
}
input.ui-datepicker-field--title,
div.ui-datepicker-field--title {
  background-color: transparent;
  font-size: 22px;
  line-height: 30px;
  color: var(--typo-primary, #2E3538);
  font-weight: 500;
  font-style: normal;
}
input.ui-datepicker-field--record {
  background-color: transparent;
  width: 100%;
  color: var(--typo-primary, #2E3538);
}
input.ui-datepicker-field--record::placeholder {
  font-style: normal;
}
div.ui-datepicker-field--record {
  background-color: transparent;
  font-style: normal;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary {
  right: -2px;
  margin-left: -2px !important;
  min-width: 276px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-calendar thead th {
  height: 29px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-calendar thead th span {
  color: var(--typo-primary, #2E3538);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-buttonbar {
  margin: 0 16px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-group {
  max-width: 261px;
  margin: 0 auto;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-calendar tbody tr td {
  min-width: 25px;
  max-width: 25px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-calendar tbody tr td a {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-calendar tbody tr td a.ui-state-highlight {
  border-color: var(--solution-primary-color);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-calendar tbody tr td:not(:last-child) {
  padding-bottom: 4px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-calendar tbody tr td:not(:last-child).ui-datepicker-current-day .ui-state-active {
  width: 30px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-calendar tbody tr td:not(.ui-datepicker-other-month).ui-datepicker-current-day .ui-state-active {
  background-color: var(--solution-primary-color);
  font-weight: 400;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-calendar tbody tr td:not(.ui-datepicker-current-day) a:hover {
  border-color: var(--solution-primary-color) !important;
  font-weight: 400;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-group .ui-datepicker-header {
  padding-top: 12px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next {
  top: 9px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next-icon, .ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev-icon {
  color: var(--ic-light, #c7cdcf);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-dropdown-label span {
  font-weight: 400;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-dropdown .ui-dropdown-trigger span {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--ic-dark, #2D2D2D);
  margin-top: -3px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-buttonbar .ui-g {
  justify-content: center;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-buttonbar .ui-g .ui-g-6:last-child {
  text-align: center;
  justify-content: center;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary .ui-datepicker-buttonbar .ui-g .ui-g-6 + .ui-g-6 {
  justify-content: flex-end;
}
input.ui-datepicker-field--secondary,
input.ui-datepicker-field--inline {
  color: var(--readability, #111);
}
input.ui-datepicker-field--secondary::placeholder,
input.ui-datepicker-field--inline::placeholder {
  color: var(--typo-secondary, #878B92);
}
input.ui-datepicker-field--inline {
  font-size: 14px;
}
.ui-calendar {
  display: block !important;
}
.ui-datepicker-dropdown:not(.ui-datepicker-dropdown--inline):not(.ui-datepicker-dropdown--secondary).ui-position-top {
  margin: 0;
  border-top: 1px solid var(--G-2, #DEDEDE);
  border-radius: 5px 5px 0 0;
}
.ui-datepicker-dropdown:not(.ui-datepicker-dropdown--inline):not(.ui-datepicker-dropdown--secondary).ui-position-top .ui-datepicker-line {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 4px;
  background-color: var(--solution-primary-color);
}
.ui-datepicker-dropdown:not(.ui-datepicker-dropdown--inline):not(.ui-datepicker-dropdown--secondary).ui-position-top .ui-datepicker-arrow {
  position: absolute;
  bottom: -12px;
  left: 24px;
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: var(--solution-primary-color);
}
.ui-datepicker-dropdown:not(.ui-datepicker-dropdown--inline):not(.ui-datepicker-dropdown--secondary).ui-position-bottom {
  margin: 0;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  border-radius: 0 0 5px 5px;
}
.ui-datepicker-dropdown:not(.ui-datepicker-dropdown--inline):not(.ui-datepicker-dropdown--secondary).ui-position-bottom .ui-datepicker-line {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 4px;
  background-color: var(--solution-primary-color);
}
.ui-datepicker-dropdown:not(.ui-datepicker-dropdown--inline):not(.ui-datepicker-dropdown--secondary).ui-position-bottom .ui-datepicker-arrow {
  position: absolute;
  top: -12px;
  left: 24px;
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: var(--solution-primary-color);
}
.ui-datepicker-dropdown {
  position: relative;
  border-right: 1px solid var(--G-2, #DEDEDE);
  border-left: 1px solid var(--G-2, #DEDEDE);
  padding: 0 !important;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--G-0, #FFFFFF);
}
.ui-datepicker-dropdown--year-arrow .ui-datepicker-year-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  margin-top: -8px;
  transform: scaleY(-1);
}
.ui-datepicker-dropdown--year-arrow .ui-datepicker-year-dropdown .ui-dropdown-trigger-icon {
  margin-top: -2px;
  border: 5px solid transparent;
  border-top-color: var(--ic-dark, #2D2D2D);
}
.ui-datepicker-dropdown--center-buttons.ui-datepicker .ui-datepicker-buttonbar > .ui-g > div:last-child {
  width: 100%;
  justify-content: center;
  text-align: center;
}
.ui-datepicker-dropdown.ui-datepicker-multiple-month .ui-today-button {
  display: none;
}
.ui-datepicker-dropdown.ui-datepicker-multiple-month .ui-today-button + .ui-datepicker-tip {
  display: block;
}
.ui-datepicker-dropdown .ui-datepicker-group + .ui-datepicker-group {
  border-left: 1px solid var(--G-1-6, #E8E8E8);
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker > div {
  padding: 0 0 10px 0;
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker > div a {
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25px;
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker > div a:last-child {
  margin: 0;
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker .pi-chevron-up {
  display: block;
  width: 100%;
  height: 25px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12.85 7.54c.2-.2.2-.5 0-.69l-.72-.68a.52.52 0 0 0-.71 0l-3.4 3.3-3.44-3.33a.52.52 0 0 0-.72 0l-.71.68c-.2.2-.2.5 0 .69l4.5 4.35c.2.19.53.19.72 0l4.48-4.32z' id='a'/%3E%3C/defs%3E%3Cuse fill='%2300A6ED' fill-rule='nonzero' xlink:href='%23a' transform='translate(-3 -6)'/%3E%3C/svg%3E%0A");
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker .pi-chevron-up:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12.85 7.54c.2-.2.2-.5 0-.69l-.72-.68a.52.52 0 0 0-.71 0l-3.4 3.3-3.44-3.33a.52.52 0 0 0-.72 0l-.71.68c-.2.2-.2.5 0 .69l4.5 4.35c.2.19.53.19.72 0l4.48-4.32z' id='a'/%3E%3C/defs%3E%3Cuse fill='%23FF6F2C' fill-rule='nonzero' xlink:href='%23a' transform='translate(-3 -6)'/%3E%3C/svg%3E%0A");
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker .pi-chevron-down {
  display: block;
  width: 100%;
  height: 25px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12.85 7.54c.2-.2.2-.5 0-.69l-.72-.68a.52.52 0 0 0-.71 0l-3.4 3.3-3.44-3.33a.52.52 0 0 0-.72 0l-.71.68c-.2.2-.2.5 0 .69l4.5 4.35c.2.19.53.19.72 0l4.48-4.32z' id='a'/%3E%3C/defs%3E%3Cuse fill='%2300A6ED' fill-rule='nonzero' xlink:href='%23a' transform='translate(-3 -6)'/%3E%3C/svg%3E%0A");
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker .pi-chevron-down:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12.85 7.54c.2-.2.2-.5 0-.69l-.72-.68a.52.52 0 0 0-.71 0l-3.4 3.3-3.44-3.33a.52.52 0 0 0-.72 0l-.71.68c-.2.2-.2.5 0 .69l4.5 4.35c.2.19.53.19.72 0l4.48-4.32z' id='a'/%3E%3C/defs%3E%3Cuse fill='%23FF6F2C' fill-rule='nonzero' xlink:href='%23a' transform='translate(-3 -6)'/%3E%3C/svg%3E%0A");
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker .ui-hour-picker {
  display: block;
  margin: 0;
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker .ui-separator {
  margin: 0 5px;
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker .ui-minute-picker {
  margin: 0;
}
.ui-datepicker-dropdown .ui-datepicker-group {
  padding: 0 13px;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0 15px 0;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev {
  top: 20px;
  left: -8px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev-icon {
  width: 15px;
  height: 16px;
  color: var(--solution-primary-color);
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev:hover {
  background-color: transparent;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev:hover .ui-datepicker-prev-icon {
  color: var(--solution-highlight-color);
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  line-height: 100%;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year-dropdown {
  display: inline-flex;
  margin: 0 1px;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  font-weight: 600;
  font-size: 13px;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  font-size: 13px;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month-dropdown {
  margin: 0;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns {
  display: flex;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-dropdown-open .ui-dropdown-label {
  background-color: var(--G-1, #F3F3F4);
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-shadow {
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.12);
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-dropdown-trigger-icon {
  z-index: 2001;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-dropdown-label {
  z-index: 2000;
  position: relative;
  display: flex;
  align-items: center;
  height: 24px;
  padding: 0 21px 0 5px;
  border-radius: 5px;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-dropdown-label span {
  font-size: 13px;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-dropdown .ui-dropdown-trigger {
  width: 24px;
  padding: 0;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  right: 5px;
  margin-left: -3px;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next {
  top: 20px;
  right: -8px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next-icon {
  width: 15px;
  height: 16px;
  color: var(--solution-primary-color);
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next:hover {
  background-color: transparent;
}
.ui-datepicker-dropdown .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next:hover .ui-datepicker-next-icon {
  color: var(--solution-highlight-color);
}
.ui-datepicker-dropdown .ui-datepicker-calendar {
  margin: 0;
  font-size: 13px !important;
}
.ui-datepicker-dropdown .ui-datepicker-calendar thead th {
  height: 30px;
  padding: 0 !important;
}
.ui-datepicker-dropdown .ui-datepicker-calendar thead th span {
  font-weight: normal;
  color: var(--typo-secondary, #878B92);
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr:not(:last-child) td {
  padding-bottom: 5px;
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td {
  min-width: 46px;
  max-width: 46px;
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td span.ui-state-disabled {
  opacity: 1;
  filter: none;
  display: none !important;
  color: var(--G-4, #B2B2B3);
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 41px;
  height: 41px;
  border: 1px solid transparent !important;
  padding: 0 !important;
  background-color: transparent;
  border-radius: 50%;
  color: var(--typo-primary, #2E3538);
  cursor: pointer;
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td a.ui-state-highlight {
  border-color: var(--solution-primary-color) !important;
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td:not(.ui-datepicker-current-day) a:hover {
  border-color: var(--G-2, #DEDEDE);
  background-color: transparent;
  font-weight: 600;
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td:not(.ui-datepicker-other-month).ui-datepicker-current-day .ui-state-active {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td:not(:last-child).ui-datepicker-current-day .ui-state-active {
  width: 41px;
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day.ui-datepicker-first-current-day .ui-state-active {
  position: relative;
  width: 41px;
  border: 1px solid var(--G-0, #FFFFFF);
  padding-right: 0;
  border-radius: 50%;
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day.ui-datepicker-first-current-day .ui-state-active:after {
  content: " ";
  z-index: -1;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: 20px;
  display: block;
  width: 25px;
  background-color: var(--solution-primary-color);
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day.ui-datepicker-last-current-day .ui-state-active {
  position: relative;
  width: 41px;
  border: 1px solid var(--G-0, #FFFFFF);
  padding-right: 0;
  border-radius: 50%;
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day.ui-datepicker-last-current-day .ui-state-active:after {
  content: " ";
  z-index: -1;
  position: absolute;
  top: -1px;
  right: 15px;
  bottom: -1px;
  display: block;
  width: 25px;
  background-color: var(--solution-primary-color);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day:last-child.ui-datepicker-first-current-day .ui-state-active:after {
  width: 20px;
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td.ui-datepicker-range-day.ui-datepicker-current-day .ui-state-active {
  position: relative;
  width: 46px;
  border-radius: 0;
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.ui-datepicker-dropdown .ui-datepicker-calendar tbody tr td.ui-datepicker-range-day.ui-datepicker-current-day .ui-state-active:before {
  content: "";
  position: absolute;
  left: -6px;
  top: 0px;
  z-index: -1;
  display: block;
  width: 6px;
  height: 100%;
  background-color: var(--solution-primary-color);
}
.ui-datepicker-dropdown .ui-timepicker-group {
  padding: 10px 0 0 0;
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker-addtime {
  margin: 0 13px;
  border-top-color: var(--G-1-6, #E8E8E8);
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker-addtime label {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker-addtime label input {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker-addtime label span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 39px;
  font-weight: 600;
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker-addtime label span:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 28px;
  height: 10px;
  border: 1px solid #dd1c1a;
  border-radius: 5px;
  background-color: #f8d1d1;
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker-addtime label span:after {
  content: " ";
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #dd1c1a;
  transition: all 200ms ease-in-out;
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker-addtime label input:checked + span:before {
  border-color: #5aa675;
  background-color: #eaf4ee;
}
.ui-datepicker-dropdown .ui-timepicker-group .ui-timepicker-addtime label input:checked + span:after {
  background-color: #5aa675;
  transform: translateX(17px);
}
.ui-datepicker-dropdown .ui-today-button + .ui-datepicker-tip {
  display: none;
}
.ui-datepicker-dropdown .ui-datepicker-tip {
  text-align: center;
  font-size: 13px;
  line-height: 15px;
  font-family: inherit;
}
.ui-datepicker-dropdown .ui-datepicker-buttonbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 46px;
  margin: 0 13px;
  border-top: 1px solid var(--G-1-6, #E8E8E8);
  padding: 0;
}
.ui-datepicker-dropdown .ui-datepicker-buttonbar .ui-clear-button {
  padding: 0 0 0 25px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon fill='%23c7cdcf' points='12.091 2.777 8 6.868 3.909 2.777 2.777 3.909 6.868 8 2.777 12.091 3.909 13.223 8 9.132 12.091 13.223 13.223 12.091 9.132 8 13.223 3.909'%3E%3C/polygon%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  font-weight: 600;
  font-size: 12px;
  color: var(--typo-primary, #2E3538);
}
.ui-datepicker-dropdown .ui-datepicker-buttonbar .ui-clear-button span {
  padding: 0;
}
.ui-datepicker-dropdown .ui-datepicker-buttonbar .ui-apply-button {
  height: 32px;
  padding: 0 15px;
  border-radius: 5px;
  background-color: var(--solution-primary-color);
  color: #ffffff;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
}
.ui-datepicker-dropdown .ui-datepicker-buttonbar .ui-apply-button:hover {
  background-color: var(--active);
}
.ui-datepicker-dropdown .ui-datepicker-buttonbar .ui-apply-button span {
  padding: 0;
}
.ui-datepicker-dropdown .ui-datepicker-buttonbar .ui-today-button {
  background-color: transparent;
}
.ui-datepicker-dropdown .ui-datepicker-buttonbar .ui-today-button span {
  padding: 0;
  font-weight: 600;
  font-size: 12px;
  color: var(--solution-primary-color);
}
.ui-datepicker-dropdown .ui-datepicker-buttonbar .ui-today-button:hover span {
  color: var(--solution-hover-color);
}
.ui-datepicker-dropdown .ui-datepicker-buttonbar .ui-g {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.ui-datepicker-dropdown .ui-datepicker-buttonbar .ui-g-6 {
  display: flex;
}
.ui-datepicker-dropdown .ui-datepicker-buttonbar .ui-g-6:last-child {
  justify-content: flex-end;
}
.ui-datepicker-year-dropdown .ui-dropdown-panel {
  overflow: hidden;
  min-width: calc(100% + 2px);
  border: 1px solid var(--G-2, #DEDEDE);
  border-top: none;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.066);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
}
.ui-datepicker-year-dropdown .ui-dropdown-panel:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  left: -1px;
  width: calc(100% + 2px);
  height: 26px;
  border: 1px solid var(--G-2, #DEDEDE);
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.ui-datepicker-year-dropdown .ui-dropdown-panel .ui-dropdown-filter {
  padding-right: 0;
}
.ui-datepicker-year-dropdown .ui-dropdown-panel .ui-dropdown-items-wrapper {
  height: 100%;
}
.ui-datepicker-year-dropdown .ui-dropdown-panel .ui-dropdown-list {
  padding: 12px 0 0 0;
}
.ui-datepicker-year-dropdown .ui-dropdown-panel .ui-dropdown-list {
  padding: 5px 9px 5px 5px;
}
.ui-datepicker-year-dropdown .ui-dropdown-panel .ui-dropdown-option {
  display: flex;
  align-items: center;
  height: 28px;
  margin: 0;
  padding: 0 11px 0 5px;
  border-radius: 5px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--tertiary, #6B6B6B);
}
.ui-datepicker-year-dropdown .ui-dropdown-panel .ui-dropdown-option:hover {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
}
.ui-datepicker-year-dropdown .ui-dropdown-panel .ui-dropdown-option .paragraph {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111111;
}
.ui-datepicker-year-dropdown .ui-dropdown-panel .ui-dropdown-option .typo-hover:hover {
  color: #111111;
}
.ui-datepicker-year-dropdown .ui-dropdown-label {
  padding-right: 18px !important;
}
.ui-datepicker-dropdown--secondary {
  border: 1px solid var(--G-2, #DEDEDE);
}
.ui-datepicker-dropdown--secondary.ui-position-top, .ui-datepicker-dropdown--secondary.ui-position-bottom {
  border-radius: 5px;
}
.ui-datepicker-dropdown--secondary.ui-position-top .ui-datepicker-arrow, .ui-datepicker-dropdown--secondary.ui-position-top .ui-datepicker-line, .ui-datepicker-dropdown--secondary.ui-position-bottom .ui-datepicker-arrow, .ui-datepicker-dropdown--secondary.ui-position-bottom .ui-datepicker-line {
  display: none;
}
.ui-datepicker-dropdown--secondary .ui-datepicker-line {
  display: none;
}
.ui-datepicker-dropdown--secondary.ui-datepicker-current-day.ui-datepicker-first-current-day .ui-state-active {
  width: 30px;
}
.ui-datepicker-dropdown--secondary.ui-datepicker-current-day.ui-datepicker-first-current-day .ui-state-active:after {
  left: 15px;
}
.ui-datepicker-dropdown--secondary.ui-datepicker-current-day.ui-datepicker-last-current-day .ui-state-active {
  position: relative;
  width: 30px;
}
.ui-datepicker-dropdown--secondary.ui-datepicker-current-day.ui-datepicker-last-current-day .ui-state-active:after {
  right: 10px;
}
.ui-datepicker-dropdown--no-arrow {
  border-top: 1px solid #DFDFDF;
}
.ui-datepicker-dropdown--no-arrow.ui-position-top, .ui-datepicker-dropdown--no-arrow.ui-position-bottom {
  border-radius: 5px;
}
.ui-datepicker-dropdown--no-arrow.ui-position-top .ui-datepicker-arrow, .ui-datepicker-dropdown--no-arrow.ui-position-top .ui-datepicker-line, .ui-datepicker-dropdown--no-arrow.ui-position-bottom .ui-datepicker-arrow, .ui-datepicker-dropdown--no-arrow.ui-position-bottom .ui-datepicker-line {
  display: none;
}
.ui-datepicker-dropdown--no-arrow.ui-position-bottom {
  margin-top: 2px;
}
.ui-datepicker-dropdown--no-arrow.ui-position-top {
  margin-bottom: 2px;
}
.ui-datepicker-dropdown--small .ui-datepicker-group {
  padding-right: 25px;
}
.ui-datepicker-dropdown--small .ui-datepicker-group .ui-datepicker-header {
  padding: 15px 0;
}
.ui-datepicker-dropdown--small .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-dropdown--small .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next {
  top: 9px;
}
.ui-datepicker-dropdown--small .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-dropdown-label::before {
  content: "";
  position: absolute;
  right: 4px;
  top: 9px;
  border: 6px solid transparent;
  border-top: 6px solid var(--ic-dark, #2D2D2D);
}
.ui-datepicker-dropdown--small .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-dropdown-open .ui-dropdown-label::before {
  top: 3px;
  transform: rotate(180deg);
  border-top-color: var(--solution-primary-color);
}
.ui-datepicker-dropdown--small .ui-datepicker-calendar {
  margin-bottom: 6px;
}
.ui-datepicker-dropdown--small .ui-datepicker-calendar thead th {
  position: relative;
}
.ui-datepicker-dropdown--small .ui-datepicker-calendar thead th span {
  color: var(--typo-primary, #2E3538);
  display: block;
  visibility: hidden;
  font-size: 0;
}
.ui-datepicker-dropdown--small .ui-datepicker-calendar thead th span::first-letter {
  visibility: visible;
  font-size: 13px;
}
.ui-datepicker-dropdown--small .ui-datepicker-calendar tbody tr td {
  min-width: 34px;
  max-width: 34px;
}
.ui-datepicker-dropdown--small .ui-datepicker-calendar tbody tr td:not(:last-child).ui-datepicker-current-day .ui-state-active {
  width: 30px;
}
.ui-datepicker-dropdown--small .ui-datepicker-calendar tbody tr td a {
  width: 30px;
  height: 30px;
}
.ui-datepicker-dropdown--small .ui-datepicker-calendar tbody tr:not(:last-child) td {
  padding-bottom: 4px;
}
.ui-datepicker-dropdown--small .ui-datepicker-buttonbar {
  margin-left: 10px;
  margin-right: 16px;
}
.ui-datepicker-dropdown--small .ui-datepicker-buttonbar .ui-g .ui-g-6:last-child {
  width: 100%;
  justify-content: center;
}
.ui-datepicker-dropdown--gray-nav-btns .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next-icon, .ui-datepicker-dropdown--gray-nav-btns .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev-icon {
  color: var(--ic-light, #c7cdcf);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--inline .ui-datepicker-arrow {
  position: absolute;
  width: 9.34px;
  height: 9.34px;
  left: 50%;
  display: block;
  transform: translateX(-50%) rotate(45deg);
  border: 1px solid var(--G-2, #DEDEDE);
  background-color: var(--G-0, #FFFFFF);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--inline.ui-position-bottom {
  margin-top: 9px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--inline.ui-position-bottom .ui-datepicker-arrow {
  top: -5px;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--inline.ui-position-top {
  margin-bottom: 9px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--inline.ui-position-top .ui-datepicker-arrow {
  bottom: -5px;
  border-left-color: transparent;
  border-top-color: transparent;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-dropdown.ui-dropdown-open .ui-dropdown-trigger span {
  margin-top: -8px;
}
ss-position-content.flip-vertical .ui-datepicker.ui-datepicker-dropdown--range-field .ui-datepicker-arrow {
  top: initial;
  bottom: -5px;
  background-color: var(--G-0, #FFFFFF);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--shift-left {
  left: -100px !important;
  max-width: 276px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field {
  width: 346px;
  border: none;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-head {
  padding: 11px 0 10px;
  background-color: var(--solution-primary-color);
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-arrow {
  left: 50% !important;
  position: absolute;
  top: -5px;
  display: block;
  width: 9.34px;
  height: 9.34px;
  transform: translateX(-50%) rotate(45deg);
  background-color: var(--solution-primary-color);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-actions {
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--G-1-6, #E8E8E8);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-actions ss-ui-button {
  flex-shrink: 0;
  min-width: 148px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns span.ui-datepicker-month-item {
  font-weight: 600;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-dropdowns .ui-dropdown-label {
  padding: 0 7px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-range-fields {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 76px;
  background-color: var(--solution-primary-color);
  overflow: hidden;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-range-fields:before {
  content: "";
  z-index: 1;
  opacity: 0.3;
  position: absolute;
  left: 50%;
  display: block;
  width: 76px;
  height: 100%;
  background: linear-gradient(-115deg, var(--solution-hover-color), var(--solution-primary-color) 80%);
  transform: translateX(-85%) rotate(45deg) skew(20deg, 20deg);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-range-field {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  padding: 13px 10px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-range-field__title {
  margin-bottom: 3px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-range-field .date-range-day-selection {
  max-width: 100%;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-range-field .date-range-day-selection > div {
  max-width: 100%;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day .ui-state-active {
  width: 30px;
  color: var(--G-0, #FFFFFF);
  background-color: var(--solution-primary-color);
  font-weight: 600;
  border: 2px solid var(--G-0, #FFFFFF);
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.12);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day.ui-datepicker-first-current-day .ui-state-active {
  border: 1px solid var(--G-0, #FFFFFF);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day.ui-datepicker-first-current-day .ui-state-active:after {
  left: 10px;
  width: 20px;
  background-color: var(--solution-secondary-color);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day.ui-datepicker-last-current-day .ui-state-active:after {
  top: -1px;
  bottom: -1px;
  background-color: var(--solution-secondary-color);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day.ui-datepicker-last-current-day:first-child .ui-state-active:after {
  width: 14px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day:last-child.ui-datepicker-first-current-day .ui-state-active:after {
  width: 10px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day.ui-datepicker-range-day .ui-state-active {
  background-color: var(--solution-secondary-color);
  color: var(--typo-primary, #2E3538);
  font-weight: 400;
  border: 0 !important;
  box-shadow: none;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day.ui-datepicker-range-day .ui-state-active:before {
  background-color: var(--solution-secondary-color);
  top: 0;
  bottom: 0;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day.ui-datepicker-range-day:first-child .ui-state-active::before {
  left: -2px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-calendar tbody tr:last-child td.ui-datepicker-range-day.ui-datepicker-current-day:not(.ui-datepicker-other-month) .ui-state-active::after {
  content: "";
  z-index: -2;
  position: absolute;
  right: -1px;
  display: block;
  width: 21px;
  height: 21px;
  background-color: var(--solution-secondary-color);
  transform: translateX(46%) rotate(45deg);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-calendar tbody tr:last-child td.ui-datepicker-current-day.ui-datepicker-first-current-day .ui-state-active:after {
  width: 17px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--range-field .ui-datepicker-calendar tbody tr:last-child td.ui-datepicker-current-day.ui-datepicker-first-current-day .ui-state-active::before {
  content: "";
  z-index: -2;
  position: absolute;
  right: 0px;
  display: block;
  width: 21px;
  height: 21px;
  background-color: var(--solution-secondary-color);
  transform: translateX(46%) rotate(45deg);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .ui-datepicker-head {
  padding: 20px 0;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .ui-datepicker-head .paragraph {
  opacity: 0.6;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .date-range-day-selection {
  width: max-content;
  margin: 0 auto;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .date-range-day-selection .title {
  font-size: 28px;
  line-height: 1.2;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time {
  padding: 12px 22px;
  border-top: 1px solid var(--G-1-6, #E8E8E8);
  position: relative;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time ss-ui-popover {
  width: 100%;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time ss-ui-popover .popover__wrapper {
  width: 100%;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time__open-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 35px;
  margin: 0 auto;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  transition: background-color 100ms ease-in;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time__open-button:hover {
  background-color: var(--solution-secondary-color);
  transition: background-color 200ms ease-out;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time__close-button {
  color: var(--ic-light, #c7cdcf);
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time__hint {
  position: absolute;
  height: 100%;
  width: 16px;
  top: 0;
  right: 34px;
  display: flex;
  align-items: center;
  padding-top: 3px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time__dropdown-wrapper {
  padding-right: 36px;
  position: relative;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time__dropdown-wrapper .expanding-dropdown--default, .ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time__dropdown-wrapper .ui-dropdown--default.ui-dropdown {
  height: 35px;
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time__dropdown-wrapper .expanding-dropdown--default::before, .ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time__dropdown-wrapper .ui-dropdown--default.ui-dropdown::before {
  opacity: 1;
  border: 1px solid var(--G-1-6, #E8E8E8);
}
.ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time__dropdown-wrapper .expanding-dropdown--default .ui-dropdown-label, .ui-datepicker-dropdown.ui-datepicker-dropdown--secondary.ui-datepicker-dropdown--date-field .add-time__dropdown-wrapper .ui-dropdown--default.ui-dropdown .ui-dropdown-label {
  height: 35px;
  padding-top: 0;
  padding-left: 10px;
}
.ui-dropdown--add-time.ui-dropdown--default .ui-dropdown-panel {
  max-width: 130px;
}
.ui-datepicker-month-dropdown .ui-dropdown-items-wrapper {
  padding-right: 10px;
}
.ui-datepicker-month-dropdown .ui-dropdown-item {
  font-size: 15px;
}
.ui-datepicker-month-dropdown .ui-dropdown-option {
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 13px;
  height: 28px;
  display: flex;
  font-weight: 500;
  align-items: center;
  background-color: transparent;
  color: var(--tertiary, #6B6B6B);
  transition: color 200ms ease-in-out, background 200ms ease-in-out;
}
.ui-datepicker-month-dropdown .ui-dropdown-option:hover {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
}
.ui-datepicker-month-dropdown .ui-dropdown-trigger {
  display: none;
}
.ui-datepicker-month-dropdown .ui-dropdown-panel {
  position: relative;
  min-width: 120px;
  box-shadow: 0 4px 10px rgba(128, 128, 128, 0.25);
  border-radius: 5px;
  border: 1px solid var(--G-2, #DEDEDE);
  background-color: var(--G-0, #FFFFFF);
}
.ui-datepicker-month-dropdown .ui-dropdown-panel ss-custom-scrollbar .custom-scrollbar__scroll-overlay {
  top: 10px;
  bottom: 10px;
}
.ui-datepicker-dropdown--simple {
  border: none;
  box-shadow: -1px 4px 8px rgba(128, 128, 128, 0.5);
}
.ui-datepicker-dropdown--simple:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  border-radius: 5px 5px 0 0;
  background-color: var(--G-0, #FFFFFF);
  height: 25px;
  z-index: -1;
}
.ui-datepicker-dropdown--simple.ui-position-bottom .ui-datepicker-arrow {
  display: block;
  width: 9.34px;
  position: absolute;
  top: -5px;
  height: 9.34px;
  transform: rotate(45deg);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 1px;
  box-shadow: 4px 4px 10px rgba(128, 128, 128, 0.5);
  z-index: -2;
}
.ui-dropdown--simple.ui-dropdown.ui-dropdown--activity-history {
  height: 34px;
}
.ui-dropdown--simple.ui-dropdown.ui-dropdown--activity-history .ui-dropdown-label, .ui-dropdown--simple.ui-dropdown.ui-dropdown--activity-history .ui-dropdown-trigger {
  height: 34px;
}
.ui-dropdown--activity-history.ui-dropdown--simple .ui-dropdown-panel {
  padding-top: 35px;
  background: transparent;
}
.ui-dropdown--activity-history.ui-dropdown--simple .ui-dropdown-panel .ui-dropdown-items-wrapper {
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown-resize {
  display: block;
  height: 6px;
}
.ui-dropdown-resize ss-ui-svg-icon {
  position: absolute;
  right: 0;
  bottom: 0;
}
.ui-dropdown--record-select.ui-dropdown--linked-record.ui-dropdown .ui-dropdown-label {
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown--record-select.ui-dropdown--linked-record.ui-dropdown .ui-dropdown-label.ui-placeholder {
  line-height: 35px;
  font-style: normal;
}
.ui-dropdown--record-select.ui-dropdown--linked-record .ui-dropdown-panel .ui-dropdown-item-group .optgroup {
  color: var(--typo-secondary, #878B92);
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
}
.ui-dropdown--record-select.ui-dropdown--linked-record .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--record-select.ui-dropdown--linked-record .ui-dropdown-panel .ui-dropdown-item .ui-dropdown-option {
  padding-left: 35px;
  color: var(--tertiary, #6B6B6B);
}
.ui-dropdown--record-select.ui-dropdown--linked-record .ui-dropdown-panel .ui-dropdown-item .ui-dropdown-option:hover {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--record-select.ui-dropdown--linked-record .ui-dropdown-panel .ui-dropdown-item .ui-dropdown-option::before {
  right: auto;
  left: 15px;
}
.ui-dropdown.ui-dropdown--default.ui-dropdown--linked-record .ui-dropdown-label {
  height: 35px;
}
.expanding-dropdown--disabled .ui-dropdown--record-select.ui-dropdown--linked-record.ui-dropdown .ui-dropdown-label {
  background-color: var(--G-1, #F3F3F4);
}
.expanding-dropdown--disabled .ui-dropdown--record-select.ui-dropdown--linked-record.ui-dropdown .ui-dropdown-trigger {
  display: none;
}
.ui-datepicker.ui-datepicker-inline {
  position: relative;
  display: table;
  padding: 0;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group + .ui-datepicker-group .ui-datepicker-calendar-container {
  border-left: 1px solid var(--G-1-6, #E8E8E8);
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 23px 0 5px 0;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev {
  top: 16px;
  left: -8px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev-icon {
  width: 15px;
  height: 16px;
  color: var(--link);
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev:hover {
  background-color: transparent;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev:hover .ui-datepicker-prev-icon {
  color: var(--active);
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  line-height: 100%;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year-dropdown {
  display: inline-flex;
  margin: 0 1px;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  margin: 0 3px;
  font-weight: 600;
  font-size: 13px;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  font-size: 13px;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next {
  top: 16px;
  right: -8px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next-icon {
  width: 15px;
  height: 16px;
  color: var(--link);
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next:hover {
  background-color: transparent;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next:hover .ui-datepicker-next-icon {
  color: var(--active);
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar {
  margin: 0;
  font-size: 11px;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar-container {
  padding: 0 5px;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar thead th {
  height: 42px;
  padding: 14px 0 0 0;
  font-size: 13px;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar thead th span {
  font-weight: normal;
  color: var(--typo-secondary, #878B92);
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar tbody tr:not(:last-child) td {
  padding-bottom: 4px;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar tbody tr:last-child td {
  padding-bottom: 9px;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar tbody tr td .ui-datepicker-event-day {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid transparent;
  border-radius: 50%;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar tbody tr td .ui-datepicker-event-day:hover {
  border-color: var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  color: var(--solution-hover-color);
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar tbody tr td .ui-datepicker-event-day:before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 1px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: var(--solution-primary-color);
  border-radius: 50%;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar tbody tr td a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid transparent;
  padding: 0;
  background-color: transparent;
  border-radius: 50%;
  font-size: 11px;
  color: var(--typo-primary, #2E3538);
  cursor: default;
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar tbody tr td a.ui-state-highlight {
  border-color: var(--solution-highlight-color);
}
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar tbody tr td:not(.ui-state-disabled) a:hover {
  background-color: transparent;
}
.ui-dropdown--capsule.ui-dropdown {
  z-index: 1000;
  display: block;
  min-width: 100%;
}
.ui-dropdown--capsule.ui-dropdown:hover .ui-dropdown-trigger-icon, .ui-dropdown--capsule.ui-dropdown.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon {
  border-top-color: var(--solution-primary-color);
}
.ui-dropdown--capsule.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  margin-top: -3px;
  border-top-color: transparent;
  border-bottom-color: var(--solution-primary-color);
}
.ui-dropdown--capsule.ui-dropdown .ui-dropdown-label {
  z-index: 1500;
  position: relative;
  display: flex;
  align-items: center;
  height: 26px;
  padding: 0 30px 1px 10px;
  border-radius: 5px 5px 0 0;
  background-color: var(--G-1, #F3F3F4);
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  color: var(--typo-secondary, #878B92);
  text-align: left;
}
.ui-dropdown--capsule.ui-dropdown .ui-dropdown-trigger {
  z-index: 10020;
  width: 31px;
  height: 26px;
  padding: 0;
  pointer-events: none;
}
.ui-dropdown--capsule.ui-dropdown .ui-dropdown-trigger-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin: 3px 0 0 0;
  padding: 0;
  border: 4px solid transparent;
  border-top-color: var(--G-5, #9B9C9E);
  background: none;
  transform: translate(-50%, -50%);
}
.ui-dropdown--capsule .flip-vertical .ui-dropdown-panel {
  padding-top: 0;
  padding-bottom: 24px;
}
.ui-dropdown--capsule .ui-dropdown-panel {
  position: relative;
  width: calc(100% + 2px);
  overflow: hidden;
  border: 1px solid var(--G-2, #DEDEDE);
  padding-top: 24px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 6px;
}
.ui-dropdown--capsule .ui-dropdown-panel.ui-shadow {
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.12);
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-filter-container {
  position: relative;
  display: block;
  height: 30px;
  padding: 0;
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter {
  min-width: 120px;
  height: 30px;
  padding: 0 0 0 40px;
  font-size: 13px;
  color: var(--ic-dark, #2D2D2D);
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter:focus + .ui-dropdown-filter-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M7.0005,5 C5.8975,5 5.0005,5.897 5.0005,7 C5.0005,8.103 5.8975,9 7.0005,9 C8.1035,9 9.0005,8.103 9.0005,7 C9.0005,5.897 8.1035,5 7.0005,5 L7.0005,5 Z M12.2935,13.707 L9.0315,10.445 C8.4355,10.797 7.7415,11 7.0005,11 C4.7945,11 3.0005,9.206 3.0005,7 C3.0005,4.794 4.7945,3 7.0005,3 C9.2065,3 11.0005,4.794 11.0005,7 C11.0005,7.741 10.7975,8.435 10.4455,9.031 L13.7075,12.293 L12.2935,13.707 Z' id='a'/%3E%3C/defs%3E%3Cuse fill='%232e3538' fill-rule='nonzero' xlink:href='%23a' /%3E%3C/svg%3E%0A");
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
  top: 0;
  right: initial;
  left: 0;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M7.0005,5 C5.8975,5 5.0005,5.897 5.0005,7 C5.0005,8.103 5.8975,9 7.0005,9 C8.1035,9 9.0005,8.103 9.0005,7 C9.0005,5.897 8.1035,5 7.0005,5 L7.0005,5 Z M12.2935,13.707 L9.0315,10.445 C8.4355,10.797 7.7415,11 7.0005,11 C4.7945,11 3.0005,9.206 3.0005,7 C3.0005,4.794 4.7945,3 7.0005,3 C9.2065,3 11.0005,4.794 11.0005,7 C11.0005,7.741 10.7975,8.435 10.4455,9.031 L13.7075,12.293 L12.2935,13.707 Z' id='a'/%3E%3C/defs%3E%3Cuse fill='%23C7CDCF' fill-rule='nonzero' xlink:href='%23a' /%3E%3C/svg%3E%0A");
  background-position: right center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-list {
  padding: 12px 5px;
}
.ui-dropdown--capsule .ui-dropdown-panel .ng-scrollbar-y-layout .ui-dropdown-list {
  padding-right: 23px;
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-item:hover .svg-icon {
  color: var(--solution-hover-color);
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight > .ui-dropdown-option .svg-icon {
  color: var(--solution-highlight-color);
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight > .ui-dropdown-option .paragraph {
  font-weight: 500;
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-option {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0;
  padding: 0 10px 1px;
  border-radius: 5px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-option:empty {
  display: none;
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-option:hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-option:hover ss-ui-svg-icon {
  color: var(--solution-hover-color);
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-option .typo-hover:hover {
  color: #111111;
}
.ui-dropdown--capsule .ui-dropdown-panel .ui-dropdown-option ss-ui-svg-icon {
  margin-right: 10px;
  color: var(--ic-light, #c7cdcf);
}
.ui-dropdown--capsule .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items {
  padding-right: 16px;
}
.ui-dropdown--capsule .ui-dropdown-empty-message {
  height: 30px;
  margin-left: 35px;
  padding: 0;
  font-size: 13px;
  line-height: 30px;
  color: var(--typo-secondary, #878B92);
  white-space: nowrap;
}
.ui-dropdown.ui-dropdown--small-label .ui-dropdown-label {
  padding-right: 24px;
}
.ui-dropdown.ui-dropdown--current-semibold .ui-dropdown-label .paragraph {
  font-weight: 600;
}
.ui-dropdown.ui-dropdown--capsule-transparent:not(.ui-dropdown-open) .ui-dropdown-label {
  background-color: transparent;
}
.ui-dropdown.ui-dropdown--capsule-transparent:not(.ui-dropdown-open) .ui-dropdown-label:hover {
  background-color: transparent;
}
.ui-dropdown.ui-dropdown--capsule-transparent .ui-dropdown-panel {
  width: 100%;
  margin-left: 1px;
}
.ui-dropdown--capsule-right.ui-dropdown {
  right: 0;
}
.ui-dropdown.ui-dropdown--capsule-relative .ui-dropdown-label ss-paragraph {
  position: relative;
  padding-right: 13px;
}
.ui-dropdown.ui-dropdown--capsule-relative .ui-dropdown-label ss-paragraph:after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% - 8px);
  display: block;
  width: 0;
  height: 0;
  margin: 3px 0 0 0;
  padding: 0;
  border: 4px solid transparent;
  border-top-color: rgba(77, 77, 77, 0.55);
  background: none;
  transform: translateY(-50%);
  opacity: 0;
}
.ui-dropdown.ui-dropdown--capsule-relative .ui-dropdown-label .lock-icon {
  opacity: 1;
}
.ui-dropdown.ui-dropdown--capsule-relative .ui-dropdown-trigger {
  opacity: 0;
}
.ui-dropdown.ui-dropdown--capsule-relative.ui-dropdown-open .ui-dropdown-trigger {
  opacity: 1;
}
.ui-dropdown.ui-dropdown--capsule-relative.ui-dropdown-open .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  margin-top: -2px;
}
.ui-dropdown.ui-dropdown--capsule-relative.ui-dropdown-open .ui-dropdown-label ss-paragraph:after {
  opacity: 0 !important;
}
.ui-dropdown--capsule.ui-dropdown--timepicker.ui-dropdown .ui-dropdown-trigger {
  opacity: 1;
}
.ui-dropdown--capsule.ui-dropdown--timepicker.ui-dropdown .ui-dropdown-trigger-icon {
  border-top-color: var(--solution-primary-color);
  transition: transform ease-in-out 0.2s;
}
.ui-dropdown--capsule.ui-dropdown--timepicker.ui-dropdown .ui-dropdown-label ss-paragraph {
  transition: font-size 0.2s ease-in-out;
  font-weight: 500;
}
.ui-dropdown--capsule.ui-dropdown--timepicker .ui-dropdown-option {
  min-width: 145px;
}
.ui-dropdown--capsule.ui-dropdown--timepicker .ui-dropdown-option ss-paragraph {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
}
.ui-dropdown--capsule.ui-dropdown--timepicker .ui-dropdown-panel .ui-dropdown-list {
  padding-bottom: 3px;
}
.ui-dropdown--capsule.ui-dropdown--timepicker .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight > .ui-dropdown-option {
  background-color: var(--solution-primary-color);
  border-radius: 5px;
  color: var(--G-0, #FFFFFF);
}
.ui-dropdown--capsule.ui-dropdown--timepicker .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight > .ui-dropdown-option ss-paragraph {
  font-weight: 600;
}
.ui-dropdown--capsule.ui-dropdown--timepicker.ui-dropdown-open .ui-dropdown-trigger-icon {
  border-bottom-color: transparent;
  transform: rotate(180deg) translate(0, 5px);
}
.ui-dropdown.ui-dropdown--capsule.ui-dropdown--capsule-classic .ui-dropdown-label {
  background-color: var(--G-1-5, #E9E9E9);
  height: 28px;
}
.ui-dropdown.ui-dropdown--capsule.ui-dropdown--capsule-classic .ui-dropdown-trigger {
  height: 28px;
}
.ui-dropdown--default.ui-dropdown {
  width: 100%;
  height: 30px;
}
.ui-dropdown--default.ui-dropdown:before {
  content: "";
  opacity: 0;
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  bottom: -1px;
  z-index: 1;
  border: 1px solid var(--solution-primary-color);
  display: block;
  border-radius: 5px;
  pointer-events: none;
}
.ui-dropdown--default.ui-dropdown:after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  opacity: 0;
  pointer-events: none;
  border: 3px solid var(--solution-primary-color);
  visibility: hidden;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.ui-dropdown--default.ui-dropdown:hover .ui-dropdown-trigger-icon:before, .ui-dropdown--default.ui-dropdown:hover .ui-dropdown-trigger-icon:after, .ui-dropdown--default.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:before, .ui-dropdown--default.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-primary-color);
}
.ui-dropdown--default.ui-dropdown:hover .ui-dropdown-clear-icon, .ui-dropdown--default.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-clear-icon {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.ui-dropdown--default.ui-dropdown.ui-dropdown-open:before {
  opacity: 1;
}
.ui-dropdown--default.ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  border-color: var(--solution-primary-color);
}
.ui-dropdown--default.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  transform: scaleY(-1);
}
.ui-dropdown--default.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:before, .ui-dropdown--default.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-primary-color);
}
.ui-dropdown--default.ui-dropdown.ui-dropdown-clearable .ui-dropdown-label {
  padding-right: 45px;
}
.ui-dropdown--default.ui-dropdown.ui-dropdown-clearable.is-error .ui-dropdown-clear-icon {
  right: 60px;
}
.ui-dropdown--default.ui-dropdown.ui-dropdown-clearable.is-error .ui-inputtext {
  padding-right: 80px;
}
.ui-dropdown--default.ui-dropdown .ui-dropdown-label {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0 30px 0 10px;
  width: 100%;
  height: 30px;
  border-radius: 5px;
}
.ui-dropdown--default.ui-dropdown .ui-dropdown-label.ui-placeholder {
  line-height: 30px;
  display: block;
}
.ui-dropdown--default.ui-dropdown .ui-dropdown-clear-icon {
  position: absolute;
  top: 0;
  right: 25px;
  z-index: 2;
  width: 20px;
  height: 30px;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 200ms ease-out;
  color: var(--G-3, #C7C8C9);
}
.ui-dropdown--default.ui-dropdown .ui-dropdown-clear-icon:hover {
  color: var(--G-6, #868788);
}
.ui-dropdown--default.ui-dropdown .ui-dropdown-trigger {
  width: 30px;
  height: 30px;
  padding: 0;
}
.ui-dropdown--default.ui-dropdown .ui-dropdown-trigger-icon {
  width: 10px;
  height: 6px;
  margin-top: -3px;
  margin-left: -5px;
  transition: transform 0.2s ease-in-out;
}
.ui-dropdown--default.ui-dropdown .ui-dropdown-trigger-icon:before {
  content: " ";
  position: absolute;
  top: -2px;
  left: 5px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--G-7, #6F7173);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(-45deg);
  transform-origin: left bottom;
}
.ui-dropdown--default.ui-dropdown .ui-dropdown-trigger-icon:after {
  content: " ";
  position: absolute;
  top: -2px;
  right: 5px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--G-7, #6F7173);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(45deg);
  transform-origin: right bottom;
}
.ui-dropdown--default .ui-widget-content {
  border-color: var(--solution-primary-color);
}
.ui-dropdown--default .ui-dropdown-items-wrapper {
  overflow: hidden;
  position: relative;
  max-width: 100%;
}
.ui-dropdown--default .ui-dropdown-items-wrapper ss-virtual-scroller {
  width: 100%;
}
.ui-dropdown--default .ui-dropdown-items-wrapper ss-virtual-scroller .scrollable-content {
  right: 0;
  min-width: initial;
}
.ui-dropdown--default .ui-dropdown-panel {
  position: relative;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.ui-dropdown--default .ui-dropdown-panel.is-empty ss-custom-scrollbar ss-virtual-scroller {
  max-height: 0;
}
.ui-dropdown--default .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items {
  padding-right: 16px;
}
.ui-dropdown--default .ui-dropdown-panel .ui-dropdown-list {
  overflow: hidden;
  padding: 5px;
}
.ui-dropdown--default .ui-dropdown-panel .ui-dropdown-item {
  position: relative;
  width: 100%;
  padding: 0;
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--default .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):hover .ui-dropdown-option ss-paragraph {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--default .ui-dropdown-panel .ui-dropdown-item:hover .ui-dropdown-option {
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--default .ui-dropdown-panel .ui-dropdown-item.ui-dropdown-option-clearable .ui-dropdown-option {
  padding-right: 32px;
}
.ui-dropdown--default .ui-dropdown-panel .ui-dropdown-option-clear-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 36px;
  margin: 0;
}
.ui-dropdown--default .ui-dropdown-panel .ui-dropdown-option-clear-icon:hover:before, .ui-dropdown--default .ui-dropdown-panel .ui-dropdown-option-clear-icon:hover:after {
  background-color: #116186;
}
.ui-dropdown--default .ui-dropdown-panel .ui-dropdown-option-clear-icon:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 12px;
  margin: auto;
  background-color: #157baa;
  transform: rotate(45deg);
}
.ui-dropdown--default .ui-dropdown-panel .ui-dropdown-option-clear-icon:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 12px;
  margin: auto;
  background-color: #157baa;
  transform: rotate(-45deg);
}
.ui-dropdown--default .ui-dropdown-panel .ui-dropdown-option {
  display: flex;
  align-items: center;
  min-height: 36px;
  margin: 0;
  padding: 0 10px;
  border-radius: 4px;
}
.ui-dropdown--default .ui-dropdown-panel .ui-dropdown-option:after {
  content: "";
  display: block;
  min-height: inherit;
  font-size: 0;
}
.ui-dropdown--default .ui-dropdown-panel .ui-dropdown-option:not(.ui-state-disabled):hover .tag--mark {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-dropdown--default .ui-placeholder {
  font-size: 13px;
  color: var(--inactive, #B2B2B3);
}
.ui-dropdown--default .ui-dropdown-filter {
  height: 32px;
  padding: 0 0 0 12px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  font-size: 13px;
  color: var(--ic-dark, #2D2D2D);
}
.ui-dropdown--default .ui-dropdown-filter-container {
  display: block;
  min-width: 115px;
  padding: 5px;
}
.ui-dropdown--default .ui-dropdown-filter-icon {
  display: none;
}
.ui-dropdown--default .ui-dropdown-empty-message {
  height: 36px;
  padding: 0 10px;
  font-size: 13px;
  line-height: 36px;
  color: var(--typo-secondary, #878B92);
  white-space: nowrap;
  margin-top: -6px 0;
  text-align: center;
}
.ui-dropdown--default .ui-dropdown-add {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--G-1, #F3F3F4);
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: var(--solution-primary-color) !important;
  position: absolute;
  top: 0;
  left: 1px;
  z-index: 3;
  transition: background 100ms ease-in;
}
.ui-dropdown--default .ui-dropdown-add:hover {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF) !important;
  transition: background 200ms ease-out;
}
.ui-dropdown--default .ui-dropdown-widget-close {
  width: 28px;
  height: 28px;
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
  background-color: var(--G-4, #B2B2B3);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--G-0, #FFFFFF);
  position: absolute;
  top: -17px;
  left: -14px;
  z-index: 3;
  transform: rotate(45deg);
  cursor: pointer;
}
.ui-dropdown--default .ui-dropdown-widget-close:hover {
  background-color: var(--G-5, #9B9C9E);
}
.ui-dropdown--default.is-error .ui-dropdown-trigger {
  right: 35px;
  border-right: 1px solid var(--G-1, #F3F3F4);
}
.ui-dropdown--default.is-error .ui-inputtext {
  padding-right: 65px;
}
.ui-dropdown--default.is-error:before {
  opacity: 1;
  border-color: #FF5757;
}
.ui-dropdown--default.is-error .ui-dropdown-panel:before, .ui-dropdown--default.is-error .ui-dropdown-panel:after {
  background-color: #FF5757;
}
.ui-dropdown--default.is-error.ui-dropdown--box:before {
  border-left-color: transparent;
}
.ui-dropdown--default.is-error.ui-dropdown--box .ui-dropdown-panel:before {
  display: none;
}
.ui-dropdown--default.ui-state-disabled {
  opacity: 1;
}
.ui-dropdown--default.ui-state-disabled .ui-inputtext {
  background-color: transparent;
}
.ui-dropdown--default.ui-state-disabled .ui-dropdown-trigger {
  display: none;
}
.ui-dropdown--default.ui-dropdown--fluid-space {
  width: auto;
}
.ui-dropdown--default.flip-vertical .ui-dropdown-panel {
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px -3px 6px;
}
.ui-dropdown--default.ui-dropdown--filled-dark {
  min-height: 34px !important;
}
.ui-dropdown--default.ui-dropdown--filled-dark:before, .ui-dropdown--default.ui-dropdown--filled-dark:after {
  display: none !important;
}
.ui-dropdown--default.ui-dropdown--filled-dark .ui-dropdown-trigger {
  height: 34px;
}
.ui-dropdown--default.ui-dropdown--filled-dark .ui-dropdown-trigger-icon {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--ic-dark, #2D2D2D);
  top: 50%;
  margin-top: -2px;
  left: auto;
  right: 14px;
}
.ui-dropdown--default.ui-dropdown--filled-dark .ui-dropdown-trigger-icon:before, .ui-dropdown--default.ui-dropdown--filled-dark .ui-dropdown-trigger-icon:after {
  display: none;
}
.ui-dropdown--default.ui-dropdown--filled-dark .ui-dropdown-label {
  height: 34px;
}
.ui-dropdown--default-icon .ui-dropdown-label ss-ui-svg-icon {
  margin-right: 10px;
}
.ui-dropdown--default-icon .ui-dropdown-option ss-ui-svg-icon {
  margin-right: 10px;
  margin-top: -2px;
  color: var(--ic-light, #c7cdcf);
}
.ui-dropdown--box:before {
  border-radius: 0 4px 4px 0;
}
.ui-dropdown--box .ui-inputtext {
  border-radius: 5px;
}
.ui-dropdown--column .ui-inputtext {
  border-radius: 5px;
}
.ui-dropdown--double.ui-dropdown {
  border-right: 2px solid var(--G-1-5, #E9E9E9);
}
.ui-dropdown--record.ui-dropdown {
  height: 32px;
}
.ui-dropdown--record.ui-dropdown .ui-dropdown-label {
  background-color: transparent;
  font-style: normal;
  height: 32px;
}
.ui-dropdown--record.ui-dropdown .ui-dropdown-label.ui-placeholder {
  line-height: 32px;
}
.ui-dropdown--record.ui-dropdown .ui-dropdown-label ss-ui-tag-avatar {
  max-width: 100%;
}
.ui-dropdown--record.ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown--record.ui-dropdown .ui-dropdown-trigger {
  height: 32px;
}
.ui-dropdown--record .ui-dropdown-item ss-ui-tag-avatar {
  max-width: 100%;
}
.ui-dropdown--hide-triggers.ui-dropdown .ui-dropdown-trigger,
.ui-dropdown--hide-triggers.ui-dropdown .ui-dropdown-clear-icon {
  display: none;
}
.ui-dropdown--dark-grey-hover.ui-dropdown--default .ui-dropdown-panel p-dropdownitem .ui-dropdown-item .ui-dropdown-option:not(.ui-state-disabled):hover {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-dropdown--users.flip-vertical .ui-dropdown-widget-close {
  top: initial;
  bottom: -17px;
}
.ui-dropdown--users.ui-dropdown {
  height: 44px;
}
.ui-dropdown--users.ui-dropdown:before {
  display: none;
}
.ui-dropdown--users.ui-dropdown .ui-dropdown-label {
  height: 44px;
  overflow: visible;
  padding-left: 2px;
}
.ui-dropdown--users .ui-dropdown-panel {
  position: relative;
  width: 310px;
  min-width: 310px;
}
.ui-dropdown--widgets.ui-dropdown .ui-dropdown-label.ui-placeholder {
  display: none;
}
.ui-dropdown--widgets.ui-dropdown.ui-dropdown-open .ui-dropdown-label,
.ui-dropdown--widgets.ui-dropdown.ui-dropdown-open .ui-dropdown-add {
  opacity: 0;
}
.ui-dropdown--widgets.ui-dropdown:after {
  display: none;
}
.ui-dropdown--offset.ui-dropdown {
  margin-left: 2px;
}
.ui-dropdown--inline-time.flip-vertical .ui-dropdown-panel {
  margin-top: 0;
  margin-bottom: 9px;
}
.ui-dropdown--inline-time.flip-vertical .ui-dropdown-panel:before {
  top: initial;
  bottom: -7px;
  border-top: none;
  border-left: none;
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
.ui-dropdown--inline-time.ui-dropdown:before {
  display: none;
}
.ui-dropdown--inline-time.ui-dropdown .ui-dropdown-label {
  font-size: 14px;
  padding-right: 0;
  cursor: pointer;
}
.ui-dropdown--inline-time.ui-dropdown .ui-dropdown-label.ui-inputtext {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.ui-dropdown--inline-time .ui-dropdown-panel {
  min-width: 110px;
  margin-top: 9px;
}
.ui-dropdown--inline-time .ui-dropdown-panel:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  background-color: var(--G-0, #FFFFFF);
  transform: rotate(45deg);
}
.ui-dropdown--inline-time .ui-dropdown-panel .ui-dropdown-option {
  min-height: 28px;
}
.ui-dropdown--inline-time .ui-dropdown-panel ss-custom-scrollbar .custom-scrollbar__scroll-overlay {
  top: 10px;
  bottom: 10px;
}
.ui-dropdown--row-2-shift .ui-dropdown-panel {
  margin-top: 60px;
  margin-left: -150px;
}
.ui-dropdown--row-1-shift .ui-dropdown-panel {
  margin-top: 18px;
  margin-left: -150px;
}
.ui-dropdown--light-hover .ui-dropdown-panel .ui-dropdown-option:not(.ui-state-disabled):hover,
.ui-dropdown--light-hover .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option:not(.ui-state-disabled) {
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--no-highlight .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option:not(.ui-state-disabled):not(:hover) {
  background-color: transparent;
}
.ui-dropdown--arrow-navigation.ui-dropdown {
  min-height: 100%;
}
.ui-dropdown--arrow-navigation.ui-dropdown .ui-dropdown-trigger {
  width: 20px;
  padding: 0;
  display: flex;
  justify-content: center;
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown--arrow-navigation.ui-dropdown .ui-dropdown-trigger ss-ui-svg-icon {
  transform: rotate(180deg);
}
.ui-dropdown--arrow-navigation.ui-dropdown .ui-dropdown-trigger ss-ui-svg-icon svg {
  fill: var(--solution-primary-color) !important;
}
.ui-dropdown--arrow-navigation.ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin: -2px auto 0;
  border: 5px solid transparent;
  border-top-color: var(--solution-primary-color);
}
.ui-dropdown--arrow-navigation.ui-dropdown.ui-dropdown .ui-dropdown-clear-icon {
  right: 20px;
}
.ui-dropdown--arrow-navigation.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  border-bottom-color: var(--solution-primary-color);
  border-top-color: transparent;
  margin-top: -8px;
}
.ui-dropdown--check-mark.ui-dropdown {
  position: relative;
  width: 100%;
  min-height: 30px;
}
.ui-dropdown--check-mark.ui-dropdown:after {
  display: block !important;
}
.ui-dropdown--check-mark.ui-dropdown:hover .ui-dropdown-trigger-icon:before, .ui-dropdown--check-mark.ui-dropdown:hover .ui-dropdown-trigger-icon:after, .ui-dropdown--check-mark.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:before, .ui-dropdown--check-mark.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-hover-color);
}
.ui-dropdown--check-mark .ui-placeholder {
  font-style: normal;
}
.ui-dropdown--check-mark .ui-dropdown-panel .ui-dropdown-item {
  position: relative;
  width: 100%;
  padding: 0;
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--check-mark .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option {
  color: var(--typo-primary, #2E3538);
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown--check-mark .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option:hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--check-mark .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option ss-paragraph {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--check-mark .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option > ss-ui-outer > .paragraph {
  font-weight: 600;
}
.ui-dropdown--check-mark .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option:after {
  display: block;
}
.ui-dropdown--check-mark .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option ss-ui-svg-icon {
  fill: var(--solution-primary-color);
}
.ui-dropdown--check-mark .ui-dropdown-panel .ui-dropdown-option {
  position: relative;
  min-height: 28px;
  margin: 0 0 2px 0;
  border: 1px solid transparent;
  padding: 6px 10px 6px 38px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  font-size: 0;
}
.ui-dropdown--check-mark .ui-dropdown-panel .ui-dropdown-option:hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--check-mark .ui-dropdown-panel .ui-dropdown-option:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 9px;
  display: none;
  height: 9px;
  min-height: auto;
  width: 5px;
  margin-top: -2px;
  border-bottom: 2px solid var(--solution-primary-color);
  border-right: 2px solid var(--solution-primary-color);
  transform: rotate(45deg) translate(0, -50%);
}
.ui-dropdown--check-mark .ui-dropdown-panel .ui-dropdown-option ss-ui-svg-icon {
  margin-right: 8px;
  margin-left: -8px;
  fill: currentColor;
}
.ui-dropdown--check-mark .ui-dropdown-panel .ui-dropdown-option > ss-ui-outer > .paragraph {
  display: block;
  margin-top: 2px;
}
.ui-dropdown--check-mark.ui-dropdown--check-mark-gutter .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option > ss-ui-outer > .paragraph {
  font-weight: 500;
}
.ui-dropdown--check-mark.ui-dropdown--check-mark-gutter .ui-dropdown-panel .ui-dropdown-option {
  padding: 2px 10px 2px 32px;
}
.ui-dropdown--check-mark-mini .ui-dropdown-panel .ui-dropdown-option {
  padding: 0 10px 0 38px;
}
.ui-dropdown--lighter .ui-dropdown-option {
  color: var(--tertiary, #6B6B6B);
}
.ui-dropdown--lighter .ui-dropdown-option ss-paragraph {
  font-weight: 500;
}
.ui-dropdown--lighter .ui-dropdown-option:hover ss-paragraph {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--lighter .ui-state-highlight ss-paragraph {
  font-weight: 600;
}
.ui-dropdown--option-column .ui-dropdown-panel .ui-dropdown-option {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.ui-dropdown.ui-dropdown--row-1-shift .ui-dropdown-panel {
  margin-top: 18px;
  margin-left: -150px;
}
.ui-dropdown--default.ui-dropdown--multi-row-option .ui-dropdown-panel .ui-dropdown-option {
  flex-wrap: wrap;
  min-height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}
.ui-dropdown--default.ui-dropdown--multi-row-option .ui-dropdown-panel .ui-dropdown-option ss-paragraph {
  margin-top: 3px;
}
.ui-dropdown--default.ui-dropdown--gender {
  min-width: 71px;
}
p-dropdownitem .ui-dropdown-option:hover .entry-user-extra__profile {
  opacity: 1;
  visibility: visible;
}
.ui-dropdown.ui-dropdown--inline-edit.ui-dropdown--time-inline .ui-dropdown-label {
  padding-left: 10px;
}
.ui-dropdown--time-inline .ui-dropdown-panel {
  max-width: 108px;
}
.ui-dropdown--default.ui-dropdown--small-options .ui-dropdown-panel .ui-dropdown-option {
  min-height: 30px;
  height: 30px;
  margin: 0;
  padding-left: 10px;
}
.ui-dropdown--default.ui-dropdown--small-options .custom-scrollbar.active-y .custom-scrollbar__scroll-overlay {
  top: 5px;
  bottom: 5px;
}
.ui-dropdown--regular-input .ui-dropdown-label.ui-inputtext {
  padding: 0 30px 0 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 13px;
}
.ui-dropdown--number-slider-format .number-slider-field-display__progress p-slider .ui-slider.ui-state-disabled .ui-slider-handle {
  display: block;
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown {
  width: 200px;
  height: 34px;
  transition: width 0.2s ease-in-out;
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown .ui-dropdown-label {
  height: 34px;
  background-color: var(--G-1, #F3F3F4);
  overflow: hidden;
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown .ui-dropdown-label .user-extra .user-extra__name {
  width: calc(100% - 34px);
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown .ui-dropdown-trigger-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin: 3px 0 0 0;
  padding: 0;
  border: 5px solid transparent;
  border-top-color: var(--ic-dark, #2D2D2D);
  background: none;
  transform: translate(-50%, -50%);
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown .ui-dropdown-trigger-icon::after, .ui-dropdown--recycle.ui-dropdown--default.ui-dropdown .ui-dropdown-trigger-icon::before {
  content: none;
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  margin-top: -3px;
  border-top-color: transparent;
  border-bottom-color: #3A86FF;
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown .ui-dropdown-panel {
  position: relative;
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown .ui-dropdown-panel .ui-dropdown-option {
  cursor: pointer;
  padding: 4px 5px 4px 6px;
  transition: background-color 0.2s ease-in-out;
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown .ui-dropdown-panel .ui-dropdown-option:hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown .ui-dropdown-panel .ui-dropdown-option:hover ::ng-deep .user-extra--mode-secondary .user-extra__name {
  background-color: var(--G-0-5, #FAFAFA);
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown .ui-dropdown-panel .ui-dropdown-option .item--gutter-15 {
  margin-right: 5px;
}
.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown .recycled-modal-container__filter-title {
  display: flex;
}
.ui-dropdown--recycle-solution.ui-dropdown--recycle.ui-dropdown--default.ui-dropdown-open {
  width: auto;
}
.ui-dropdown--recycle-solution.ui-dropdown--recycle.ui-dropdown--default .ui-dropdown-panel {
  width: 200px;
}
.ui-dropdown--default-right.ui-dropdown {
  right: 0;
}
.ui-dropdown--default.ui-dropdown--action-menu::before {
  border-bottom: 0;
  border-color: #DEE1E2;
  right: 0;
  top: 0;
  border-radius: 0;
  background-color: var(--solution-secondary-color);
  z-index: 0;
}
.ui-dropdown--default.ui-dropdown--action-menu:hover::before {
  opacity: 1;
}
.ui-dropdown--default.ui-dropdown--action-menu:hover .ui-dropdown-trigger-icon {
  opacity: 1;
}
.ui-dropdown--default.ui-dropdown--action-menu .ui-dropdown-trigger-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin: 3px 0 0 0;
  padding: 0;
  border: 5px solid transparent;
  border-top-color: var(--ic-dark, #2D2D2D);
  background: none;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.ui-dropdown--default.ui-dropdown--action-menu .ui-dropdown-trigger-icon::after, .ui-dropdown--default.ui-dropdown--action-menu .ui-dropdown-trigger-icon::before {
  content: none;
}
.ui-dropdown--default.ui-dropdown--action-menu .ui-dropdown-trigger {
  top: 2px;
}
.ui-dropdown--default.ui-dropdown--action-menu.ui-dropdown-open .ui-dropdown-trigger-icon {
  margin-top: -3px;
  border-top-color: transparent;
  border-bottom-color: var(--solution-primary-color);
  transform: translate(-50%, -50%);
  opacity: 1;
}
.ui-dropdown--default.ui-dropdown--action-menu.ui-dropdown-open .ui-dropdown-trigger {
  top: 1px;
}
.ui-dropdown--default.ui-dropdown--action-menu .ui-dropdown-panel {
  border-radius: 0 0 3px 3px;
}
.ui-dropdown--default.ui-dropdown--action-menu .ui-dropdown-panel .ui-dropdown-item {
  color: var(--typo-secondary, #878B92);
}
.ui-dropdown--default.ui-dropdown--action-menu .ui-dropdown-panel .ui-dropdown-item:hover {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--default.ui-dropdown--action-menu .ui-dropdown-panel .ui-dropdown-option {
  min-height: 34px;
}
.ui-dropdown--default.ui-dropdown--action-menu.flip-vertical .ui-dropdown-panel {
  border-radius: 3px 3px 0 0;
}
.ui-dropdown--default.ui-dropdown--middle {
  height: 35px;
}
.ui-dropdown--default.ui-dropdown--middle .ui-dropdown-label {
  height: 35px;
  padding: 0 35px 0 12px;
}
.ui-dropdown--default.ui-dropdown--middle .ui-dropdown-trigger {
  width: 35px;
  height: 35px;
}
.ui-dropdown--user-inline-edit.ui-dropdown.ui-dropdown--inline-edit .ui-dropdown-label {
  padding-left: 16px;
}
.ui-dropdown--user-inline-edit.ui-dropdown.ui-dropdown--inline-edit .ui-dropdown-label.ui-placeholder {
  padding-left: 16px;
}
.ui-dropdown--user-inline-edit .ui-dropdown-empty-message {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ui-dropdown--user-field .ui-dropdown-empty-message {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ui-dropdown--team-inline-edit.ui-dropdown--inline-edit .ui-dropdown-panel {
  min-width: calc(100% + 30px);
}
.ui-dropdown--team-inline-edit.ui-dropdown.ui-dropdown--inline-edit .ui-dropdown-label {
  padding-left: 16px;
}
.ui-dropdown--team-inline-edit.ui-dropdown.ui-dropdown--inline-edit .ui-dropdown-label.ui-placeholder {
  padding-left: 16px;
}
.ui-dropdown--singleselect.ui-dropdown--inline-edit .ui-dropdown-panel {
  min-width: calc(100% + 30px);
  color: red;
}
.ui-dropdown--singleselect.ui-dropdown--inline-edit .ui-dropdown-panel .custom-scrollbar p-dropdownitem ss-ui-tag .emoji-char {
  width: 20px;
  height: 18px;
  margin: 0;
}
.ui-dropdown--singleselect.flip-vertical.ui-dropdown--inline-edit .ui-dropdown-panel:before {
  bottom: -6px;
}
.ui-dropdown--singleselect.flip-vertical.ui-dropdown--inline-edit .ui-dropdown-panel:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown--singleselect.ui-dropdown--format-text_only .ui-dropdown-label .paragraph {
  margin-top: -3px;
  line-height: 26px;
}
.ui-dropdown--singleselect.ui-dropdown--format-text_only p-dropdownitem .ui-dropdown-item:hover ss-extra-option .extra-option__description {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--default.ui-dropdown--invite .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.ui-dropdown--default.ui-dropdown--invite .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .extra-option__description {
  color: var(--G-0, #FFFFFF);
}
.ui-dropdown.ui-dropdown-open.ui-dropdown--default-tiny:after, .ui-dropdown.ui-dropdown-open.ui-dropdown--default:after, .ui-dropdown.ui-dropdown-open.ui-dropdown--display-format:after, .ui-dropdown.ui-dropdown-open.ui-dropdown--linked-record:after {
  opacity: 0.3;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.ui-dropdown--simple {
  display: block;
}
.ui-dropdown--simple-right.ui-dropdown {
  right: 0;
}
.ui-dropdown--simple.ui-dropdown {
  z-index: 200;
  position: relative;
  min-width: 100%;
  height: 28px;
}
.ui-dropdown--simple.ui-dropdown:hover .ui-dropdown-trigger-icon, .ui-dropdown--simple.ui-dropdown.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon {
  border-top-color: var(--solution-hover-color);
  background-image: none;
}
.ui-dropdown--simple.ui-dropdown.ui-dropdown-open {
  z-index: 1050;
}
.ui-dropdown--simple.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  margin-top: -2px;
  border-top-color: transparent;
  border-bottom-color: var(--solution-highlight-color);
  background-image: none;
}
.ui-dropdown--simple.ui-dropdown.ui-helper-clearfix:before, .ui-dropdown--simple.ui-dropdown.ui-helper-clearfix:after {
  display: none;
}
.ui-dropdown--simple.ui-dropdown .ui-dropdown-label {
  z-index: 1040;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0 30px 0 10px;
  width: 100%;
  height: 28px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  cursor: pointer;
}
.ui-dropdown--simple.ui-dropdown .ui-dropdown-label:hover {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-dropdown--simple.ui-dropdown .ui-placeholder {
  font-style: italic;
  font-size: 11px;
  color: var(--typo-secondary, #878B92);
}
.ui-dropdown--simple.ui-dropdown .ui-dropdown-trigger {
  z-index: 1050;
  width: 31px;
  height: 28px;
  padding: 0;
  pointer-events: none;
}
.ui-dropdown--simple.ui-dropdown .ui-dropdown-trigger-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin: 3px 0 0 0;
  padding: 0;
  border: 5px solid transparent;
  border-top-color: var(--G-5, #9B9C9E);
  background: none;
  transform: translate(-50%, -50%);
}
.ui-dropdown--simple .ui-dropdown-items-wrapper {
  position: relative;
  padding: 12px 5px;
}
.ui-dropdown--simple .flip-vertical .ui-dropdown-panel {
  padding-top: 0;
  padding-bottom: 28px;
}
.ui-dropdown--simple .ui-dropdown-panel {
  position: relative;
  min-width: calc(100% + 2px);
  border: 1px solid var(--G-2, #DEDEDE);
  padding-top: 28px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 6px;
}
.ui-dropdown--simple .ui-dropdown-panel .ui-dropdown-list {
  overflow: hidden;
  padding: 0;
}
.ui-dropdown--simple .ui-dropdown-panel .ng-scrollbar-y-layout .ui-dropdown-list {
  padding-right: 18px;
}
.ui-dropdown--simple .ui-dropdown-panel .ui-dropdown-item {
  width: 100%;
  padding: 0;
}
.ui-dropdown--simple .ui-dropdown-panel .ui-dropdown-option {
  display: flex;
  align-items: center;
  min-height: 30px;
  margin: 0;
  padding: 0 10px;
  border-radius: 5px;
}
.ui-dropdown--simple .ui-dropdown-panel .ui-dropdown-option:hover {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-dropdown--simple .ui-dropdown-panel .ui-dropdown-option:after {
  content: "";
  display: block;
  min-height: inherit;
  font-size: 0;
}
.ui-dropdown--simple .ui-dropdown-filter-container {
  position: relative;
  display: block;
  height: 30px;
}
.ui-dropdown--simple .ui-dropdown-filter {
  height: 30px;
  padding: 0 0 0 34px;
  font-size: 13px;
  color: var(--ic-dark, #2D2D2D);
}
.ui-dropdown--simple .ui-dropdown-filter-container {
  min-width: 115px;
  padding: 0 0 12px 0;
}
.ui-dropdown--simple .ui-dropdown-filter-icon {
  top: 0;
  right: initial;
  left: 0;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M10.4557239,11.658151 C9.35997898,12.4997249 7.98841225,13 6.5,13 C2.91014913,13 0,10.0898509 0,6.5 C0,2.91014913 2.91014913,0 6.5,0 C10.0898509,0 13,2.91014913 13,6.5 C13,7.87963695 12.5701746,9.1588828 11.8371307,10.2111307 L16.0402136,14.4142136 L14.626,15.8284271 L10.4557239,11.658151 Z M6.5,11 C8.98528137,11 11,8.98528137 11,6.5 C11,4.01471863 8.98528137,2 6.5,2 C4.01471863,2 2,4.01471863 2,6.5 C2,8.98528137 4.01471863,11 6.5,11 Z' id='a'/%3E%3C/defs%3E%3Cuse fill='%23C7CDCF' fill-rule='nonzero' xlink:href='%23a' /%3E%3C/svg%3E%0A");
  background-position: 13px center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.ui-dropdown--simple .ui-dropdown-filter:focus + .ui-dropdown-filter-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M10.4557239,11.658151 C9.35997898,12.4997249 7.98841225,13 6.5,13 C2.91014913,13 0,10.0898509 0,6.5 C0,2.91014913 2.91014913,0 6.5,0 C10.0898509,0 13,2.91014913 13,6.5 C13,7.87963695 12.5701746,9.1588828 11.8371307,10.2111307 L16.0402136,14.4142136 L14.626,15.8284271 L10.4557239,11.658151 Z M6.5,11 C8.98528137,11 11,8.98528137 11,6.5 C11,4.01471863 8.98528137,2 6.5,2 C4.01471863,2 2,4.01471863 2,6.5 C2,8.98528137 4.01471863,11 6.5,11 Z' id='a'/%3E%3C/defs%3E%3Cuse fill='%232e3538' fill-rule='nonzero' xlink:href='%23a' /%3E%3C/svg%3E%0A");
}
.ui-dropdown--simple .ui-dropdown-empty-message {
  height: 36px;
  margin-top: -5px;
  margin-left: 34px;
  padding: 0;
  font-size: 13px;
  line-height: 36px;
  color: var(--typo-secondary, #878B92);
  white-space: nowrap;
}
.ui-dropdown.ui-dropdown--simple-darken .ui-dropdown-label {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-dropdown.ui-dropdown--simple-darken .ui-dropdown-label:hover {
  background-color: var(--G-2, #DEDEDE);
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-label {
  width: 46px;
  padding: 0 24px 0 6px;
  background-color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-out, width 200ms ease-out;
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-label ss-ui-svg-icon {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.1s;
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-label:hover {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-trigger {
  width: 24px;
}
.ui-dropdown--simple-tiny.ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  width: 115px;
  background-color: transparent;
}
.ui-dropdown--simple-tiny.ui-dropdown.ui-dropdown-open .ui-dropdown-label ss-ui-svg-icon {
  opacity: 0;
  transition: opacity 0.07s ease-out 0s;
}
.ui-dropdown--simple-tiny.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  margin-top: -3px;
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-panel .ui-dropdown-close-icon {
  display: none;
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-panel .ui-dropdown-heading {
  background-color: var(--G-1-5, #E9E9E9);
  padding: 7px 0 5px 10px;
  height: 26px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .basic-option__in {
  background-color: var(--solution-primary-color);
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .basic-option__text {
  font-weight: 600;
  color: var(--G-0, #FFFFFF);
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .basic-option__icon {
  color: var(--G-0, #FFFFFF);
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-panel .ui-dropdown-option {
  padding: 0;
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-panel .ui-dropdown-option:hover {
  background-color: transparent;
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-panel .ui-dropdown-option ss-ui-basic-option {
  width: 100%;
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-panel .ui-dropdown-option .basic-option:hover .basic-option__in,
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-panel .ui-dropdown-option .basic-option:hover .basic-option__text {
  color: var(--G-0, #FFFFFF);
}
.ui-dropdown--simple-tiny.ui-dropdown .ui-dropdown-panel .ui-dropdown-option .basic-option:hover .basic-option__in {
  background-color: #00B3FA;
}
.ui-dropdown--record-select.ui-dropdown {
  position: relative;
  width: 100%;
  height: 36px;
}
.ui-dropdown--record-select.ui-dropdown:before {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  left: -3px;
  bottom: -3px;
  z-index: 1;
  border: 3px solid rgba(var(--solution-primary-color-rgb), 0.2);
  display: block;
  border-radius: 8px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.ui-dropdown--record-select.ui-dropdown:hover .ui-dropdown-trigger-icon:before, .ui-dropdown--record-select.ui-dropdown:hover .ui-dropdown-trigger-icon:after, .ui-dropdown--record-select.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:before, .ui-dropdown--record-select.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-primary-color);
}
.ui-dropdown--record-select.ui-dropdown:hover .ui-dropdown-label, .ui-dropdown--record-select.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-label {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.ui-dropdown--record-select.ui-dropdown:hover .ui-dropdown-clear-icon, .ui-dropdown--record-select.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-clear-icon {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.ui-dropdown--record-select.ui-dropdown.ui-dropdown-open {
  z-index: 100;
}
.ui-dropdown--record-select.ui-dropdown.ui-dropdown-open:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.ui-dropdown--record-select.ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  border-color: var(--solution-primary-color);
}
.ui-dropdown--record-select.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  transform: scaleY(-1);
}
.ui-dropdown--record-select.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:before, .ui-dropdown--record-select.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-primary-color);
}
.ui-dropdown--record-select.ui-dropdown .ui-dropdown-label {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0 30px 0 10px;
  width: 100%;
  height: 36px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  transition: border-color 150ms ease-out;
}
.ui-dropdown--record-select.ui-dropdown .ui-dropdown-label ss-field-form-option-wrapper {
  max-width: 100%;
}
.ui-dropdown--record-select.ui-dropdown .ui-dropdown-label.ui-placeholder {
  line-height: 30px;
  display: block;
}
.ui-dropdown--record-select.ui-dropdown .ui-dropdown-label .relative-option__title {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--record-select.ui-dropdown .ui-dropdown-label .relative-option:hover .relative-option__icon {
  color: var(--G-8, #4d4d4d);
}
.ui-dropdown--record-select.ui-dropdown .ui-dropdown-label .relative-option__icon {
  color: var(--G-8, #4d4d4d);
}
.ui-dropdown--record-select.ui-dropdown .ui-dropdown-trigger {
  width: 8px;
  height: 35px;
  padding: 0;
  right: 14px;
}
.ui-dropdown--record-select.ui-dropdown .ui-dropdown-trigger-icon {
  margin-top: -2px;
  margin-left: -5px;
  transition: transform 0.2s ease-in-out;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--ic-dark, #2D2D2D);
}
.ui-dropdown--record-select .ui-widget-content {
  border-color: var(--solution-primary-color);
}
.ui-dropdown--record-select .ui-dropdown-items-wrapper {
  overflow: hidden;
  position: relative;
  max-width: 100%;
}
.ui-dropdown--record-select .ui-dropdown-items-wrapper ss-virtual-scroller {
  width: 100%;
}
.ui-dropdown--record-select .ui-dropdown-items-wrapper ss-virtual-scroller .scrollable-content {
  right: 0;
  min-width: initial;
}
.ui-dropdown--record-select .ui-dropdown-panel {
  position: relative;
  width: 100%;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.ui-dropdown--record-select .ui-dropdown-panel p-dropdownitem {
  display: flex;
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-filter {
  height: 35px;
  padding: 8px 12px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.ui-dropdown--record-select .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items {
  padding-right: 16px;
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-list {
  overflow: hidden;
  padding: 11px 5px;
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-item {
  position: relative;
  width: 100%;
  margin-bottom: 3px;
  padding: 0;
  border-radius: 5px;
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):hover .ui-dropdown-option ss-paragraph {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):hover .ui-dropdown-option ss-relative-option .relative-option__hint {
  opacity: 1;
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight {
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .relative-option__title {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option ss-relative-option ss-paragraph {
  font-weight: 600;
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 14px;
  transform: rotate(45deg);
  height: 9px;
  width: 5px;
  border-bottom: 2px solid var(--solution-primary-color);
  border-right: 2px solid var(--solution-primary-color);
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-option {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 28px;
  margin: 0;
  padding: 0 10px;
  border-radius: 4px;
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-option:after {
  content: "";
  min-height: inherit;
  font-size: 0;
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-option::before {
  display: none !important;
}
.ui-dropdown--record-select .ui-dropdown-panel .ui-dropdown-option:hover {
  background-color: transparent;
}
.ui-dropdown--record-select .ui-placeholder {
  font-style: italic;
  font-size: 13px;
  color: var(--typo-secondary, #878B92);
}
.ui-dropdown--record-select .ui-dropdown-item-group {
  font-size: 0;
}
.ui-dropdown--record-select .ui-dropdown-item-group span {
  padding-left: 12px;
  padding-right: 4px;
  margin-bottom: 4px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-dropdown--record-select .ui-dropdown-item-group:not(:last-child) {
  margin-bottom: 16px;
}
.ui-dropdown--record-select .ui-dropdown-link {
  background-color: var(--solution-primary-color);
  width: 100%;
  text-decoration: none;
  display: flex;
  height: 42px;
  border-radius: 0 0 5px 5px;
  justify-content: center;
  align-items: center;
}
.ui-dropdown--record-select .ui-dropdown-link ss-ui-svg-icon {
  margin-left: 6px;
}
.ui-dropdown--record-select ss-relative-option .relative-option {
  min-height: 28px;
}
.ui-dropdown--record-select ss-relative-option .relative-option__icon {
  color: var(--G-8, #4d4d4d);
  margin-right: 10px;
}
.ui-dropdown--record-select ss-relative-option .relative-option__title {
  color: var(--tertiary, #6B6B6B);
  font-weight: 500;
}
.ui-dropdown--record-select ss-relative-option .relative-option:hover .relative-option__title {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--record-select-white.ui-dropdown.ui-dropdown-open .ui-dropdown-label,
.ui-dropdown--record-select-white.ui-dropdown .ui-dropdown-label {
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown--record-select-white .ui-dropdown-panel {
  width: calc(100% + 4px);
  margin-top: 3px;
  margin-left: -2px;
}
.ui-dropdown--record-select-tiny.ui-dropdown {
  height: 28px;
}
.ui-dropdown--record-select-tiny.ui-dropdown:hover ss-ui-svg-icon svg {
  fill: var(--ic-dark, #2D2D2D) !important;
}
.ui-dropdown--record-select-tiny.ui-dropdown:hover .ui-dropdown-trigger-icon:before, .ui-dropdown--record-select-tiny.ui-dropdown:hover .ui-dropdown-trigger-icon:after {
  background-color: var(--ic-dark, #2D2D2D) !important;
}
.ui-dropdown--record-select-tiny.ui-dropdown.ui-dropdown-open ss-ui-svg-icon svg {
  fill: var(--solution-primary-color) !important;
}
.ui-dropdown--record-select-tiny.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:before, .ui-dropdown--record-select-tiny.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-primary-color) !important;
}
.ui-dropdown--record-select-tiny.ui-dropdown .ui-dropdown-label {
  height: 28px;
  background-color: var(--G-0, #FFFFFF);
  position: relative;
  padding: 0 25px 0 7px;
}
.ui-dropdown--record-select-tiny.ui-dropdown .ui-dropdown-heading {
  display: none;
}
.ui-dropdown--record-select-tiny.ui-dropdown .ui-dropdown-trigger {
  height: 28px;
  width: 16px;
}
.ui-dropdown--record-select-tiny.ui-dropdown .ui-dropdown-trigger-icon:before, .ui-dropdown--record-select-tiny.ui-dropdown .ui-dropdown-trigger-icon:after {
  top: -2px;
  height: 7px;
  background-color: var(--G-7, #6F7173);
}
.ui-dropdown--record-select-tiny.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  transform: scaleY(-1) translateY(2px);
}
.ui-dropdown--record-select-tiny .ui-dropdown-panel {
  width: auto;
}
.ui-dropdown--record-select-tiny .ui-dropdown-panel .ui-dropdown-list {
  padding: 5px 0;
}
.ui-dropdown--record-select-tiny .ui-dropdown-panel .ui-dropdown-option {
  padding-left: 35px;
  padding-right: 100px;
}
.ui-dropdown--record-select-tiny .ui-dropdown-panel .ui-dropdown-item {
  border-radius: 0;
}
.ui-dropdown--record-select-tiny .ui-dropdown-panel .ui-dropdown-item:hover {
  background-color: var(--G-1-5, #E9E9E9) !important;
}
.ui-dropdown--record-select-tiny .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-dropdown--record-select-tiny .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option:before {
  border-color: var(--ic-darker, #151515);
  right: auto;
  left: 15px;
}
.ui-dropdown--params-select.ui-dropdown {
  width: 100%;
  height: 34px;
}
.ui-dropdown--params-select.ui-dropdown:before {
  content: "";
  opacity: 0;
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  bottom: -1px;
  z-index: 1;
  border: 1px solid var(--solution-primary-color);
  display: block;
  border-radius: 5px;
  pointer-events: none;
}
.ui-dropdown--params-select.ui-dropdown:after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  opacity: 0;
  pointer-events: none;
  border: 3px solid var(--solution-primary-color);
  visibility: hidden;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.ui-dropdown--params-select.ui-dropdown:hover .ui-dropdown-trigger-icon:before, .ui-dropdown--params-select.ui-dropdown:hover .ui-dropdown-trigger-icon:after, .ui-dropdown--params-select.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:before, .ui-dropdown--params-select.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-highlight-color);
}
.ui-dropdown--params-select.ui-dropdown.ui-dropdown-open:before {
  opacity: 1;
}
.ui-dropdown--params-select.ui-dropdown.ui-dropdown-open:after {
  opacity: 0.3;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.ui-dropdown--params-select.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:before, .ui-dropdown--params-select.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-highlight-color);
}
.ui-dropdown--params-select.ui-dropdown .ui-dropdown-label {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0 35px 0 10px;
  width: 100%;
  height: 34px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
}
.ui-dropdown--params-select.ui-dropdown .ui-dropdown-label ss-ui-row {
  width: 100%;
}
.ui-dropdown--params-select.ui-dropdown .ui-dropdown-label.ui-placeholder {
  line-height: 30px;
  display: block;
}
.ui-dropdown--params-select.ui-dropdown .ui-dropdown-trigger {
  right: 0;
  width: 30px;
  height: 34px;
  padding: 0;
}
.ui-dropdown--params-select.ui-dropdown .ui-dropdown-trigger-icon {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--ic-dark, #2D2D2D);
  top: 50%;
  margin-top: -2px;
  left: auto;
  right: 14px;
}
.ui-dropdown--params-select .ui-widget-content {
  border-color: var(--solution-primary-color);
}
.ui-dropdown--params-select .ui-dropdown-items-wrapper {
  overflow: hidden;
  position: relative;
  max-width: 100%;
}
.ui-dropdown--params-select .ui-dropdown-items-wrapper ss-virtual-scroller {
  width: 100%;
}
.ui-dropdown--params-select .ui-dropdown-items-wrapper ss-virtual-scroller .scrollable-content {
  right: 0;
  min-width: initial;
}
.ui-dropdown--params-select .ui-dropdown-panel {
  width: calc(100% + 4px);
  max-width: 350px;
  border: 1px solid #d3d3d3;
  position: relative;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.09);
}
.ui-dropdown--params-select .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items {
  padding-right: 16px;
}
.ui-dropdown--params-select .ui-dropdown-panel .ui-dropdown-list {
  overflow: hidden;
  padding: 11px 5px;
}
.ui-dropdown--params-select .ui-dropdown-panel .ui-dropdown-item {
  position: relative;
  width: 100%;
  margin-bottom: 1px;
  padding: 0;
  border-radius: 5px;
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--params-select .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--params-select .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):hover .ui-dropdown-option ss-paragraph {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--params-select .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):hover .ui-dropdown-option ss-relative-option .relative-option__hint {
  opacity: 1;
}
.ui-dropdown--params-select .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight {
  border: 1px solid var(--G-6, #868788);
}
.ui-dropdown--params-select .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option:before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 32px;
  height: 32px;
  background-color: #ccedfb;
  border-radius: 5px;
}
.ui-dropdown--params-select .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option:after {
  content: "";
  position: absolute;
  top: 13px;
  right: 15px;
  transform: rotate(45deg);
  height: 9px;
  width: 5px;
  border-bottom: 2px solid var(--solution-primary-color);
  border-right: 2px solid var(--solution-primary-color);
}
.ui-dropdown--params-select .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option > ss-ui-row {
  padding-right: 32px;
}
.ui-dropdown--params-select .ui-dropdown-panel .ui-dropdown-option {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 36px;
  margin: 0;
  padding: 0 10px;
  border-radius: 4px;
}
.ui-dropdown--params-select .ui-dropdown-panel .ui-dropdown-option:hover {
  background-color: transparent;
}
.ui-dropdown--params-select .ui-dropdown-panel .ui-dropdown-option > ss-ui-row {
  width: 100%;
}
.ui-dropdown--params-select .ui-placeholder {
  font-style: italic;
  font-size: 13px;
  color: var(--typo-secondary, #878B92);
}
.ui-dropdown--params-select .ui-dropdown-filter {
  height: 32px;
  padding: 0 0 0 12px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  font-size: 13px;
  color: var(--ic-dark, #2D2D2D);
}
.ui-dropdown--params-select .ui-dropdown-filter-container {
  display: block;
  min-width: 115px;
  padding: 5px;
}
.ui-dropdown--params-select .ui-dropdown-filter-icon {
  display: none;
}
.ui-dropdown--params-select .ui-dropdown-empty-message {
  height: 36px;
  padding: 0 10px;
  font-size: 13px;
  line-height: 36px;
  color: var(--typo-secondary, #878B92);
  white-space: nowrap;
}
.ui-dropdown--params-select .ui-dropdown-item-group span {
  padding-left: 14px;
  margin-bottom: 4px;
  display: inline-block;
}
.ui-dropdown--params-select .ui-dropdown-item-group:not(:last-child) {
  margin-bottom: 24px;
}
.ui-dropdown--params-select.is-error .ui-dropdown-trigger {
  right: 35px;
  border-right: 1px solid var(--G-1, #F3F3F4);
}
.ui-dropdown--params-select.is-error .ui-inputtext {
  padding-right: 65px;
}
.ui-dropdown--params-select.is-error:before {
  opacity: 1;
  border-color: #FF5757;
}
.ui-dropdown--params-select.is-error .ui-dropdown-panel:before, .ui-dropdown--params-select.is-error .ui-dropdown-panel:after {
  background-color: #FF5757;
}
.ui-dropdown--params-select.is-error.ui-dropdown--box:before {
  border-left-color: transparent;
}
.ui-dropdown--params-select.is-error.ui-dropdown--box .ui-dropdown-panel:before {
  display: none;
}
.ui-dropdown--params-select.ui-state-disabled {
  opacity: 1;
}
.ui-dropdown--params-select.ui-state-disabled .ui-inputtext {
  background-color: transparent;
}
.ui-dropdown--params-select.ui-state-disabled .ui-dropdown-trigger {
  display: none;
}
.ui-inputwrapper-focus .ui-autocomplete--default:before {
  opacity: 1;
}
.ui-inputwrapper-focus .ui-autocomplete--default:after {
  background-color: var(--solution-primary-color);
}
.ui-inputwrapper-focus .ui-autocomplete--round.ui-autocomplete .ui-inputtext {
  border-radius: 20px;
  border-color: var(--solution-primary-color);
}
.ui-autocomplete {
  width: 100%;
  min-height: 30px;
}
.ui-autocomplete--default {
  position: relative;
}
.ui-autocomplete--default:before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  bottom: -1px;
  border: 1px solid var(--solution-primary-color);
  display: block;
  opacity: 0;
  border-radius: 5px;
}
.ui-autocomplete .ui-autocomplete-multiple-container {
  width: 100%;
  min-height: 30px;
  border-radius: 3px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.ui-autocomplete .ui-inputtext {
  overflow: auto;
  padding: 4px 5px 0px 5px;
  max-height: 103px;
  border-radius: 5px;
}
.ui-autocomplete--default .ui-autocomplete-panel {
  overflow: visible;
  border-top: 1px solid var(--solution-primary-color);
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.12);
  background-color: var(--G-0, #FFFFFF);
}
.ui-autocomplete--default .ui-autocomplete-list {
  background-color: var(--G-0, #FFFFFF);
}
.ui-autocomplete--default .ui-autocomplete-input-token {
  padding: 0 0.25em 0.25em 0;
  margin-bottom: 3px;
  margin-left: 0;
  flex-grow: 1;
  width: 100px;
}
.ui-autocomplete--default .ui-autocomplete-input-token input {
  padding-top: 4px;
  font-weight: 400;
  font-size: 13px;
  width: 100%;
}
.ui-autocomplete--default .ui-autocomplete-input-token input[placeholder] {
  padding-left: 5px;
}
.ui-autocomplete--default .ui-autocomplete-input-token input::placeholder {
  font-style: italic;
  font-size: 13px;
  font-family: inherit;
  letter-spacing: -0.21px;
  color: var(--inactive, #B2B2B3);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.ui-autocomplete--default .ui-autocomplete-list-item {
  margin: 0;
  padding: 0;
}
.ui-autocomplete--default .ui-autocomplete-token {
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 0;
}
.ui-autocomplete--default.ui-autocomplete--default .ui-autocomplete-token {
  height: 24px;
  display: inline-flex;
  align-items: center;
}
.ui-autocomplete--default.ui-autocomplete--default .ui-autocomplete-token-icon {
  right: 10px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
}
.ui-autocomplete--default.ui-autocomplete--default .ui-autocomplete-token-icon:hover:before, .ui-autocomplete--default.ui-autocomplete--default .ui-autocomplete-token-icon:hover:after {
  background-color: #FF5757;
}
.ui-autocomplete--default.ui-autocomplete--default .ui-autocomplete-token-icon:before, .ui-autocomplete--default.ui-autocomplete--default .ui-autocomplete-token-icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 2px;
  height: 12px;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 1px;
  background-color: var(--ic-light, #c7cdcf);
  transform-origin: center center;
}
.ui-autocomplete--default.ui-autocomplete--default .ui-autocomplete-token-icon:before {
  transform: rotate(45deg);
}
.ui-autocomplete--default.ui-autocomplete--default .ui-autocomplete-token-icon:after {
  transform: rotate(-45deg);
}
.ui-autocomplete--default.ui-autocomplete--default .ui-autocomplete-token-label {
  overflow: hidden;
  max-width: 100%;
  margin-top: -2px;
  margin-right: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: 400;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: var(--typo-primary, #2E3538);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-autocomplete--default .ui-autocomplete-panel .ui-autocomplete-list {
  padding: 12px 11px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ui-autocomplete--default .ui-autocomplete-panel .ui-autocomplete-list-item {
  display: flex;
  max-width: 100%;
  height: 24px;
  align-items: center;
}
.ui-autocomplete--default .ui-autocomplete-panel .ui-autocomplete-list-item:hover .tag {
  background-color: var(--G-2, #DEDEDE);
}
.ui-autocomplete--default .ui-autocomplete-panel .ui-autocomplete-list-item:not(:last-child) {
  margin-bottom: 5px;
}
.ui-autocomplete--default .ui-autocomplete-panel .ui-autocomplete-list-item span {
  overflow: hidden;
  max-width: 100%;
  padding: 2px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-autocomplete--tag .ui-autocomplete-list-item:not(:last-child) {
  margin-bottom: 5px;
}
.ui-autocomplete--round.flip-vertical .ui-autocomplete-panel {
  border-top: 1px solid var(--solution-primary-color);
  border-radius: 5px 4px 0 0;
}
.ui-autocomplete--round.flip-vertical .ui-inputtext {
  border-radius: 0 0 20px 20px;
}
.ui-autocomplete--round.flip-vertical .ui-inputtext[aria-expanded=true] {
  border-radius: 0 0 20px 20px;
  border-color: var(--solution-primary-color);
  border-top-color: #e5e5e5;
}
.ui-autocomplete--round.ui-autocomplete {
  width: 100%;
  height: 40px;
  position: relative;
}
.ui-autocomplete--round.ui-autocomplete .ui-inputwrapper-focus .ui-inputtext {
  border-radius: 20px 20px 0 0;
  border-color: var(--solution-primary-color);
}
.ui-autocomplete--round.ui-autocomplete.is-error .ui-inputtext {
  border-color: #FF5757;
}
.ui-autocomplete--round.ui-autocomplete .ui-inputtext {
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  padding: 0 20px;
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
}
.ui-autocomplete--round.ui-autocomplete .ui-inputtext::placeholder {
  color: var(--inactive, #B2B2B3);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.ui-autocomplete--round.ui-autocomplete .ui-inputtext:focus::placeholder {
  color: transparent;
}
.ui-autocomplete--round.ui-autocomplete .ui-inputtext.is-error {
  border-color: #FF5757;
}
.ui-autocomplete--round.ui-autocomplete .ui-inputtext[aria-expanded=true] {
  border-radius: 20px 20px 0 0;
  border-color: var(--solution-primary-color);
  border-bottom-color: #e5e5e5;
}
.ui-autocomplete--round.ui-autocomplete .ui-inputtext[aria-expanded=true] + .ui-autocomplete-dropdown .ui-button-icon-left {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12.85 6.54c.2-.2.2-.5 0-.69l-.72-.68a.52.52 0 0 0-.71 0l-3.4 3.3-3.44-3.33a.52.52 0 0 0-.72 0l-.71.68c-.2.2-.2.5 0 .69l4.5 4.35c.2.19.53.19.72 0l4.48-4.32z' id='a'/%3E%3C/defs%3E%3Cuse fill='%23FF6F2C' fill-rule='nonzero' transform='matrix(1 0 0 -1 -3 11)' xlink:href='%23a'/%3E%3C/svg%3E%0A");
}
.ui-autocomplete--round .ui-autocomplete-dropdown {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
}
.ui-autocomplete--round .ui-autocomplete-dropdown:hover {
  background-color: transparent;
}
.ui-autocomplete--round .ui-autocomplete-dropdown .ui-button-icon-left {
  width: 10px;
  height: 6px;
  margin-top: -3px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12.85 7.54c.2-.2.2-.5 0-.69l-.72-.68a.52.52 0 0 0-.71 0l-3.4 3.3-3.44-3.33a.52.52 0 0 0-.72 0l-.71.68c-.2.2-.2.5 0 .69l4.5 4.35c.2.19.53.19.72 0l4.48-4.32z' id='a'/%3E%3C/defs%3E%3Cuse fill='%2300A6ED' fill-rule='nonzero' xlink:href='%23a' transform='translate(-3 -6)'/%3E%3C/svg%3E%0A");
}
.ui-autocomplete--round .ui-autocomplete-panel {
  overflow: visible;
  border: 1px solid var(--solution-primary-color);
  box-shadow: none;
  border-top: none;
  border-radius: 0 0 4px 4px;
  background-color: var(--G-0, #FFFFFF);
}
.ui-autocomplete--round .ui-autocomplete-items {
  max-height: 123px;
  padding: 3px 0;
}
.ui-autocomplete--round .ui-autocomplete-list-item {
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.ui-autocomplete--round .ui-autocomplete-list-item:hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-autocomplete--round .ui-autocomplete-list-item span {
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  transition: color 100ms ease-in;
}
.ui-autocomplete--round .ui-autocomplete-list-item:hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-autocomplete--round .ui-autocomplete-list-item:hover span {
  color: var(--solution-hover-color);
  transition: color 200ms ease-out;
}
.ui-autocomplete--round .ui-autocomplete-emptymessage {
  font-size: 11px;
  height: 26px;
  color: var(--typo-primary, #2E3538);
}
.ui-autocomplete--tagavatar.ui-autocomplete .ui-autocomplete-token {
  padding: 0;
  background-color: transparent;
}
.ui-autocomplete--tagavatar.ui-autocomplete .ui-autocomplete-token .ui-autocomplete-token-icon {
  width: 14px;
  height: 14px;
  margin-top: -9px;
}
.ui-autocomplete--tagavatar.ui-autocomplete .ui-autocomplete-token .ui-autocomplete-token-icon:before, .ui-autocomplete--tagavatar.ui-autocomplete .ui-autocomplete-token .ui-autocomplete-token-icon:after {
  height: 14px;
}
.ui-autocomplete--tagavatar.ui-autocomplete .ui-autocomplete-token .tag-avatar {
  padding-right: 30px;
}
.ui-autocomplete--tagavatar .ui-autocomplete-panel {
  overflow: visible;
}
.ui-autocomplete--tagavatar .ui-autocomplete-panel .ui-autocomplete-list-item {
  padding: 0;
  background-color: transparent;
}
p-selectbutton {
  display: block;
  width: 100%;
}
.ui-selectbutton--simple {
  display: flex;
}
.ui-selectbutton--simple .ui-button:not(:last-child) {
  margin-right: 10px;
}
.ui-selectbutton--simple .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: transparent;
}
.ui-selectbutton--simple .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .view-button__icon {
  color: var(--solution-primary-color);
}
.ui-selectbutton--simple .ui-button.ui-state-active .view-button__icon {
  color: var(--solution-primary-color);
}
.ui-selectbutton--simple .ui-button .view-button {
  padding: 0;
}
.ui-selectbutton--simple .ui-button .view-button__icon {
  margin-right: 0;
  color: var(--ic-light, #c7cdcf);
}
.ui-selectbutton--simple .ui-button .view-button__text {
  display: none;
}
.ui-selectbutton--simple-s .ui-button:not(:last-child) {
  margin-right: 10px;
}
.ui-selectbutton--simple.ui-selectbutton--simple-inverse .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .view-button__icon {
  opacity: 0.75;
  color: var(--G-0, #FFFFFF);
}
.ui-selectbutton--simple.ui-selectbutton--simple-inverse .ui-button.ui-state-active .view-button__icon {
  opacity: 1;
  color: var(--G-0, #FFFFFF);
}
.ui-selectbutton--simple.ui-selectbutton--simple-inverse .ui-button .view-button__icon {
  opacity: 0.3;
  color: var(--G-0, #FFFFFF);
}
.ui-selectbutton--round {
  display: flex;
  border-radius: 16px;
  white-space: nowrap;
}
.ui-selectbutton--switcher .ui-button {
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 32px;
  border-radius: 16px;
  min-width: 87px;
  padding: 0 10px;
}
.ui-selectbutton--switcher .ui-button.ui-state-active {
  background-color: transparent;
}
.ui-selectbutton--switcher .ui-button.ui-state-active .ui-button-text, .ui-selectbutton--switcher .ui-button.ui-state-active .ui-button-icon {
  color: var(--G-0, #FFFFFF);
}
.ui-selectbutton--switcher .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover, .ui-selectbutton--switcher .ui-button:not(.ui-state-disabled):not(.ui-state-active):focus {
  background-color: transparent;
}
.ui-selectbutton--switcher .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-text, .ui-selectbutton--switcher .ui-button:not(.ui-state-disabled):not(.ui-state-active):focus .ui-button-text {
  color: var(--solution-primary-color);
}
.ui-selectbutton--switcher .ui-button:first-child {
  margin-right: -10px;
}
.ui-selectbutton--switcher .ui-button-text {
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.2);
  padding: 2px 11px 3px;
}
.ui-selectbutton--switcher .ui-button-icon {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  color: rgba(0, 0, 0, 0.2);
}
.ui-selectbutton--rect {
  display: flex;
  padding: 2px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  white-space: nowrap;
}
.ui-selectbutton--rect .ui-button {
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 24px;
  border-radius: 5px;
}
.ui-selectbutton--rect .ui-button.ui-state-active {
  background-color: var(--G-0, #FFFFFF);
}
.ui-selectbutton--rect .ui-button.ui-state-active .view-button__text,
.ui-selectbutton--rect .ui-button.ui-state-active .ui-button-text {
  color: var(--typo-primary, #2E3538);
}
.ui-selectbutton--rect .ui-button.ui-state-active .view-button__icon {
  color: #00B3FA;
}
.ui-selectbutton--rect .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-text, .ui-selectbutton--rect .ui-button:not(.ui-state-disabled):not(.ui-state-active):focus .ui-button-text {
  color: var(--G-7, #6F7173);
}
.ui-selectbutton--rect .ui-button:not(.ui-state-active) .view-button.no-label .view-button__icon {
  color: var(--typo-primary, #2E3538);
}
.ui-selectbutton--rect .ui-button-text {
  width: 100%;
  padding: 5px 8px 6px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: var(--typo-secondary, #878B92);
}
.ui-selectbutton--rect.is-keyboard-focus {
  position: relative;
}
.ui-selectbutton--rect.is-keyboard-focus::before {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: 1;
  border: 2px solid #B7E3FB;
  border-radius: 7px;
  pointer-events: none;
}
.ui-selectbutton--separator .ui-button:not(:last-child) {
  margin-right: 5px;
}
.ui-selectbutton--darken {
  background-color: #e9e9e9;
}
.ui-selectbutton--inverse {
  background-color: var(--solution-secondary-color);
}
.ui-selectbutton--inverse .ui-button .ui-button-text,
.ui-selectbutton--inverse .ui-button .view-button__text {
  color: var(--typo-primary, #2E3538);
}
.ui-selectbutton--inverse .ui-button.ui-state-active, .ui-selectbutton--inverse .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: var(--solution-primary-color);
}
.ui-selectbutton--inverse .ui-button.ui-state-active .view-button__text,
.ui-selectbutton--inverse .ui-button.ui-state-active .ui-button-text, .ui-selectbutton--inverse .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .view-button__text,
.ui-selectbutton--inverse .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-text {
  color: var(--G-0, #FFFFFF);
}
.ui-selectbutton--rect-small {
  display: flex;
  white-space: nowrap;
}
.ui-selectbutton--rect-small .ui-button {
  display: flex;
  align-items: center;
  flex-grow: 1;
  min-width: 31px;
  height: 30px;
  padding: 0 5px;
  border-radius: 5px;
}
.ui-selectbutton--rect-small .ui-button.ui-state-active {
  background-color: transparent;
}
.ui-selectbutton--rect-small .ui-button.ui-state-active .ui-button-text {
  color: var(--G-0, #FFFFFF);
}
.ui-selectbutton--rect-small .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover, .ui-selectbutton--rect-small .ui-button:not(.ui-state-disabled):not(.ui-state-active):focus {
  background-color: transparent;
}
.ui-selectbutton--rect-small .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-text, .ui-selectbutton--rect-small .ui-button:not(.ui-state-disabled):not(.ui-state-active):focus .ui-button-text {
  color: var(--solution-primary-color);
}
.ui-selectbutton--rect-small .ui-button-text {
  width: 100%;
  padding: 0;
  font-weight: bold;
  font-size: 9px;
  line-height: 12px;
  color: var(--tertiary, #6B6B6B);
  text-transform: uppercase;
}
.ui-selectbutton--rect-large {
  display: flex;
}
.ui-selectbutton--rect-large .ui-button {
  display: flex;
  align-items: center;
  flex-grow: 1;
  width: 54px;
  height: 31px;
  padding: 0 5px;
  border-radius: 5px;
}
.ui-selectbutton--rect-large .ui-button.ui-state-active .ui-button-text {
  color: var(--typo-primary, #2E3538);
}
.ui-selectbutton--rect-large .ui-button-text {
  font-size: 13px;
  font-weight: 600;
  color: var(--typo-secondary, #878B92);
}
.ui-selectbutton--rounded-icon {
  height: 100%;
}
.ui-selectbutton--rounded-icon.ui-selectbutton {
  display: flex;
}
.ui-selectbutton--rounded-icon.ui-selectbutton .ui-button {
  height: 100%;
  justify-content: center;
  display: flex;
  padding: 0 14px;
  align-items: center;
  color: rgba(21, 21, 21, 0.5);
}
.ui-selectbutton--rounded-icon.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover, .ui-selectbutton--rounded-icon.ui-selectbutton .ui-button:focus {
  background-color: transparent;
}
.ui-selectbutton--rounded-icon.ui-selectbutton .ui-button.ui-state-active {
  color: var(--solution-primary-color);
}
.ui-selectbutton--white {
  height: 36px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  width: 100%;
  display: flex;
  padding: 2px;
}
.ui-selectbutton--white .ui-button {
  height: 100%;
  justify-content: center;
  display: flex;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 600;
  background-color: transparent;
  width: 50%;
  border-radius: 3px;
  align-items: center;
  color: var(--typo-secondary, #878B92);
}
.ui-selectbutton--white .ui-button .ui-button-text {
  padding: 0;
}
.ui-selectbutton--white .ui-button.ui-state-active {
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--display-format.ui-dropdown {
  position: relative;
  width: 100%;
  min-height: 55px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 4px;
  transition: border-color 150ms ease-out;
}
.ui-dropdown--display-format.ui-dropdown:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.ui-dropdown--display-format.ui-dropdown.ui-dropdown-open {
  z-index: 100;
  border-color: var(--solution-primary-color);
  box-shadow: 0px 3px 0px 0px rgba(var(--solution-primary-color-rgb), 0.2);
  transition: border-color 200ms ease-in;
}
.ui-dropdown--display-format.ui-dropdown.ui-dropdown-open:before {
  opacity: 1;
}
.ui-dropdown--display-format.ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  border-radius: 5px;
}
.ui-dropdown--display-format.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  transform: rotate(180deg);
}
.ui-dropdown--display-format.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:before, .ui-dropdown--display-format.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-primary-color);
}
.ui-dropdown--display-format.ui-dropdown .ui-dropdown-label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 55px;
  padding: 10px 40px 10px 10px;
  background-color: transparent;
  transition: box-shadow 200ms ease-in-out;
}
.ui-dropdown--display-format.ui-dropdown .ui-dropdown-label.ui-placeholder {
  line-height: 55px;
  display: block;
}
.ui-dropdown--display-format.ui-dropdown .ui-dropdown-label ss-rating-field-display {
  max-width: calc(100% - 20px);
}
.ui-dropdown--display-format.ui-dropdown .ui-dropdown-trigger {
  width: 34px;
  height: 100%;
  padding: 0;
}
.ui-dropdown--display-format.ui-dropdown .ui-dropdown-trigger-icon {
  width: 14px;
  height: 7px;
  margin-top: -3px;
  margin-left: -13px;
  transition: transform 0.2s ease-in-out;
}
.ui-dropdown--display-format.ui-dropdown .ui-dropdown-trigger-icon:before {
  content: " ";
  position: absolute;
  top: -2px;
  left: 8px;
  display: block;
  width: 1px;
  height: 9px;
  background-color: var(--G-8, #4d4d4d);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(-45deg);
  transform-origin: left bottom;
}
.ui-dropdown--display-format.ui-dropdown .ui-dropdown-trigger-icon:after {
  content: " ";
  position: absolute;
  top: -2px;
  right: 6px;
  display: block;
  width: 1px;
  height: 9px;
  background-color: var(--G-8, #4d4d4d);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(45deg);
  transform-origin: right bottom;
}
.ui-dropdown--display-format.ui-dropdown--display-format-gutter .ui-dropdown-label {
  padding-left: 10px;
}
.ui-dropdown--display-format .ui-widget-content {
  border-color: var(--solution-primary-color);
}
.ui-dropdown--display-format .ui-dropdown-items-wrapper {
  overflow: hidden;
  position: relative;
  max-width: 100%;
}
.ui-dropdown--display-format .ui-dropdown-items-wrapper ss-virtual-scroller {
  width: 100%;
}
.ui-dropdown--display-format .ui-dropdown-items-wrapper ss-virtual-scroller .scrollable-content {
  right: 0;
  min-width: initial;
}
.ui-dropdown--display-format .ui-dropdown-panel {
  width: calc(100% + 2px);
  border: 1px solid var(--G-1-5, #E9E9E9);
  position: relative;
  min-width: 450px;
  margin-left: -1px;
  margin-top: -1px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.09);
}
.ui-dropdown--display-format .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items {
  padding-right: 16px;
}
.ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-list {
  overflow: hidden;
  padding: 5px 5px 1px 5px;
}
.ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-item {
  position: relative;
  width: 100%;
  padding: 0;
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option {
  background-color: rgba(var(--solution-dw-color), 0.5);
  border-color: rgba(var(--solution-primary-color-rgb), 0.3);
}
.ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option > .paragraph, .ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option > ss-ui-outer > .paragraph {
  font-weight: 600;
}
.ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option:after {
  display: block;
}
.ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option .user-extra__avatar:before {
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option .user-extra__name {
  background-color: var(--G-0-5, #FAFAFA);
}
.ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-item .user-extra__avatar:before {
  background-color: var(--G-0-5, #FAFAFA);
}
.ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-disabled):hover .user-extra__avatar:before {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-option {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 72px;
  margin: 0 0 5px 0;
  padding: 10px;
  padding-left: 40px;
  border-radius: 5px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  font-size: 0;
}
.ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-option:hover {
  background-color: rgba(var(--solution-dw-color), 0.5);
  border-color: rgba(var(--solution-primary-color-rgb), 0.3);
}
.ui-dropdown--display-format .ui-dropdown-panel .ui-dropdown-option:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  display: none;
  height: 9px;
  width: 5px;
  border-bottom: 2px solid var(--solution-primary-color);
  border-right: 2px solid var(--solution-primary-color);
  transform: rotate(45deg) translate(0, -50%);
}
.ui-dropdown--display-format--created-fields .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option .user-extra__name {
  background-color: transparent;
}
.ui-dropdown--display-format--status-field.ui-dropdown .ui-dropdown-label {
  padding: 0;
}
.ui-dropdown--display-format.ui-dropdown--linked-record-format .img-responsive {
  backface-visibility: hidden;
  max-width: 360px;
}
.ui-dropdown--display-format.ui-dropdown--linked-record-format .ui-dropdown-items-wrapper {
  max-height: 425px !important;
  min-height: 425px !important;
}
.ui-dropdown--inline-edit.flip-vertical .ui-dropdown-panel:before {
  top: initial;
  bottom: -5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px -3px 6px;
}
.ui-dropdown--inline-edit.flip-vertical .ui-dropdown-panel .ui-dropdown-overlay {
  top: auto;
  bottom: -10px;
}
.ui-dropdown--inline-edit.flip-vertical.ui-dropdown--foter .ui-dropdown-panel:before {
  background-color: var(--G-0-5, #FAFAFA);
}
.ui-dropdown--inline-edit.ui-dropdown {
  width: 100%;
}
.ui-dropdown--inline-edit.ui-dropdown .ui-dropdown-label {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  min-height: 100%;
  padding: 8px 16px 0 16px;
  background-color: transparent;
}
.ui-dropdown--inline-edit.ui-dropdown .ui-dropdown-label.ui-placeholder {
  line-height: 100%;
  display: block;
  font-size: 13px;
  color: var(--typo-secondary, #878B92);
  padding-left: 16px;
  padding-top: 13px;
}
.ui-dropdown--inline-edit.ui-dropdown .ui-dropdown-clear-icon {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  height: 100%;
  width: 18px;
  margin: 0;
  color: black;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown--inline-edit .ui-widget-content {
  border-color: var(--solution-primary-color);
}
.ui-dropdown--inline-edit .ui-dropdown-empty-message {
  height: 36px;
  padding: 0 10px;
  font-size: 13px;
  line-height: 36px;
  color: var(--typo-secondary, #878B92);
  white-space: nowrap;
  text-align: center;
}
.ui-dropdown--inline-edit .ui-dropdown-items-wrapper {
  overflow: hidden;
  position: relative;
  max-width: 100%;
  z-index: 2;
}
.ui-dropdown--inline-edit .ui-dropdown-items-wrapper ss-virtual-scroller {
  width: 100%;
}
.ui-dropdown--inline-edit .ui-dropdown-items-wrapper ss-virtual-scroller .scrollable-content {
  right: 0;
  min-width: initial;
}
.ui-dropdown--inline-edit .ui-dropdown-panel {
  overflow: visible !important;
  position: relative;
  min-width: 200px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.ui-dropdown--inline-edit .ui-dropdown-panel:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: -5px;
  left: 50%;
  width: 9.34px;
  height: 9.34px;
  margin-left: -5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px;
  background-color: var(--G-0, #FFFFFF);
  transform: rotate(45deg);
  z-index: 1;
}
.ui-dropdown--inline-edit .ui-dropdown-panel:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  z-index: 1;
}
.ui-dropdown--inline-edit .ui-dropdown-panel.is-empty ss-custom-scrollbar ss-virtual-scroller {
  max-height: 0;
}
.ui-dropdown--inline-edit .ui-dropdown-panel .ui-dropdown-overlay {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 10px;
}
.ui-dropdown--inline-edit .ui-dropdown-panel .ui-dropdown-filter {
  height: 35px;
  padding: 0 0 0 12px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  font-size: 13px;
  color: var(--ic-dark, #2D2D2D);
}
.ui-dropdown--inline-edit .ui-dropdown-panel .ui-dropdown-filter-container {
  display: block;
  min-width: 115px;
  padding: 5px;
  z-index: 2;
}
.ui-dropdown--inline-edit .ui-dropdown-panel .ui-dropdown-filter-icon {
  display: none;
}
.ui-dropdown--inline-edit .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items {
  padding-right: 16px;
}
.ui-dropdown--inline-edit .ui-dropdown-panel .ui-dropdown-list {
  overflow: hidden;
  padding: 5px 5px 1px 5px;
}
.ui-dropdown--inline-edit .ui-dropdown-panel .ui-dropdown-item {
  position: relative;
  width: 100%;
  padding: 0;
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--inline-edit .ui-dropdown-panel .ui-dropdown-option {
  display: flex;
  align-items: center;
  height: 36px;
  margin: 0 0 5px 0;
  padding: 0 5px;
  border-radius: 5px;
  font-size: 0;
}
.ui-dropdown--inline-edit .ui-dropdown-panel .ui-dropdown-option:hover {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-dropdown--inline-edit .ui-dropdown-panel.ui-position-top {
  transform-origin: 0 bottom;
}
.ui-dropdown--inline-edit .ui-dropdown-panel.ui-position-bottom {
  transform-origin: 0 top;
}
.ui-dropdown--inline-edit .ui-dropdown-panel .ui-dropdown-add-new-button {
  display: flex;
  height: 58px;
  align-items: center;
  padding-left: 20px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.ui-dropdown--inline-edit .ui-dropdown-panel__footer {
  position: relative;
  z-index: 2;
}
.ui-dropdown--inline-edit.ui-dropdown--option-gutter .ui-dropdown-option {
  margin-bottom: 0;
}
.ui-dropdown--inline-edit.ui-dropdown--status.ui-dropdown--inline-edit .ui-dropdown-panel {
  min-width: 250px;
  margin-right: -30px;
}
.ui-dropdown--inline-edit.ui-dropdown--status.ui-dropdown .ui-dropdown-label {
  padding-left: 0;
  padding-right: 0;
}
.ui-dropdown--inline-edit.ui-dropdown--status.ui-dropdown .ui-dropdown-label .tag--size-m {
  margin-bottom: 3px;
  padding: 0 45px;
}
.ui-dropdown--inline-edit.ui-dropdown--status.ui-dropdown .ui-dropdown-label ss-ui-tag {
  width: 100%;
}
.ui-dropdown--inline-edit.ui-dropdown--status.ui-dropdown-open .arrow-button--primary::after {
  border-top-color: #FF9210;
}
.ui-dropdown--inline-edit.ui-dropdown--status .ui-dropdown-panel {
  width: 250px;
}
.ui-dropdown--inline-edit.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-option {
  height: auto;
  position: relative;
}
.ui-dropdown--inline-edit.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-item {
  margin-bottom: 5px;
}
.ui-dropdown--inline-edit.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-item .ui-dropdown-option {
  margin-left: 0;
  padding-left: 11px;
}
.ui-dropdown--inline-edit.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-item .ui-dropdown-option:hover {
  background-color: transparent;
}
.ui-dropdown--inline-edit.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option {
  margin-left: 0;
}
.ui-dropdown--inline-edit.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option .status-option__bar {
  transform: translateX(-5px);
}
.ui-dropdown--inline-edit.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-list {
  padding: 7px 5px 2px 0;
}
.ui-dropdown--inline-edit.ui-dropdown--status .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items {
  padding-right: 14px;
}
.ui-dropdown--inline-edit.ui-dropdown--status .ui-dropdown-panel .custom-scrollbar__scroll-overlay {
  right: 12px;
  top: 8px;
  bottom: 8px;
}
.ui-dropdown--inline-edit.ui-dropdown--status .ui-dropdown-panel .custom-scrollbar__scrollbar--y {
  right: -6px !important;
}
.ui-dropdown--inline-edit.ui-dropdown--user-inline-edit .ui-dropdown-panel {
  min-width: 250px;
  margin-right: -30px;
}
.ui-dropdown--inline-edit.ui-dropdown--user-inline-edit .ui-dropdown-label {
  padding-top: 7px;
}
.ui-dropdown--inline-edit.ui-dropdown--user-avatar-only .ui-dropdown-label {
  padding-top: 4px;
  align-items: flex-start;
}
.ui-dropdown--inline-edit.ui-dropdown--user-avatar-only .ui-dropdown-label.ui-placeholder {
  padding-right: 16px;
}
.ui-dropdown--inline-edit.ui-dropdown--user-avatar-only .ui-dropdown-label ss-user-placeholder-circle {
  display: flex;
  justify-content: center;
  margin-top: -9px;
}
.ui-dropdown--inline-edit.ui-dropdown--user-avatar-only .ui-dropdown-label .user-placeholder-circle {
  width: 32px;
  height: 32px;
}
.ui-dropdown--inline-edit.ui-dropdown--user-regular .ui-dropdown-label.ui-placeholder {
  padding-top: 7px;
}
.ui-dropdown--inline-edit.ui-dropdown--option-column .ui-dropdown-panel .ui-dropdown-option {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  min-height: 36px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.ui-dropdown--inline-edit.ui-dropdown--option-column .ui-dropdown-panel .ui-dropdown-option ss-ui-tag + ss-paragraph {
  margin-top: 3px;
}
.ui-dropdown--relative.ui-dropdown {
  height: 34px;
}
.ui-dropdown--relative.ui-dropdown.ui-dropdown--fullwidth .ui-dropdown-panel {
  width: 100%;
}
.ui-dropdown--relative.ui-dropdown.ui-dropdown--fullwidth .ui-dropdown-label ss-ui-tag {
  display: block;
  width: 100%;
  font-weight: semibold;
}
.ui-dropdown--relative.ui-dropdown.ui-dropdown--fullwidth .ui-dropdown-label ss-ui-tag .tag--size-l {
  width: 100%;
}
.ui-dropdown--relative.ui-dropdown.ui-dropdown-open {
  z-index: 1010;
}
.ui-dropdown--relative.ui-dropdown:hover .ui-dropdown-trigger-icon:before, .ui-dropdown--relative.ui-dropdown:hover .ui-dropdown-trigger-icon:after, .ui-dropdown--relative.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:before, .ui-dropdown--relative.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-primary-color);
}
.ui-dropdown--relative.ui-dropdown:hover .ui-dropdown-clear-icon, .ui-dropdown--relative.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-clear-icon {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.ui-dropdown--relative.ui-dropdown .ui-dropdown-label {
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0;
  border-radius: 5px;
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--relative.ui-dropdown .ui-dropdown-label .tag--size-l {
  padding-right: 35px;
}
.ui-dropdown--relative.ui-dropdown .ui-dropdown-label.ui-placeholder {
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 32px 0 10px;
  font-size: 13px;
  color: var(--typo-secondary, #878B92);
}
.ui-dropdown--relative.ui-dropdown .ui-dropdown-trigger {
  width: 30px;
  height: 34px;
  padding: 0;
}
.ui-dropdown--relative.ui-dropdown .ui-dropdown-trigger-icon {
  width: 9px;
  height: 6px;
  margin-top: -3px;
  margin-left: -5px;
}
.ui-dropdown--relative.ui-dropdown .ui-dropdown-trigger-icon:before {
  content: " ";
  position: absolute;
  top: -2px;
  left: 4px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--G-7, #6F7173);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(-45deg);
  transform-origin: left bottom;
}
.ui-dropdown--relative.ui-dropdown .ui-dropdown-trigger-icon:after {
  content: " ";
  position: absolute;
  top: -2px;
  right: 4px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--G-7, #6F7173);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(45deg);
  transform-origin: right bottom;
}
.ui-dropdown--relative .ui-widget-content {
  border-color: var(--solution-primary-color);
}
.ui-dropdown--relative .ui-dropdown-items-wrapper {
  overflow: hidden;
  position: relative;
  max-width: 100%;
}
.ui-dropdown--relative .ui-dropdown-items-wrapper ss-virtual-scroller {
  width: 100%;
}
.ui-dropdown--relative .ui-dropdown-items-wrapper ss-virtual-scroller .scrollable-content {
  right: 0;
  min-width: initial;
}
.ui-dropdown--relative .ui-dropdown-panel {
  position: relative;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.ui-dropdown--relative .ui-dropdown-panel .ui-dropdown-heading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 12px;
}
.ui-dropdown--relative .ui-dropdown-panel .ui-dropdown-heading:before {
  content: "";
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  display: block;
  height: 1px;
  background-color: #e5e5e5;
}
.ui-dropdown--relative .ui-dropdown-panel .ui-dropdown-heading .title {
  margin-right: auto;
}
.ui-dropdown--relative .ui-dropdown-panel .ui-dropdown-close-icon {
  color: var(--ic-light, #c7cdcf);
  font-size: 0;
  cursor: pointer;
}
.ui-dropdown--relative .ui-dropdown-panel .ui-dropdown-close-icon:hover {
  color: #FF5757;
}
.ui-dropdown--relative .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items {
  padding-right: 18px;
}
.ui-dropdown--relative .ui-dropdown-panel .ui-dropdown-list {
  overflow: hidden;
  padding: 12px 5px 5px 5px;
}
.ui-dropdown--relative .ui-dropdown-panel .ui-dropdown-item {
  position: relative;
  width: 100%;
  margin-bottom: 1px;
  padding: 0 4px 0 0;
}
.ui-dropdown--relative .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option {
  margin-left: 0;
}
.ui-dropdown--relative .ui-dropdown-panel .ui-dropdown-option {
  display: flex;
  align-items: center;
  min-height: 38px;
  margin: 0 0 0 10px;
  padding: 0 2px;
  border-radius: 4px;
  transition: margin-left 100ms ease-in;
}
.ui-dropdown--relative .ui-dropdown-panel .ui-dropdown-option:after {
  content: "";
  display: block;
  min-height: inherit;
  font-size: 0;
}
.ui-dropdown--relative .ui-dropdown-panel.ui-position-top {
  transform-origin: 0 bottom;
}
.ui-dropdown--relative .ui-dropdown-panel.ui-position-bottom {
  transform-origin: 0 top;
}
.ui-dropdown--relative .ui-dropdown-clear-icon {
  position: absolute;
  top: 0;
  right: 25px;
  width: 20px;
  height: 30px;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-0, #FFFFFF);
  transition: opacity 200ms ease-out;
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-clear-icon {
  right: 40px;
  height: 34px;
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-trigger {
  width: 35px;
  border-left: 1px solid var(--G-0, #FFFFFF);
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-item {
  margin-bottom: 5px;
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-item .ui-dropdown-option {
  margin-left: 0;
  padding-left: 11px;
  min-height: 34px;
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-item .ui-dropdown-option:hover {
  background-color: transparent;
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option {
  margin-left: 0;
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option .status-option__bar {
  transform: translateX(-5px);
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight .ui-dropdown-option .status-option__checkmark {
  opacity: 1;
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-panel .ui-dropdown-list {
  padding: 7px 5px 2px 0;
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items {
  padding-right: 14px;
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-panel .custom-scrollbar__scroll-overlay {
  right: 4px;
  top: 8px;
  bottom: 8px;
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-label {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-dropdown--relative.ui-dropdown--status .ui-dropdown-label .tag--size-l {
  padding-right: 44px;
}
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown--filter {
  height: 32px;
  margin-top: -1px;
}
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown--filter .ui-dropdown-label.ui-placeholder,
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown--filter .ui-dropdown-label {
  min-width: 255px;
  height: 32px;
}
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown--filter .ui-dropdown-label.ui-placeholder .tag,
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown--filter .ui-dropdown-label .tag {
  padding-right: 30px;
}
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown--filter .ui-dropdown-panel {
  border: none;
  box-shadow: -1px 4px 8px rgba(128, 128, 128, 0.5);
  min-width: auto;
}
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown--filter .ui-dropdown-panel .ui-dropdown-option {
  min-height: 34px;
}
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown-open {
  z-index: 1010;
}
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown-open .ui-dropdown-clear-icon {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown-open.ui-dropdown--filter {
  height: 32px;
  margin-top: -1px;
}
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown-open.ui-dropdown--filter .ui-dropdown-label.ui-placeholder,
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown-open.ui-dropdown--filter .ui-dropdown-label {
  min-width: 255px;
  height: 32px;
}
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown-open.ui-dropdown--filter .ui-dropdown-label.ui-placeholder .tag,
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown-open.ui-dropdown--filter .ui-dropdown-label .tag {
  padding-right: 30px;
}
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown-open.ui-dropdown--filter .ui-dropdown-panel {
  border: none;
  box-shadow: -1px 4px 8px rgba(128, 128, 128, 0.5);
  min-width: auto;
}
.ui-dropdown--relative.ui-dropdown--status.ui-dropdown-open.ui-dropdown--filter .ui-dropdown-panel .ui-dropdown-option {
  min-height: 34px;
}
.ui-dropdown--relative.ui-dropdown--relative-tiny {
  max-width: 252px;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 17px;
}
.ui-dropdown--relative.ui-dropdown--relative-tiny:not(ss-position-content) {
  height: 32px;
}
.ui-dropdown--relative.ui-dropdown--relative-tiny .ui-dropdown-heading {
  padding: 12px 10px 12px 15px;
}
.ui-dropdown--relative.ui-dropdown--relative-tiny .ui-dropdown-label,
.ui-dropdown--relative.ui-dropdown--relative-tiny .ui-dropdown-label.ui-placeholder {
  display: inline-flex;
  width: auto;
  padding-right: 0;
  background: transparent;
}
.ui-dropdown--relative.ui-dropdown--relative-tiny .ui-dropdown-trigger {
  position: relative;
  margin-right: -8px;
  height: 32px;
  width: 24px;
}
.ui-dropdown--relative.ui-dropdown--relative-tiny .ui-dropdown-trigger-icon {
  height: 4px;
  margin-top: -2px;
}
.ui-dropdown--relative.ui-dropdown--relative-tiny .ui-dropdown-trigger-icon:before {
  display: none;
}
.ui-dropdown--relative.ui-dropdown--relative-tiny .ui-dropdown-trigger-icon:after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--ic-darker, #151515);
  top: 0;
  right: 0;
  background-color: transparent !important;
  transform: rotate(0);
}
.ui-dropdown--relative.ui-dropdown--relative-tiny .ui-dropdown-panel {
  width: 100%;
  min-width: 100%;
}
.ui-dropdown--relative.ui-dropdown--relative-tiny .ui-dropdown-panel .ui-dropdown-item {
  padding-right: 0;
}
.ui-dropdown--relative.ui-dropdown--relative-tiny .ui-dropdown-panel .ui-dropdown-list {
  padding: 5px;
}
.ui-dropdown--relative.ui-dropdown--relative-tiny .ui-dropdown-panel .ui-dropdown-option {
  margin: 0;
  padding: 0;
}
.ui-dropdown--relative.ui-dropdown--relative-tiny.ui-dropdown-open, .ui-dropdown--relative.ui-dropdown--relative-tiny:hover:not(ss-position-content) {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-dropdown--relative.ui-dropdown--relative-fixed-width .ui-dropdown-panel {
  width: 300px;
  min-width: 300px;
}
.ui-dropdown--relative.ui-dropdown--relative-fixed-width .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items {
  padding-right: 12px;
}
.ui-dropdown--relative.ui-dropdown--choose-account .ui-dropdown-panel .ui-dropdown-items.is-empty {
  padding: 0;
}
.ui-inputwrapper-filled .ui-dropdown.ui-dropdown--relative .ui-dropdown-trigger-icon:before, .ui-inputwrapper-filled .ui-dropdown.ui-dropdown--relative .ui-dropdown-trigger-icon:after,
.ui-inputwrapper-filled .ui-dropdown.ui-dropdown--relative:hover .ui-dropdown-trigger-icon:before,
.ui-inputwrapper-filled .ui-dropdown.ui-dropdown--relative:hover .ui-dropdown-trigger-icon:after {
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown--default-tiny.ui-dropdown,
.ui-dropdown--default-tiny-filled.ui-dropdown {
  width: 100%;
  height: 30px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
}
.ui-dropdown--default-tiny.ui-dropdown:before,
.ui-dropdown--default-tiny-filled.ui-dropdown:before {
  content: "";
  z-index: 1;
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  bottom: -1px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  transition: border-color 150ms ease-out;
}
.ui-dropdown--default-tiny.ui-dropdown:after,
.ui-dropdown--default-tiny-filled.ui-dropdown:after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  opacity: 0;
  pointer-events: none;
  border: 3px solid var(--solution-primary-color);
  visibility: hidden;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.ui-dropdown--default-tiny.ui-dropdown:hover .ui-dropdown-trigger-icon:before, .ui-dropdown--default-tiny.ui-dropdown:hover .ui-dropdown-trigger-icon:after,
.ui-dropdown--default-tiny-filled.ui-dropdown:hover .ui-dropdown-trigger-icon:before,
.ui-dropdown--default-tiny-filled.ui-dropdown:hover .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-primary-color);
}
.ui-dropdown--default-tiny.ui-dropdown:hover:before,
.ui-dropdown--default-tiny-filled.ui-dropdown:hover:before {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.ui-dropdown--default-tiny.ui-dropdown.ui-dropdown-open:before,
.ui-dropdown--default-tiny-filled.ui-dropdown.ui-dropdown-open:before {
  opacity: 1;
  border: 1px solid var(--solution-primary-color);
}
.ui-dropdown--default-tiny.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon,
.ui-dropdown--default-tiny-filled.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  transform: scaleY(-1);
}
.ui-dropdown--default-tiny.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:before, .ui-dropdown--default-tiny.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:after,
.ui-dropdown--default-tiny-filled.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:before,
.ui-dropdown--default-tiny-filled.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-primary-color);
}
.ui-dropdown--default-tiny.ui-dropdown .ui-dropdown-label,
.ui-dropdown--default-tiny-filled.ui-dropdown .ui-dropdown-label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 0 30px 0 11px;
  width: 100%;
  height: 30px;
  border-radius: 5px;
  background-color: transparent;
}
.ui-dropdown--default-tiny.ui-dropdown .ui-dropdown-label.ui-placeholder,
.ui-dropdown--default-tiny-filled.ui-dropdown .ui-dropdown-label.ui-placeholder {
  font-size: 13px;
  line-height: 30px;
  color: var(--G-4, #B2B2B3);
}
.ui-dropdown--default-tiny.ui-dropdown .ui-dropdown-label ss-paragraph,
.ui-dropdown--default-tiny-filled.ui-dropdown .ui-dropdown-label ss-paragraph {
  font-weight: 500;
  color: #4D4D4D;
}
.ui-dropdown--default-tiny.ui-dropdown .ui-dropdown-trigger,
.ui-dropdown--default-tiny-filled.ui-dropdown .ui-dropdown-trigger {
  width: 30px;
  height: 30px;
  padding: 0;
  z-index: 1;
}
.ui-dropdown--default-tiny.ui-dropdown .ui-dropdown-trigger-icon,
.ui-dropdown--default-tiny-filled.ui-dropdown .ui-dropdown-trigger-icon {
  width: 10px;
  height: 6px;
  margin-top: -3px;
  margin-left: -5px;
  transition: transform 0.2s ease-in-out;
}
.ui-dropdown--default-tiny.ui-dropdown .ui-dropdown-trigger-icon:before,
.ui-dropdown--default-tiny-filled.ui-dropdown .ui-dropdown-trigger-icon:before {
  content: " ";
  position: absolute;
  top: -2px;
  left: 5px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--G-7, #6F7173);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(-45deg);
  transform-origin: left bottom;
}
.ui-dropdown--default-tiny.ui-dropdown .ui-dropdown-trigger-icon:after,
.ui-dropdown--default-tiny-filled.ui-dropdown .ui-dropdown-trigger-icon:after {
  content: " ";
  position: absolute;
  top: -2px;
  right: 5px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--G-7, #6F7173);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(45deg);
  transform-origin: right bottom;
}
.ui-dropdown--default-tiny .ui-dropdown-panel,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel {
  min-width: calc(100% + 2px);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: -1px 4px 8px 0 rgba(128, 128, 128, 0.5);
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-filter,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-filter {
  height: 32px;
  padding: 0 0 0 32px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  font-size: 13px;
  color: var(--ic-dark, #2D2D2D);
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-filter-container,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-filter-container {
  position: relative;
  display: block;
  min-width: 115px;
  padding: 4px;
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-filter-icon,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-filter-icon {
  position: absolute;
  top: 4px;
  left: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  color: var(--G-3, #C7C8C9);
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-filter-icon ss-ui-svg-icon,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-filter-icon ss-ui-svg-icon {
  display: inline-flex;
}
.ui-dropdown--default-tiny .ui-dropdown-panel .custom-scrollbar.active-y .custom-scrollbar__scroll-overlay,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .custom-scrollbar.active-y .custom-scrollbar__scroll-overlay {
  bottom: 4px;
}
.ui-dropdown--default-tiny .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items {
  padding-right: 14px;
}
.ui-dropdown--default-tiny .ui-dropdown-panel p-dropdownitem .ui-dropdown-item.ui-state-hidden,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel p-dropdownitem .ui-dropdown-item.ui-state-hidden {
  display: none;
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list {
  overflow: hidden;
  padding: 4px 4px 3px 4px;
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item {
  position: relative;
  width: 100%;
  padding: 0;
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-keyboard-highlight > .ui-dropdown-option, .ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item:hover > .ui-dropdown-option,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-keyboard-highlight > .ui-dropdown-option,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item:hover > .ui-dropdown-option {
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-keyboard-highlight > .ui-dropdown-option ss-ui-svg-icon, .ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item:hover > .ui-dropdown-option ss-ui-svg-icon,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-keyboard-highlight > .ui-dropdown-option ss-ui-svg-icon,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item:hover > .ui-dropdown-option ss-ui-svg-icon {
  color: var(--ic-dark, #2D2D2D);
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-keyboard-highlight > .ui-dropdown-option ss-paragraph, .ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item:hover > .ui-dropdown-option ss-paragraph,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-keyboard-highlight > .ui-dropdown-option ss-paragraph,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item:hover > .ui-dropdown-option ss-paragraph {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item .ui-dropdown-option,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item .ui-dropdown-option {
  display: flex;
  align-items: center;
  min-height: 30px;
  margin: 0 0 1px 0;
  padding: 0 8px;
  border-radius: 4px;
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item .ui-dropdown-option ss-ui-svg-icon,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item .ui-dropdown-option ss-ui-svg-icon {
  margin-right: 9px;
  color: var(--solution-primary-color);
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item .ui-dropdown-option ss-paragraph,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item .ui-dropdown-option ss-paragraph {
  font-weight: 500;
  color: #6B6B6B;
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item .ui-dropdown-option > ss-extra-option,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item .ui-dropdown-option > ss-extra-option {
  overflow: hidden;
  flex-grow: 1;
  width: auto;
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item .ui-group-items p-dropdownitem .ui-dropdown-option,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item .ui-group-items p-dropdownitem .ui-dropdown-option {
  padding-left: 30px;
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-disabled,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-disabled {
  opacity: 1;
  filter: none;
  cursor: pointer;
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-disabled > .ui-dropdown-option,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-disabled > .ui-dropdown-option {
  opacity: 0.35;
  background-image: none;
  cursor: default !important;
}
.ui-dropdown--default-tiny .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-empty-message,
.ui-dropdown--default-tiny-filled .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-empty-message {
  padding: 24px 0;
  font-size: 13px;
  color: var(--typo-secondary, #878B92);
  text-align: center;
}
.ui-dropdown--default-tiny.ui-dropdown--reverse,
.ui-dropdown--default-tiny-filled.ui-dropdown--reverse {
  height: 32px;
}
.ui-dropdown--default-tiny.ui-dropdown--reverse .ui-dropdown-trigger,
.ui-dropdown--default-tiny-filled.ui-dropdown--reverse .ui-dropdown-trigger {
  height: 32px;
}
.ui-dropdown--default-tiny.ui-dropdown--reverse .ui-dropdown-label,
.ui-dropdown--default-tiny-filled.ui-dropdown--reverse .ui-dropdown-label {
  height: 100%;
  padding-left: 9px;
}
.ui-dropdown--default-tiny.ui-dropdown--reverse .ui-dropdown-label ss-ui-svg-icon,
.ui-dropdown--default-tiny-filled.ui-dropdown--reverse .ui-dropdown-label ss-ui-svg-icon {
  margin-right: 7px;
  color: var(--G-4, #B2B2B3);
}
.ui-dropdown--default-tiny.ui-dropdown--reverse .ui-dropdown-label ss-paragraph,
.ui-dropdown--default-tiny-filled.ui-dropdown--reverse .ui-dropdown-label ss-paragraph {
  margin-top: 2px;
  color: #232B36;
}
.ui-dropdown--default-tiny.ui-dropdown--reverse::before,
.ui-dropdown--default-tiny-filled.ui-dropdown--reverse::before {
  border: 1px solid #D8D8D8;
}
.ui-dropdown--default-tiny--disabled-opaque .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-disabled > .ui-dropdown-option,
.ui-dropdown--default-tiny-filled--disabled-opaque .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-disabled > .ui-dropdown-option {
  opacity: 1 !important;
}
.ui-dropdown--default-tiny--disabled-no-hover .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-disabled:hover > .ui-dropdown-option,
.ui-dropdown--default-tiny-filled--disabled-no-hover .ui-dropdown-panel .ui-dropdown-list .ui-dropdown-item.ui-state-disabled:hover > .ui-dropdown-option {
  background-color: initial !important;
}
.ui-multiselect--default {
  position: relative;
  display: block;
  min-height: 30px;
}
.ui-multiselect--default::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  opacity: 0;
  border: 3px solid var(--solution-primary-color);
  visibility: hidden;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.ui-multiselect--default.ui-multiselect--expanding .ui-multiselect__current {
  display: none;
  opacity: 0;
}
.ui-multiselect--default.ui-multiselect--expanding.is-open .ui-multiselect__current {
  display: block;
}
.ui-multiselect--default.ui-multiselect--expanding.is-open .ui-multiselect__wrap {
  z-index: 1000;
  position: absolute;
  top: 0;
  min-width: 100%;
  max-width: 100%;
}
.ui-multiselect--default.ui-multiselect--nowrap {
  height: 30px;
}
.ui-multiselect--default.ui-multiselect--nowrap .ui-multiselect-label__container {
  flex-wrap: nowrap;
  height: 30px;
}
.ui-multiselect--default.ui-multiselect--nowrap.is-filled .ui-multiselect-label__trigger {
  border-left-color: var(--G-1-5, #E9E9E9);
}
.ui-multiselect--default:hover, .ui-multiselect--default:not(.is-disabled):hover {
  background-color: transparent;
}
.ui-multiselect--default:hover .ui-multiselect-label__trigger-icon:before, .ui-multiselect--default:hover .ui-multiselect-label__trigger-icon:after, .ui-multiselect--default:not(.is-disabled):hover .ui-multiselect-label__trigger-icon:before, .ui-multiselect--default:not(.is-disabled):hover .ui-multiselect-label__trigger-icon:after {
  background-color: var(--solution-hover-color);
}
.ui-multiselect--default.is-open .ui-multiselect-label:before {
  opacity: 1;
}
.ui-multiselect--default.is-open .ui-multiselect-label__trigger-icon {
  transform: scaleY(-1);
}
.ui-multiselect--default.is-open .ui-multiselect-label__trigger-icon:before, .ui-multiselect--default.is-open .ui-multiselect-label__trigger-icon:after {
  background-color: var(--solution-primary-color);
}
.ui-multiselect--default.is-open::after {
  opacity: 0.3;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.ui-multiselect--default.flip-vertical.ui-multiselect-panel--arrow .ui-multiselect-panel:before {
  top: initial;
  bottom: -5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px -3px 6px;
}
.ui-multiselect--default.ui-multiselect-panel--resizable .ui-multiselect-panel ss-custom-scrollbar.custom-scrollbar .custom-scrollbar__scroll-overlay {
  bottom: 14px;
}
.ui-multiselect--default.ui-multiselect--hide-actionoptions .ui-multiselect-label__options {
  opacity: 0;
  pointer-events: none;
}
.ui-multiselect--default.ui-multiselect-panel--arrow .ui-multiselect-panel:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  width: 9.34px;
  height: 9.34px;
  margin-left: -5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px;
  background-color: var(--G-0, #FFFFFF);
  transform: rotate(45deg);
}
.ui-multiselect--actionbutton:after {
  display: none;
}
.ui-multiselect--default .ui-multiselect-label {
  overflow: visible;
  position: relative;
  display: flex;
  width: 100%;
  min-height: 30px;
  padding: 0;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
}
.ui-multiselect--default .ui-multiselect-label:before {
  content: "";
  opacity: 0;
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  bottom: -1px;
  display: block;
  border: 1px solid var(--solution-primary-color);
  border-radius: 5px;
}
.ui-multiselect--default .ui-multiselect-label__container {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  padding: 2px 4px;
}
.ui-multiselect--default .ui-multiselect-label__container > * {
  margin-top: 1px;
  margin-bottom: 1px;
}
.ui-multiselect--default .ui-multiselect-label__container > span {
  overflow: hidden;
  display: block;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 6px;
  font-size: 13px;
  line-height: 26px;
  letter-spacing: -0.21px;
  color: var(--inactive, #B2B2B3);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-multiselect--default .ui-multiselect-label__container > ss-paragraph {
  line-height: 26px;
}
.ui-multiselect--default .ui-multiselect-label__container > ss-paragraph:first-child {
  margin-left: 6px;
}
.ui-multiselect--default .ui-multiselect-label__action {
  display: flex;
  align-items: center;
  height: 26px;
  margin-right: 4px;
}
.ui-multiselect--default .ui-multiselect-label__action-round {
  margin-right: 8px;
  margin-left: 5px;
}
.ui-multiselect--default .ui-multiselect-label__options {
  position: absolute;
  right: 0;
  bottom: 7px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 26px;
  margin: 0;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 3px;
  color: var(--typo-primary, #2E3538);
}
.ui-multiselect--default .ui-multiselect-label__options:hover {
  color: var(--solution-primary-color);
}
.ui-multiselect--default .ui-multiselect-label__trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 30px;
  border-left: 1px solid transparent;
}
.ui-multiselect--default .ui-multiselect-label__trigger-icon {
  position: relative;
  width: 10px;
  height: 6px;
  transition: transform 0.2s ease-in-out;
}
.ui-multiselect--default .ui-multiselect-label__trigger-icon:before {
  content: " ";
  position: absolute;
  top: -2px;
  left: 5px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--G-7, #6F7173);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(-45deg);
  transform-origin: left bottom;
}
.ui-multiselect--default .ui-multiselect-label__trigger-icon:after {
  content: " ";
  position: absolute;
  top: -2px;
  right: 5px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--G-7, #6F7173);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(45deg);
  transform-origin: right bottom;
}
.ui-multiselect--default .ui-multiselect-label .ui-multiselect-label__add {
  z-index: 3;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--G-1, #F3F3F4);
  font-size: 0;
  color: var(--solution-primary-color);
  cursor: pointer;
  transition: background 100ms ease-in;
}
.ui-multiselect--default .ui-multiselect-label .ui-multiselect-label__add:hover {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  transition: background 200ms ease-out;
}
.ui-multiselect--default .ui-multiselect-panel {
  position: relative;
  min-width: 198px;
  padding: 0;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  cursor: default;
}
.ui-multiselect--default .ui-multiselect-panel__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--G-0, #FFFFFF);
  z-index: 1;
  border-radius: 5px;
}
.ui-multiselect--default .ui-multiselect-panel__heading {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 12px;
}
.ui-multiselect--default .ui-multiselect-panel__heading:before {
  content: "";
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-multiselect--default .ui-multiselect-panel__heading-close {
  color: var(--ic-light, #c7cdcf);
  font-size: 0;
  cursor: pointer;
}
.ui-multiselect--default .ui-multiselect-panel__heading-close:hover {
  color: var(--G-5, #9B9C9E);
}
.ui-multiselect--default .ui-multiselect-panel__checkbox {
  padding: 0 10px 0 4px;
  position: relative;
  z-index: 2;
}
.ui-multiselect--default .ui-multiselect-panel__checkbox.is-active .ui-multiselect-panel__checkbox-icon {
  border-color: var(--solution-primary-color);
  background-color: var(--solution-primary-color);
}
.ui-multiselect--default .ui-multiselect-panel__checkbox.is-active .ui-multiselect-panel__checkbox-icon:before {
  opacity: 1;
}
.ui-multiselect--default .ui-multiselect-panel__checkbox-icon {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid var(--G-2, #DEDEDE);
  border-radius: 3px;
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
}
.ui-multiselect--default .ui-multiselect-panel__checkbox-icon:hover {
  border-color: var(--solution-primary-color);
}
.ui-multiselect--default .ui-multiselect-panel__checkbox-icon:before {
  content: " ";
  opacity: 0;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 5px;
  height: 9px;
  border-bottom: 2px solid var(--G-0, #FFFFFF);
  border-right: 2px solid var(--G-0, #FFFFFF);
  transform: rotate(45deg);
}
.ui-multiselect--default .ui-multiselect-panel__header {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
  padding: 5px;
}
.ui-multiselect--default .ui-multiselect-panel__header-input {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
}
.ui-multiselect--default .ui-multiselect-panel__header-filter {
  flex-grow: 1;
}
.ui-multiselect--default .ui-multiselect-panel__header-filter input {
  width: 100%;
  height: 35px;
  border: none;
  padding: 0 0 0 12px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  font-size: 13px;
  color: var(--ic-dark, #2D2D2D);
}
.ui-multiselect--default .ui-multiselect-panel__items {
  position: relative;
  z-index: 2;
}
.ui-multiselect--default .ui-multiselect-panel__items-container {
  min-height: 46px;
  padding: 5px;
}
.ui-multiselect--default .ui-multiselect-panel__items-container p-multiselectitem {
  display: block;
  max-width: 100%;
}
.ui-multiselect--default .ui-multiselect-panel__items ss-custom-scrollbar.custom-scrollbar.active-y .ui-multiselect-panel__items-container {
  padding-right: 16px;
}
.ui-multiselect--default .ui-multiselect-panel__items ss-custom-scrollbar.custom-scrollbar .custom-scrollbar__scroll-overlay {
  bottom: 5px;
}
.ui-multiselect--default .ui-multiselect-panel__footer {
  position: relative;
  z-index: 2;
}
.ui-multiselect--default .ui-multiselect-panel__footer-action {
  padding: 0 10px 5px 10px;
}
.ui-multiselect--default .ui-multiselect-panel__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  font-size: 13px;
  white-space: nowrap;
  text-align: center;
  position: relative;
  z-index: 2;
}
.ui-multiselect--default .ui-multiselect-panel__empty--filter {
  color: var(--typo-secondary, #878B92);
}
.ui-multiselect--default .ui-multiselect-panel__empty--default {
  color: var(--inactive, #B2B2B3);
}
.ui-multiselect--default .ui-multiselect-panel__resize {
  opacity: 0.5;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  background-color: transparent;
  color: var(--G-5, #9B9C9E);
  cursor: row-resize;
  transition: opacity 200ms ease-out;
  z-index: 2;
}
.ui-multiselect--default .ui-multiselect-panel__resize:hover {
  opacity: 1;
}
.ui-multiselect--default .ui-multiselect-item {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 36px;
  margin: 0;
  padding: 0 4px;
  border-radius: 5px;
  outline: none;
  -webkit-user-select: none;
          user-select: none;
  white-space: normal;
}
.ui-multiselect--default .ui-multiselect-item:not(.is-disabled):hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-multiselect--default .ui-multiselect-item:not(.is-disabled):hover .profile-icon {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.ui-multiselect--default .ui-multiselect-item:not(.is-disabled):focus {
  background-color: var(--G-1, #F3F3F4);
}
.ui-multiselect--default .ui-multiselect-item__checkbox {
  display: flex;
  margin: 0 10px 0 0;
  position: relative;
  z-index: 1;
}
.ui-multiselect--default .ui-multiselect-item__checkbox.is-active .ui-multiselect-item__checkbox-icon {
  border-color: var(--solution-primary-color);
  background-color: var(--solution-primary-color);
}
.ui-multiselect--default .ui-multiselect-item__checkbox.is-active .ui-multiselect-item__checkbox-icon:before {
  opacity: 1;
}
.ui-multiselect--default .ui-multiselect-item__checkbox-icon {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid var(--G-2, #DEDEDE);
  border-radius: 3px;
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
}
.ui-multiselect--default .ui-multiselect-item__checkbox-icon:hover {
  border-color: var(--solution-primary-color);
}
.ui-multiselect--default .ui-multiselect-item__checkbox-icon:before {
  content: " ";
  opacity: 0;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 5px;
  height: 9px;
  border-bottom: 2px solid var(--G-0, #FFFFFF);
  border-right: 2px solid var(--G-0, #FFFFFF);
  transform: rotate(45deg);
}
.ui-multiselect--default .ui-multiselect-item__value {
  flex-grow: 1;
  overflow: hidden;
  font-size: 0;
}
.ui-multiselect--default.ui-multiselect--users.ui-multiselect--inline .ui-multiselect-panel {
  min-width: 250px;
  margin-right: -30px;
}
.ui-multiselect--default.ui-multiselect--teams .ui-multiselect-label__container ss-ui-tag-avatar {
  margin-right: 7px;
}
.ui-multiselect--default.ui-multiselect--teams .ui-multiselect-item:hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-multiselect--default.ui-multiselect--teams.ui-multiselect--inline .ui-multiselect-panel {
  min-width: calc(100% + 30px);
}
.ui-multiselect--default.ui-multiselect--teams.ui-multiselect--invited-teams .ui-multiselect-panel__footer {
  padding-top: 10px;
  border-top: 1px solid var(--G-2, #DEDEDE);
}
.ui-multiselect--default.ui-multiselect--widgets.ui-multiselect {
  min-height: 48px;
}
.ui-multiselect--default.ui-multiselect--widgets.flip-vertical .ui-multiselect-panel__widget-close {
  top: initial;
  bottom: -17px;
}
.ui-multiselect--default.ui-multiselect--widgets.is-open .ui-multiselect-label__add {
  opacity: 0;
}
.ui-multiselect--default.ui-multiselect--widgets.ui-multiselect--form .ui-multiselect-label {
  background-color: transparent;
}
.ui-multiselect--default.ui-multiselect--widgets .ui-multiselect-label {
  overflow: visible;
  min-height: 48px;
  padding-left: 7px;
  background-color: transparent;
}
.ui-multiselect--default.ui-multiselect--widgets .ui-multiselect-label__add {
  margin-left: -7px;
}
.ui-multiselect--default.ui-multiselect--widgets .ui-multiselect-label:before {
  display: none;
}
.ui-multiselect--default.ui-multiselect--widgets .ui-multiselect-label__container {
  overflow: visible;
}
.ui-multiselect--default.ui-multiselect--widgets .ui-multiselect-label__container ss-ui-avatar {
  margin-left: -5px;
}
.ui-multiselect--default.ui-multiselect--widgets .ui-multiselect-label__container ss-ui-avatar .avatar:not(.member-preview-popup-avatar) {
  width: 48px;
  min-width: 48px;
  height: 48px;
  margin-left: -5px;
  border: 2px solid var(--G-0, #FFFFFF);
}
.ui-multiselect--default.ui-multiselect--widgets .ui-multiselect-label__container ss-ui-avatar ~ .ui-multiselect-label__add {
  margin-left: -10px;
  border: 2px solid var(--G-0, #FFFFFF);
}
.ui-multiselect--default.ui-multiselect--widgets .ui-multiselect-panel {
  min-width: 306px;
  max-width: 306px;
}
.ui-multiselect--default.ui-multiselect--widgets .ui-multiselect-panel__widget-close {
  z-index: 3;
  position: absolute;
  top: -15px;
  left: -15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
  background-color: var(--G-4, #B2B2B3);
  color: var(--G-0, #FFFFFF);
  transform: rotate(45deg);
  cursor: pointer;
}
.ui-multiselect--default.ui-multiselect--widgets .ui-multiselect-panel__widget-close:hover {
  background-color: var(--G-5, #9B9C9E);
}
.ui-multiselect--default.ui-multiselect--hashtags .ui-multiselect-panel__items-container {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 2px;
}
.ui-multiselect--default.ui-multiselect--hashtags .ui-multiselect-panel__items-container p-multiselectitem {
  display: inline-flex;
  margin-top: 3px;
  margin-right: 6px;
  margin-bottom: 3px;
}
.ui-multiselect--default.ui-multiselect--hashtags .ui-multiselect-panel__items-container p-multiselectitem .ui-multiselect-item {
  min-height: initial;
  padding: 0;
  background-color: transparent;
}
.ui-multiselect--default.ui-multiselect--hashtags .ui-multiselect-panel__items-container p-multiselectitem .ui-multiselect-item:hover {
  background-color: transparent;
}
.ui-multiselect--default.ui-multiselect--hashtags.ui-multiselect--inline .ui-multiselect-panel {
  min-width: calc(100% + 168px);
  max-width: none;
}
.ui-multiselect--default.ui-multiselect--hashtags.ui-multiselect--form.is-open .ui-multiselect-label ss-ui-tag .tag--mode-hashtag {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-multiselect--default.ui-multiselect--lazydisplay.ui-multiselect--inline.ui-multiselect--actionbutton .ui-multiselect-label__action {
  position: absolute;
  top: 7px;
  left: 7px;
  margin: 0;
}
.ui-multiselect--default.ui-multiselect--lazydisplay.ui-multiselect--inline.ui-multiselect--actionbutton .ui-multiselect-label__action-round {
  top: 6px;
  left: 11px;
}
.ui-multiselect--default.ui-multiselect--lazydisplay.ui-multiselect--inline.ui-multiselect--actionbutton .ui-multiselect-label__container ss-field-lazy-display-render {
  margin: 0;
}
.ui-multiselect--default.ui-multiselect--lazydisplay.ui-multiselect--inline.ui-multiselect--actionbutton .ui-multiselect-label__container ss-field-lazy-display-render ss-lazy-display-render .lazy-display-render > * {
  margin-right: 7px;
  margin-bottom: 8px;
}
.ui-multiselect--default.ui-multiselect--lazydisplay.ui-multiselect--inline.ui-multiselect--actionbutton .ui-multiselect-label__container ss-field-lazy-display-render ss-lazy-display-render .lazy-display-render > *:first-of-type {
  max-width: calc(100% - 33px);
  margin-left: 33px;
}
.ui-multiselect--default.ui-multiselect--lazydisplay.ui-multiselect--inline.ui-multiselect--actionbutton.ui-multiselect--hashtags .ui-multiselect-label__container ss-lazy-display-render .lazy-display-render > * {
  margin-top: 0;
  margin-bottom: 7px;
}
.ui-multiselect--default.ui-multiselect--lazydisplay.ui-multiselect--inline.ui-multiselect--actionbutton.ui-multiselect--user-picture .ui-multiselect-label__container {
  padding-top: 4px;
}
.ui-multiselect--default.ui-multiselect--lazydisplay.ui-multiselect--inline.ui-multiselect--actionbutton.ui-multiselect--user-picture .ui-multiselect-label__container ss-lazy-display-render .lazy-display-render > * {
  margin-right: 2px;
  margin-bottom: 7px;
}
.ui-multiselect--default.ui-multiselect--lazydisplay.ui-multiselect--inline.ui-multiselect--actionbutton.ui-multiselect--user-picture-compact .ui-multiselect-label__container ss-lazy-display-render .lazy-display-render > * {
  margin-bottom: 4px;
}
.ui-multiselect--default.ui-multiselect--multi.ui-multiselect--format-text_only .ui-multiselect-item:hover .ui-multiselect-item__value > ss-paragraph.secondary {
  color: var(--typo-primary, #2E3538);
}
.ui-multiselect--default.ui-multiselect--multi.ui-multiselect--inline .ui-multiselect-panel {
  min-width: calc(100% + 30px);
}
.ui-multiselect--default.ui-multiselect--automations .ui-multiselect-label {
  background: transparent;
}
.ui-multiselect--default.ui-multiselect--automations .ui-multiselect-label::before {
  opacity: 0;
}
.ui-multiselect--default.ui-multiselect--automations .ui-multiselect-label__container > span {
  color: var(--typo-secondary, #878B92);
}
.ui-multiselect--default.ui-multiselect--automations .ui-multiselect-item {
  transition: background-color 150ms ease-out;
}
.ui-multiselect--default.ui-multiselect--automations .ui-multiselect-item:hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-multiselect--default.ui-multiselect--no-highlight .ui-multiselect-item:focus:not(:hover) {
  background-color: transparent;
}
.ui-multiselect--default.ui-multiselect--inline:not(ss-position-content) {
  height: 100%;
}
.ui-multiselect--default.ui-multiselect--inline .ui-multiselect__wrap {
  height: 100%;
}
.ui-multiselect--default.ui-multiselect--inline .ui-multiselect-label {
  overflow: hidden;
  height: 100%;
}
.ui-multiselect--default.ui-multiselect--inline .ui-multiselect-label:before {
  display: none;
}
.ui-multiselect--default.ui-multiselect--inline .ui-multiselect-label__container {
  padding-top: 7px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 7px;
}
.ui-multiselect--default.ui-multiselect--inline .ui-multiselect-label__container > *:not(.ui-multiselect-label__options):not(.ui-multiselect-label__action) {
  margin-top: 0;
  margin-right: 7px;
  margin-bottom: 7px;
}
.ui-multiselect--default.ui-multiselect--inline .ui-multiselect-label__action {
  margin-right: 7px;
  margin-bottom: 7px;
}
.ui-multiselect--default.ui-multiselect--inline .ui-multiselect-panel:after {
  content: "";
  position: absolute;
  top: -13px;
  height: 13px;
  left: 0;
  right: 0;
}
.ui-multiselect--default.ui-multiselect--inline .ui-multiselect-panel__add-new-button {
  z-index: 2;
  position: relative;
  display: flex;
  height: 58px;
  align-items: center;
  padding-left: 20px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.ui-multiselect--default.ui-multiselect--inline.flip-vertical.ui-multiselect--footer .ui-multiselect-panel:before {
  background-color: var(--G-0-5, #FAFAFA);
}
.ui-multiselect--default.ui-multiselect--form {
  min-height: 32px;
}
.ui-multiselect--default.ui-multiselect--form.ui-multiselect--nowrap {
  height: 32px;
}
.ui-multiselect--default.ui-multiselect--form.ui-multiselect--nowrap .ui-multiselect-label__container {
  height: 32px;
}
.ui-multiselect--default.ui-multiselect--form.ui-multiselect--hashtags .ui-multiselect-label__container ss-ui-tag {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
}
.ui-multiselect--default.ui-multiselect--form.is-open .ui-multiselect-label__container ss-ui-tag .tag--nofilled:not(.tag--mark) {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-label {
  min-height: 32px;
  background-color: transparent;
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-label:before {
  display: none;
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-label__container {
  padding: 1px 3px;
  align-items: center;
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-label__container > * {
  margin-top: 2px;
  margin-bottom: 2px;
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-label__container ss-ui-tag, .ui-multiselect--default.ui-multiselect--form .ui-multiselect-label__container ss-ui-user-extra, .ui-multiselect--default.ui-multiselect--form .ui-multiselect-label__container ss-ui-tag-avatar {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 6px;
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-label__container ss-ui-tag .tag--nofilled:not(.tag--mark) {
  background-color: var(--G-2, #DEDEDE);
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-label__container ss-ui-tag .tag__overlay {
  color: var(--G-1, #F3F3F4);
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-label__container ss-ui-tag .tag--mark {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-label__container ss-ui-tag .tag--mark .tag__overlay {
  color: var(--G-1-5, #E9E9E9);
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-label__container > span {
  height: 26px;
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-label__trigger {
  height: 32px;
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-item:hover ss-ui-tag .tag--mark,
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-item:hover ss-ui-tag .tag--nofilled:not(.tag--mode-hashtag) {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-multiselect--default.ui-multiselect--form .ui-multiselect-item:hover ss-ui-user-extra .user-extra__name {
  background-color: var(--G-0-5, #FAFAFA);
}
.ui-multiselect--default.ui-multiselect--form.is-read-only .ui-multiselect-label__action {
  display: none;
}
.ui-multiselect--default.ui-multiselect--form.is-read-only .ui-multiselect-label__container {
  padding: 1px 10px;
}
.ui-multiselect--default.ui-multiselect--form.is-read-only ss-ui-user-extra {
  width: auto;
}
.ui-multiselect--default.ui-multiselect--form.is-disabled {
  cursor: default;
}
.ui-multiselect--default.ui-multiselect--form.is-disabled .ui-multiselect__disabled-message {
  margin: 0;
  margin-left: -8px;
}
.ui-multiselect--default.ui-multiselect--form.is-disabled .ui-multiselect-label {
  cursor: default;
}
.ui-multiselect--default.ui-multiselect--expand .ui-multiselect-panel {
  max-width: 390px;
}
.ui-multiselect--default.ui-multiselect--expand .ui-multiselect__wrap {
  height: 100%;
}
.ui-multiselect--default.ui-multiselect--expand .ui-multiselect-label {
  height: 100%;
  background-color: transparent;
}
.ui-multiselect--default.ui-multiselect--expand .ui-multiselect-label__action {
  width: 100%;
  margin-bottom: 7px;
}
.ui-multiselect--default.ui-multiselect--expand .ui-multiselect-label__action .button.is-active {
  background-color: var(--G-1-6, #E8E8E8);
}
.ui-multiselect--default.ui-multiselect--expand .ui-multiselect-label__action-round {
  margin-bottom: 10px;
  margin-left: 0;
}
.ui-multiselect--default.ui-multiselect--expand .ui-multiselect-label__action-round .button.is-active {
  background-color: transparent;
}
.ui-multiselect--default.ui-multiselect--expand .ui-multiselect-label::before {
  display: none;
}
.ui-multiselect--default.ui-multiselect--expand .ui-multiselect-label__container {
  height: 100%;
  min-height: initial;
  padding: 0;
  cursor: default;
}
.ui-multiselect--default.ui-multiselect--expand .ui-multiselect-label__container > *:not(.ui-multiselect-label__options):not(.ui-multiselect-label__action) {
  margin-top: 0;
  margin-right: 7px;
  margin-bottom: 7px;
}
.ui-multiselect--default.ui-multiselect--formula .ui-multiselect-label {
  min-height: 32px;
  background-color: transparent;
}
.ui-multiselect--default.ui-multiselect--formula .ui-multiselect-label__container {
  padding: 1px 3px;
  align-items: center;
}
.ui-multiselect--default.ui-multiselect--formula .ui-multiselect-label__container > * {
  margin-top: 2px;
  margin-bottom: 2px;
}
.ui-multiselect--default.ui-multiselect--formula .ui-multiselect-label__container ss-ui-user-extra {
  width: auto;
}
.ui-multiselect--default.ui-multiselect--formula .ui-multiselect-label__container ss-ui-tag, .ui-multiselect--default.ui-multiselect--formula .ui-multiselect-label__container ss-ui-user-extra, .ui-multiselect--default.ui-multiselect--formula .ui-multiselect-label__container ss-ui-tag-avatar {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 6px;
}
.ui-multiselect--default.ui-multiselect--formula .ui-multiselect-label__container ss-ui-tag .tag--nofilled:not(.tag--mark), .ui-multiselect--default.ui-multiselect--formula .ui-multiselect-label__container ss-ui-tag .tag--nofilled:not(.tag--mode-hashtag) {
  background-color: var(--G-2, #DEDEDE);
}
.ui-multiselect--default.ui-multiselect--formula .ui-multiselect-label__container ss-ui-tag .tag__overlay {
  color: var(--G-2, #DEDEDE);
}
.ui-multiselect--default.ui-multiselect--formula .ui-multiselect-label__container ss-ui-tag .tag--mark {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-multiselect--default.ui-multiselect--formula .ui-multiselect-label__container > span {
  height: 26px;
}
.ui-multiselect-item.is-highlight {
  background: var(--G-1, #F3F3F4);
}
.ui-dropdown--extra-right.ui-dropdown {
  right: 0;
}
.ui-dropdown--extra.ui-dropdown--check-mark-mini .ui-dropdown-panel .ui-dropdown-option {
  padding-left: 34px;
}
.ui-dropdown--extra.ui-dropdown--check-mark-mini .ui-dropdown-panel .ui-dropdown-option::after {
  border-bottom-color: var(--ic-darker, #151515);
  border-right-color: var(--ic-darker, #151515);
}
.ui-dropdown--extra.ui-dropdown--check-mark .ui-dropdown-trigger-icon {
  left: auto;
  right: 0;
  top: 55%;
  margin: 0;
}
.ui-dropdown--extra.ui-dropdown-open .ui-dropdown-trigger-icon {
  transform: translateY(0);
  top: 32%;
  border-top-color: transparent;
  border-bottom-color: #3A86FF;
  background-image: none;
}
.ui-dropdown--extra .ui-dropdown-trigger {
  z-index: 1050;
  width: 31px;
  height: 28px;
  padding: 0;
  pointer-events: none;
}
.ui-dropdown--extra .ui-dropdown-trigger-icon {
  position: absolute;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
  margin: 3px 0 0 0;
  padding: 0;
  border: 5px solid transparent;
  border-top-color: var(--typo-primary, #2E3538);
  background: none;
}
.ui-dropdown--extra .ui-dropdown-label {
  padding-right: 20px;
}
.ui-dropdown--extra .ui-dropdown-panel {
  position: relative;
  border-radius: 5px;
  box-shadow: -1px 4px 8px 0 rgba(128, 128, 128, 0.5);
}
.ui-dropdown--extra .ui-dropdown-panel .ui-state-highlight ss-paragraph {
  font-weight: 500;
}
.ui-dropdown--extra .ui-dropdown-panel .ui-dropdown-filter {
  height: 32px;
  padding: 0 0 0 32px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  font-size: 13px;
  color: var(--ic-dark, #2D2D2D);
}
.ui-dropdown--extra .ui-dropdown-panel .ui-dropdown-filter-container {
  position: relative;
  display: block;
  min-width: 115px;
  padding: 4px;
}
.ui-dropdown--extra .ui-dropdown-panel .ui-dropdown-filter-icon {
  position: absolute;
  top: 4px;
  left: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  color: var(--G-3, #C7C8C9);
}
.ui-dropdown--extra .ui-dropdown-panel .ui-dropdown-filter-icon ss-ui-svg-icon {
  display: inline-flex;
}
.ui-dropdown--extra .ui-dropdown-panel {
  width: 280px !important;
}
.ui-dropdown--automations.ui-dropdown.ui-dropdown-open:before {
  opacity: 0;
}
.ui-dropdown--automations.ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  border-radius: transparent;
}
/* Custom */
.ui-dropdown--caption.ui-dropdown {
  width: 100%;
  position: relative;
}
.ui-dropdown--caption.ui-dropdown:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border: 1px solid var(--solution-primary-color);
  opacity: 0;
  display: block;
  z-index: 1;
  border-radius: 5px 0 0 4px;
}
.ui-dropdown--caption.ui-dropdown.ui-dropdown-open:before {
  opacity: 1;
}
.ui-dropdown--caption.ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--caption.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger {
  right: -2px;
}
.ui-dropdown--caption.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  transform: scaleY(-1);
  margin-top: -3px;
}
.ui-dropdown--caption.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:before, .ui-dropdown--caption.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-primary-color);
}
.ui-dropdown--caption.ui-dropdown .ui-inputtext {
  background-color: transparent;
}
.ui-dropdown--caption.ui-dropdown .ui-dropdown-trigger {
  right: 0;
  padding: 0;
}
.ui-dropdown--caption.ui-dropdown .ui-dropdown-trigger-icon {
  width: 10px;
  height: 6px;
  margin-top: -2px;
  margin-left: -5px;
}
.ui-dropdown--caption.ui-dropdown .ui-dropdown-trigger-icon:before {
  content: " ";
  position: absolute;
  top: -2px;
  left: 4px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--G-7, #6F7173);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(-45deg);
  transform-origin: left bottom;
}
.ui-dropdown--caption.ui-dropdown .ui-dropdown-trigger-icon:after {
  content: " ";
  position: absolute;
  top: -2px;
  right: 6px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--G-7, #6F7173);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(45deg);
  transform-origin: right bottom;
}
.ui-dropdown--caption.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:before, .ui-dropdown--caption.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:after {
  background-color: var(--solution-primary-color);
}
.ui-dropdown--caption.ui-dropdown .ui-dropdown-label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 30px;
  padding: 0 25px 0 5px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 11px;
  color: var(--typo-secondary, #878B92);
  font-weight: 600;
  text-transform: uppercase;
}
.ui-dropdown--caption.ui-dropdown .ui-dropdown-label:hover {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--caption .ui-dropdown-items {
  padding: 5px 26px 5px 5px;
}
.ui-dropdown--caption .ui-dropdown-panel {
  overflow: hidden;
  min-width: 200px;
  margin-top: 3px;
  margin-left: -2px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.ui-dropdown--caption .ui-dropdown-items-wrapper {
  width: calc(100% + 18px);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  overflow: auto;
}
.ui-dropdown--caption .ui-dropdown-panel .ui-dropdown-item {
  height: 36px;
  margin: 0;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--caption .ui-dropdown-panel .ui-dropdown-item:hover {
  background-color: var(--G-2, #DEDEDE);
}
.ui-dropdown--caption .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.ui-dropdown--caption .ui-dropdown-panel .ui-dropdown-item .ui-dropdown-option {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.ui-dropdown--caption .ui-dropdown-panel .ui-dropdown-option:not(.ui-state-disabled):hover {
  background-color: transparent;
}
.ui-inputwrapper-focus .ui-dropdown--caption.ui-dropdown .ui-dropdown-label {
  color: var(--typo-primary, #2E3538);
}
.ui-inputwrapper-focus .ui-dropdown--caption.ui-dropdown .ui-dropdown-trigger-icon:before {
  border-top-color: var(--solution-primary-color);
}
.ui-dropdown--option-space .ui-dropdown-panel .ui-dropdown-item .ui-dropdown-option {
  height: auto;
}
.ui-dropdown.ui-dropdown--label-gutter .ui-dropdown-label {
  padding-right: 25px;
}
.ui-dropdown--round.flip-vertical .ui-dropdown-panel {
  margin-top: 0;
  margin-bottom: -5px;
  border-top: 1px solid var(--solution-primary-color);
  border-bottom: none;
  border-radius: 5px 4px 0 0;
}
.ui-dropdown--round.ui-dropdown {
  width: 100%;
}
.ui-dropdown--round.ui-dropdown.flip-vertical.ui-dropdown-open .ui-dropdown-label {
  border-color: var(--solution-primary-color);
  border-radius: 0 0 20px 20px;
  border-top-color: #e5e5e5;
}
.ui-dropdown--round.ui-dropdown:hover .ui-dropdown-trigger-icon:before, .ui-dropdown--round.ui-dropdown:hover .ui-dropdown-trigger-icon:after, .ui-dropdown--round.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:before, .ui-dropdown--round.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:after {
  background-color: #FF9210;
}
.ui-dropdown--round.ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  border-color: var(--solution-primary-color);
  border-radius: 20px 20px 0 0;
  border-bottom-color: #e5e5e5;
}
.ui-dropdown--round.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  transform: rotate(180deg);
}
.ui-dropdown--round.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:before, .ui-dropdown--round.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:after {
  background-color: #FF9210;
}
.ui-dropdown--round.ui-dropdown .ui-dropdown-label {
  height: 40px;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-radius: 20px;
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  color: var(--inactive, #B2B2B3);
}
.ui-dropdown--round.ui-dropdown .ui-dropdown-trigger {
  width: 40px;
  height: 40px;
  padding: 0;
}
.ui-dropdown--round.ui-dropdown .ui-dropdown-trigger-icon {
  width: 10px;
  height: 6px;
  margin-top: -2px;
  margin-left: -5px;
}
.ui-dropdown--round.ui-dropdown .ui-dropdown-trigger-icon:before {
  content: " ";
  position: absolute;
  top: -2px;
  left: 5px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--solution-primary-color);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(-45deg);
  transform-origin: left bottom;
}
.ui-dropdown--round.ui-dropdown .ui-dropdown-trigger-icon:after {
  content: " ";
  position: absolute;
  top: -2px;
  right: 5px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--solution-primary-color);
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(45deg);
  transform-origin: right bottom;
}
.ui-dropdown--round.ui-dropdown.is-error .ui-dropdown-label {
  border-color: #FF5757;
}
.ui-dropdown--round .ui-dropdown-panel {
  position: relative;
  max-width: 320px;
  margin-top: -5px;
  border: 1px solid var(--solution-primary-color);
  border-top: none;
  box-shadow: none;
  border-radius: 0 0 4px 4px;
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown--round .ui-dropdown-filter {
  height: 32px;
  padding: 0 0 0 12px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  font-size: 13px;
  color: var(--ic-dark, #2D2D2D);
}
.ui-dropdown--round .ui-dropdown-filter-container {
  display: block;
  min-width: 115px;
  padding: 5px;
}
.ui-dropdown--round .ui-dropdown-items {
  padding: 3px 0;
}
.ui-dropdown--round .ui-dropdown-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
}
.ui-dropdown--round .ui-dropdown-item .ui-dropdown-option {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 35px 0 20px;
}
.ui-dropdown--round .ui-dropdown-item .ui-dropdown-option .paragraph {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--round .ui-dropdown-item .ui-dropdown-option:hover .paragraph {
  color: #FF9210;
}
.ui-dropdown--round .ui-dropdown-option {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 20px;
}
.ui-dropdown--round .ui-dropdown-option:hover .paragraph {
  color: #FF9210;
}
.ui-dropdown .cdk-virtual-scroll-viewport {
  margin-right: -20px;
  margin-left: -5px;
}
.ui-dropdown .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
  right: 0;
  padding-right: 5px;
  padding-left: 5px;
}
.ui-dropdown--no-trigger .ui-dropdown-trigger {
  display: none;
}
.ui-dropdown--editable.ui-dropdown .ui-inputtext {
  font-size: 13px;
  line-height: 15px;
  color: var(--readability, #111);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.ui-dropdown--editable .ui-dropdown-panel .ui-dropdown-item .ui-dropdown-option {
  color: var(--readability, #111);
  min-height: 30px;
}
.ui-dropdown--editable .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items-wrapper {
  margin-top: 5px;
  margin-bottom: 5px;
}
.ui-dropdown--editable .ui-dropdown-panel .custom-scrollbar.active-y .ui-dropdown-items-wrapper .ui-dropdown-list {
  padding: 0 5px;
  padding-right: 12px;
}
.ui-dropdown {
  min-width: auto;
}
.ui-dropdown-panel {
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown-panel .ui-dropdown-filter-icon ss-ui-svg-icon {
  display: none;
}
.ui-dropdown--fullwidth {
  width: 100%;
}
.ui-dropdown--common-width {
  width: 250px;
}
.ui-dropdown--record .ui-dropdown-panel p-dropdownitem:not(:last-child) .ui-dropdown-item {
  margin-bottom: 1px;
}
.ui-dropdown--record .ui-dropdown-panel p-dropdownitem .ui-dropdown-item .ui-dropdown-option:not(.ui-state-disabled):hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--record .ui-dropdown-panel p-dropdownitem .ui-dropdown-item.ui-state-highlight .ui-dropdown-option {
  background-color: var(--G-1, #F3F3F4);
  color: var(--readability, #111);
}
.ui-dropdown--record .ui-dropdown-panel p-dropdownitem .ui-dropdown-item.ui-state-highlight .ui-dropdown-option ss-paragraph {
  color: var(--typo-primary, #2E3538);
}
.ui-dropdown--triangle {
  margin-top: 4px;
}
.ui-dropdown--triangle:hover .ui-dropdown-trigger .ui-dropdown-trigger-icon:before {
  border-top-color: var(--solution-primary-color);
}
.ui-dropdown--triangle.ui-dropdown {
  width: auto;
}
.ui-dropdown--triangle.ui-dropdown .ui-dropdown-label {
  height: 24px;
  padding-left: 0;
  padding-right: 20px;
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
  color: var(--typo-primary, #2E3538);
  border-right: 1px solid rgba(151, 151, 151, 0.5);
}
.ui-dropdown--triangle.ui-dropdown .ui-dropdown-trigger {
  right: 2px;
  width: 16px;
}
.ui-dropdown--triangle.ui-dropdown .ui-dropdown-trigger-icon {
  top: 65%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.ui-dropdown--triangle.ui-dropdown .ui-dropdown-trigger-icon:before {
  top: 50%;
  right: 50%;
  border: 4px solid transparent;
  border-top-color: var(--G-7, #6F7173);
  background-color: transparent;
  transform: rotate(0) translate(-50%, -50%);
}
.ui-dropdown--triangle.ui-dropdown .ui-dropdown-trigger-icon:after {
  display: none;
}
.ui-dropdown--triangle.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger {
  top: 0;
  right: 2px;
}
.ui-dropdown--triangle.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  top: 20%;
  transform: scaleY(-1) translate(-50%, -50%);
  margin: 0;
}
.ui-dropdown--triangle.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon:before {
  background-color: transparent;
  border-top-color: var(--solution-primary-color);
}
.ui-dropdown--triangle.ui-dropdown:not(.ui-dropdown-open):hover .ui-dropdown-trigger-icon:before {
  background-color: transparent;
}
.ui-dropdown--triangle .ui-dropdown-panel {
  margin-top: 0;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.ui-dropdown--triangle .ui-dropdown-panel .ui-dropdown-item {
  height: 24px;
  color: var(--tertiary, #6B6B6B);
  font-weight: 500;
}
.ui-dropdown--triangle .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):hover {
  color: var(--typo-primary, #2E3538);
  background-color: var(--G-1, #F3F3F4);
}
.ui-dropdown--triangle-record {
  margin-top: 0;
}
.ui-dropdown--triangle-record.ui-dropdown {
  width: 100%;
}
.ui-dropdown--triangle-record.ui-dropdown .ui-dropdown-label {
  line-height: 32px;
  height: 32px;
  padding-left: 10px;
  text-transform: uppercase;
  color: var(--typo-secondary, #878B92);
  font-size: 11px;
  font-weight: 600;
  border-right: none;
}
.ui-dropdown--triangle-record.ui-dropdown .ui-dropdown-trigger-icon {
  top: 50%;
  transform: translate(-50%, 0);
}
.ui-dropdown--triangle-record.ui-dropdown.ui-dropdown-open:before {
  opacity: 0;
}
.ui-dropdown--triangle-record.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  top: 27%;
}
.ui-dropdown--triangle-border {
  margin-top: 0;
}
.ui-dropdown--triangle-border.ui-dropdown-open .ui-dropdown-label {
  min-width: 75px;
  border-right-color: transparent;
  background-color: var(--G-0, #FFFFFF);
}
.ui-dropdown--triangle-border.ui-dropdown .ui-dropdown-label {
  padding-left: 7px;
  justify-content: flex-start;
  text-transform: none;
  transition: border-right 0.5s;
}
.ui-dropdown--triangle-border.ui-dropdown.ui-dropdown-open:before {
  right: 1px;
  border-right: 1px solid var(--G-5, #9B9C9E);
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.ui-dropdown--triangle-border.ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  border-right-color: transparent;
}
.ui-dropdown--triangle-border .ui-dropdown-panel {
  position: relative;
  min-width: 0;
  margin: 0;
  border-radius: 0 0 12px 12px;
  border-color: var(--G-5, #9B9C9E);
  border-top-color: var(--G-2, #DEDEDE);
  border-width: 1px;
  border-style: solid;
  box-shadow: 0 9px 24px 0 rgba(15, 15, 15, 0.2);
}
.ui-dropdown--triangle-border .ui-dropdown-items-wrapper {
  width: 100%;
}
.ui-dropdown--triangle-border .ui-dropdown-items {
  padding: 5px;
}
.ui-dropdown--triangle-border.is-error .ui-dropdown-panel {
  border-left-color: #FF5757;
  border-bottom-color: #FF5757;
  border-right-color: #FF5757;
}
.ui-carousel {
  position: relative;
  padding: 0;
}
.ui-carousel--theme {
  border-radius: 5px;
  overflow: hidden;
}
.ui-carousel--theme .ui-carousel-header {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ui-carousel--theme .ui-carousel-button {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 1;
}
.ui-carousel--theme .ui-carousel-button.ui-state-disabled {
  opacity: 1;
}
.ui-carousel--theme .ui-carousel-next-button {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M21.44 11.25l-9.22-9.22A.75.75 0 0 1 13.28.97l10.5 10.5a.75.75 0 0 1 0 1.06l-10.5 10.5a.75.75 0 0 1-1.06-1.06l9.22-9.22H.75a.75.75 0 1 1 0-1.5h20.69z' id='a'/%3E%3C/defs%3E%3Cuse fill='%23D2D2D3' xlink:href='%23a' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.ui-carousel--theme .ui-carousel-prev-button {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M21.44 11.25l-9.22-9.22A.75.75 0 0 1 13.28.97l10.5 10.5a.75.75 0 0 1 0 1.06l-10.5 10.5a.75.75 0 0 1-1.06-1.06l9.22-9.22H.75a.75.75 0 1 1 0-1.5h20.69z' id='a'/%3E%3C/defs%3E%3Cuse fill='%23D2D2D3' transform='rotate(-180 12 12)' xlink:href='%23a' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.ui-carousel--theme .ui-carousel-page-links {
  float: none;
  display: flex;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 1;
  right: 10px;
  margin: 0;
}
.ui-carousel--theme .ui-carousel-page-link {
  flex-grow: 1;
  height: 3px;
  background-color: #D9D9DA;
  position: relative;
}
.ui-carousel--theme .ui-carousel-page-link:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  bottom: -5px;
  right: 0;
  display: block;
}
.ui-carousel--theme .ui-carousel-page-link:not(:last-child) {
  margin-right: 9px;
}
.ui-carousel--theme .ui-carousel-page-link.pi-circle-on {
  background-color: var(--solution-primary-color);
}
.ui-carousel--theme .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
  margin: 0;
}
.ui-carousel--theme-row .ui-carousel-button {
  top: 50%;
  margin-top: -12px;
}
.ui-carousel--theme-row .ui-carousel-next-button {
  right: 15px;
}
.ui-carousel--theme-row .ui-carousel-prev-button {
  left: 15px;
}
.ui-carousel--theme-col .ui-carousel-button {
  top: 54px;
}
.ui-carousel--theme-col .ui-carousel-next-button {
  right: 100px;
}
.ui-carousel--theme-col .ui-carousel-prev-button {
  left: 100px;
}
.ui-carousel--right-gutter {
  margin-right: 19px;
}
.ui-carousel--theme.ui-carousel--theme-sel .theme-description--col {
  padding-top: 60px;
  padding-bottom: 48px;
}
.ui-carousel--theme.ui-carousel--theme-sel .ui-carousel-button {
  top: 90px;
}
.ui-carousel--theme.ui-carousel--theme-sel .theme-description__text {
  min-height: 90px;
}
.ui-carousel.ui-carousel--gallery {
  height: 100%;
}
.ui-carousel.ui-carousel--gallery .ui-carousel-header {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 11px;
  background-color: rgba(111, 113, 115, 0.59);
  margin: 0;
  padding: 0;
  z-index: 1;
}
.ui-carousel.ui-carousel--gallery .ui-carousel-viewport, .ui-carousel.ui-carousel--gallery .ui-carousel-items {
  height: 100%;
}
.ui-carousel.ui-carousel--gallery .ui-carousel-page-links {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  float: none;
  margin: 0;
  padding: 4px 8px;
  display: flex;
}
.ui-carousel.ui-carousel--gallery .ui-carousel-page-links .ui-carousel-button, .ui-carousel.ui-carousel--gallery .ui-carousel-page-links .ui-carousel-mobiledropdown {
  display: none;
}
.ui-carousel.ui-carousel--gallery .ui-carousel-page-links .ui-carousel-page-link {
  background-color: var(--G-7, #6F7173);
  flex-grow: 1;
  height: 3px;
  margin: 0;
  position: relative;
  cursor: pointer;
}
.ui-carousel.ui-carousel--gallery .ui-carousel-page-links .ui-carousel-page-link:not(:last-child) {
  margin-right: 5px;
}
.ui-carousel.ui-carousel--gallery .ui-carousel-page-links .ui-carousel-page-link:before {
  content: "";
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: 0;
  right: 0;
}
.ui-carousel.ui-carousel--gallery .ui-carousel-page-links .ui-carousel-page-link.pi-circle-on {
  background-color: var(--G-0, #FFFFFF);
}
.ui-carousel.ui-carousel--gallery .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
  margin: 0;
  height: 100%;
}
.ui-carousel.ui-carousel--gallery:hover .ui-carousel-header {
  transform: translateY(0);
}
.ui-carousel.ui-carousel--gallery:hover .ui-carousel-viewport .ui-carousel-items .ui-carousel-item .file-preview.file-preview--carousel .file-preview__footer {
  transform: translateY(0);
}
.ui-carousel.ui-carousel--images .ui-carousel-header {
  transform: translateY(100%);
  transition: transform 100ms ease-in;
}
.ui-carousel.ui-carousel--images:hover .ui-carousel-header {
  transform: translateY(0);
  transition: transform 200ms ease-out;
}
.ui-carousel--category .ui-carousel-button {
  position: absolute;
  top: 31%;
  z-index: 1;
  width: 42px;
  height: 42px;
  margin: 0;
  border-radius: 50%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  background-position: left -1px top;
  background-size: 52px;
}
.ui-carousel--category .ui-carousel-button.ui-state-disabled {
  opacity: 0.7;
  pointer-events: none;
}
.ui-carousel--category .ui-carousel-next-button {
  right: -120px;
  background-image: url(/assets/images/g-play-filled-right.svg);
}
.ui-carousel--category .ui-carousel-prev-button {
  left: -120px;
  background-image: url(/assets/images/g-play-filled-left.svg);
}
.ui-carousel--category .ui-carousel-header {
  margin-bottom: 10px;
  padding: 0;
}
.ui-carousel--category .ui-carousel-content {
  padding: 0;
}
.ui-carousel--category .ui-carousel-dots-container {
  display: none;
}
.ui-carousel--solution.ui-carousel {
  height: 100%;
}
.ui-carousel--solution.ui-carousel .ui-carousel-header-title,
.ui-carousel--solution.ui-carousel .ui-carousel-page-links {
  display: none;
}
.ui-carousel--solution .ui-carousel-header {
  margin: 0;
}
.ui-carousel--solution .ui-carousel-item {
  height: 330px;
}
.ui-carousel--solution .ui-carousel-button {
  top: 50%;
  transform: translateY(-50%);
}
.ui-carousel--solution .ui-carousel-next-button {
  right: 35px;
}
.ui-carousel--solution .ui-carousel-prev-button {
  left: 35px;
}
.ui-accordion.ui-accordion--dropdown p-accordiontab {
  position: relative;
  display: block;
}
.ui-accordion.ui-accordion--dropdown p-accordiontab:not(:last-child) {
  margin-bottom: 3px;
}
.ui-accordion.ui-accordion--dropdown p-accordiontab:not(:last-child):after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: -2px;
  left: 8px;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-header {
  margin: 0;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-header a {
  display: flex;
  align-items: center;
  height: 24px;
  padding: 0 30px 0 8px;
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-header-text {
  overflow: hidden;
  max-width: 100%;
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-header:hover {
  background-color: var(--G-1, #F3F3F4);
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-header:hover .ui-accordion-toggle-icon:after {
  border-top-color: var(--solution-primary-color);
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-header.ui-state-active {
  background-color: transparent;
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-header.ui-state-active:hover {
  background-color: var(--G-1-5, #E9E9E9);
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-header.ui-state-active .ui-accordion-toggle-icon {
  transform: rotate(180deg);
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-header.ui-state-active .ui-accordion-toggle-icon:after {
  border-top-color: var(--solution-primary-color);
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-toggle-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 24px;
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-toggle-icon:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin: 3px 0 0 0;
  border: 5px solid transparent;
  border-top-color: #151515;
  transform: translate(-50%, -50%);
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-content {
  padding: 0;
}
.ui-accordion.ui-accordion--dropdown.ui-accordion--relative p-accordiontab:not(:last-child):after {
  background-color: var(--h-line-70, rgba(222, 222, 222, 0.7));
}
.ui-accordion.ui-accordion--dropdown.ui-accordion--relative .ui-accordion-header a {
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding-right: 0;
  height: 38px;
}
.ui-accordion.ui-accordion--dropdown.ui-accordion--relative .ui-accordion-header-text {
  font-weight: 500;
}
.ui-accordion.ui-accordion--dropdown.ui-accordion--relative .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: transparent;
}
.ui-accordion.ui-accordion--dropdown.ui-accordion--relative .ui-accordion-header.ui-state-active:hover {
  background-color: transparent;
}
.ui-accordion.ui-accordion--dropdown.ui-accordion--relative .ui-accordion-header.ui-state-active .ui-accordion-toggle-icon {
  opacity: 1;
}
.ui-accordion.ui-accordion--dropdown.ui-accordion--relative .ui-accordion-header.ui-state-active .ui-accordion-toggle-icon:after {
  border-top-color: var(--solution-primary-color);
}
.ui-accordion.ui-accordion--dropdown.ui-accordion--relative .ui-accordion-header:not(.ui-state-active) .ui-accordion-toggle-icon:after {
  border-top-color: var(--G-8, #4d4d4d);
}
.ui-accordion.ui-accordion--dropdown.ui-accordion--relative .ui-accordion-header:hover:not(.ui-state-active) .ui-accordion-toggle-icon {
  opacity: 1;
}
.ui-accordion.ui-accordion--dropdown.ui-accordion--relative .ui-accordion-toggle-icon {
  position: relative;
  margin-left: auto;
}
.ui-accordion.ui-accordion--dropdown.ui-accordion--relative .ui-accordion-toggle-icon:after {
  border-width: 4px;
}
.ui-accordion.ui-accordion--dropdown.ui-accordion--relative .ui-accordion-content-wrapper .ui-accordion-content {
  margin-top: -2px;
  padding-bottom: 8px;
}
.ui-accordion.ui-accordion--dropdown .ui-accordion-separate-icon {
  margin-right: 10px;
}
.ui-accordion--dropdown-activity.ui-accordion.ui-accordion--dropdown .ui-accordion-header {
  width: 30px;
  height: 30px;
  position: absolute;
  right: -13px;
  top: -41px;
}
.ui-accordion--dropdown-activity.ui-accordion.ui-accordion--dropdown .ui-accordion-header:hover {
  background-color: unset;
}
.ui-accordion--dropdown-activity.ui-accordion.ui-accordion--dropdown .ui-accordion-header a {
  display: flex;
  align-items: center;
  padding: 0;
  height: 100%;
  width: 100%;
  justify-content: center;
}
.ui-accordion--dropdown-activity.ui-accordion.ui-accordion--dropdown .ui-accordion-header .ui-accordion-toggle-icon {
  position: relative;
  display: block;
  width: 11px;
  height: 9px;
}
.ui-accordion--dropdown-activity.ui-accordion.ui-accordion--dropdown .ui-accordion-header .ui-accordion-toggle-icon::after, .ui-accordion--dropdown-activity.ui-accordion.ui-accordion--dropdown .ui-accordion-header .ui-accordion-toggle-icon::before {
  content: " ";
  position: absolute;
  top: 0px;
  left: auto;
  right: 5px;
  display: block;
  width: 2px;
  height: 8px;
  background-color: var(--ic-light, #c7cdcf);
  border: 0;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  transform: rotate(45deg);
  transform-origin: right bottom;
  margin: 0;
}
.ui-accordion--dropdown-activity.ui-accordion.ui-accordion--dropdown .ui-accordion-header .ui-accordion-toggle-icon::before {
  transform: rotate(-45deg);
  transform-origin: left bottom;
  right: 4px;
}
.ui-accordion--dropdown-activity.ui-accordion.ui-accordion--dropdown .ui-accordion-header.ui-state-active .ui-accordion-toggle-icon::after, .ui-accordion--dropdown-activity.ui-accordion.ui-accordion--dropdown .ui-accordion-header.ui-state-active .ui-accordion-toggle-icon::before {
  background-color: #3A86FF;
  border: 0;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.ui-accordion--dropdown-activity.ui-accordion.ui-accordion--dropdown ss-ui-accordion-item {
  min-height: 32px;
  height: auto;
  padding: 18px 30px 0 0;
}
.ui-accordion--dropdown-activity.ui-accordion.ui-accordion--dropdown ss-ui-accordion-item:hover {
  background-color: unset;
}
.ui-galleria.ui-galleria--modal {
  overflow: visible;
}
.ui-galleria.ui-galleria--modal .ui-galleria-panel-wrapper {
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 300px);
  margin: 0 auto 50px auto;
  border-radius: 5px;
}
.ui-galleria.ui-galleria--modal .ui-galleria-panel {
  position: absolute;
  top: 0;
  right: 40px;
  bottom: 0;
  left: 40px;
}
.ui-galleria.ui-galleria--modal .ui-panel-images {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 100%;
  max-height: 100%;
  border-radius: 5px;
  transform: translate(-50%, -50%);
}
.ui-galleria.ui-galleria--modal .ui-panel-images:-webkit-full-screen {
  transform: translate(0, 0);
}
.ui-galleria.ui-galleria--modal .ui-galleria-filmstrip {
  position: relative;
  top: 20px;
  width: auto;
  font-size: 0;
  white-space: nowrap;
}
.ui-galleria.ui-galleria--modal .ui-galleria-filmstrip-wrapper {
  width: 100%;
  max-width: 100%;
  height: 90px;
  margin: 0;
}
.ui-galleria.ui-galleria--modal .ui-galleria-frame {
  overflow: hidden;
  float: none;
  opacity: 1;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
  transition: transform 0.2s ease-in-out;
  -webkit-user-select: none;
          user-select: none;
}
.ui-galleria.ui-galleria--modal .ui-galleria-frame-content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 81px;
  height: 56px;
  padding: 3px;
}
.ui-galleria.ui-galleria--modal .ui-galleria-frame-content:before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  transition: opacity 0.2s ease-in-out;
}
.ui-galleria.ui-galleria--modal .ui-galleria-frame-content:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid var(--solution-primary-color);
  border-radius: 7px;
  transition: opacity 0.2s ease-in-out;
}
.ui-galleria.ui-galleria--modal .ui-galleria-frame:hover .ui-galleria-frame-content:before {
  opacity: 1;
}
.ui-galleria.ui-galleria--modal .ui-galleria-frame-active {
  transform: translate(0, -10px);
}
.ui-galleria.ui-galleria--modal .ui-galleria-frame-active .ui-galleria-frame-content:after {
  opacity: 1;
}
.ui-galleria.ui-galleria--modal img.ui-galleria-frame-image {
  display: block;
  width: 75px;
  height: 50px;
  border-radius: 5px;
  object-fit: cover;
}
.ui-galleria.ui-galleria--modal .ui-galleria-nav-next {
  top: 0;
  right: -4px;
  bottom: 0;
  display: block;
  width: 24px;
  height: 24px;
  margin: auto 0;
  color: var(--solution-primary-color);
  cursor: pointer;
}
.ui-galleria.ui-galleria--modal .ui-galleria-nav-next:hover {
  color: var(--solution-hover-color);
}
.ui-galleria.ui-galleria--modal .ui-galleria-nav-prev {
  top: 0;
  left: -6px;
  bottom: 0;
  display: block;
  width: 24px;
  height: 24px;
  margin: auto 0;
  color: var(--solution-primary-color);
  cursor: pointer;
}
.ui-galleria.ui-galleria--modal .ui-galleria-nav-prev:hover {
  color: var(--solution-hover-color);
}
body > popover-content > .popover {
  position: fixed;
}
.popover {
  z-index: 3001;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  max-width: 300px;
  background-color: currentColor;
  border-radius: 5px;
  text-align: left;
}
.popover.small {
  max-width: 200px;
}
.popover.text-center {
  text-align: center;
}
.popover.text-right {
  text-align: right;
}
.popover__wrapper {
  position: relative;
  display: inline-flex;
}
.popover-content {
  padding: 5px 10px 6px;
  box-sizing: border-box;
}
.popover-content.xs {
  padding: 10px;
}
.popover-content.md {
  padding: 7px 12px;
}
.popover-content.lg {
  padding: 20px;
}
.popover-header {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 15px;
  color: var(--G-0, #FFFFFF);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.popover-body {
  font-size: 13px;
  line-height: 15px;
  color: var(--G-0, #FFFFFF);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.popover-btn {
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 4px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--G-0, #FFFFFF);
  text-decoration: none;
  border-radius: 12px;
  background-color: var(--solution-primary-color);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.popover-preview {
  width: 226px;
}
.popover-preview__container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 120px;
  margin-bottom: 10px;
  padding: 5px 15px;
  border-radius: 4px;
  background-color: var(--G-0, #FFFFFF);
}
.popover .arrow {
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
}
.bs-popover-top {
  margin-top: -7px;
}
.bs-popover-top-left {
  transform: translate(-7px, -7px);
}
.bs-popover-top-center {
  margin-top: -14px;
}
.bs-popover-top-right {
  transform: translate(7px, -7px);
}
.bs-popover-top .arrow {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-bottom-width: 0;
  border-top-color: currentColor;
}
.bs-popover-right {
  margin-left: 7px;
}
.bs-popover-right .arrow {
  top: 50%;
  left: -5px;
  margin-top: -5px;
  border-left-width: 0;
  border-right-color: currentColor;
}
.bs-popover-bottom {
  margin-top: 7px;
}
.bs-popover-bottom-right {
  transform: translate(7px, 7px);
}
.bs-popover-bottom-center {
  margin-top: 7px;
}
.bs-popover-bottom-left {
  transform: translate(-7px, 7px);
}
.bs-popover-bottom .arrow {
  top: -5px;
  left: 50%;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: currentColor;
}
.bs-popover-left {
  margin-left: -7px;
}
.bs-popover-left .arrow {
  top: 50%;
  right: -5px;
  margin-top: -5px;
  border-right-width: 0;
  border-left-color: currentColor;
}
.popover-content.gutter-small {
  margin-top: 6px;
}
.popover-content.sm {
  padding-top: 4px;
  padding-bottom: 4px;
}
.cdk-drag {
  display: block;
}
.cdk-drag-placeholder {
  display: block;
  opacity: 0.1;
}
ss-card.cdk-drag-placeholder {
  display: block;
  position: relative;
  opacity: 1;
}
ss-card.cdk-drag-placeholder:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  z-index: 2;
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
ss-card.cdk-drag-preview {
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  border-radius: 5px;
}
ss-card.cdk-drag-preview .card:after {
  border: 1px dashed var(--solution-primary-color);
}
.cdk-drag-preview {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border-radius: 0;
}
ng-scrollbar[compact=true] ng-scrollbar-y {
  padding: 1px 5px 1px 0 !important;
}
.ng-scroll-view {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
}
.ng-scroll-view::-webkit-scrollbar {
  display: none !important;
}
.scroller ng-scrollbar[compact=true] .scroller__wrap {
  padding-right: 36px;
}
.scroller--negative-outer-5 {
  margin-right: -5px;
}
.ng-scrollbar .ng-scrollbar-thumb {
  background-color: #C7CDCF;
  transition: none;
  padding-top: 0;
  padding-bottom: 0;
}
.ng-scrollbar .ng-scrollbar-thumb:hover {
  background-color: #C7CDCF;
}
.ng-scrollbar .ng-scrollbar-thumb ng-scrollbar-y.ng-scrollbar-visible {
  opacity: 1 !important;
}
.iti {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 33px;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
}
.iti__flag-container:before {
  z-index: 2;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  right: -1px;
  bottom: 0;
  display: block;
  border-right: 1px solid rgba(233, 233, 233, 0.5);
  border-left: 1px solid transparent;
}
.iti__flag-container.open:before {
  border-right-color: var(--solution-primary-color);
  border-left-color: var(--solution-primary-color);
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 4px 0 6px;
}
.iti__selected-flag:focus .iti__arrow {
  border-top-color: var(--solution-primary-color);
}
.iti__arrow {
  margin-left: 6px;
  border: none;
  background-repeat: no-repeat;
  height: 6px;
  width: 10px;
  transition: transform 0.2s ease-in-out;
}
.iti__arrow--up {
  border-top-color: var(--solution-primary-color);
  transform: scaleY(-1);
}
.iti__country-list {
  z-index: 2;
  position: absolute;
  left: -1px;
  -webkit-overflow-scrolling: touch;
  max-height: 200px;
  margin: 0;
  padding: 5px 12px 5px 5px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  white-space: nowrap;
  list-style: none;
  text-align: left;
}
.iti__country-list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 2px;
  background-color: var(--G-0, #FFFFFF);
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #F1F2F3;
}
.iti__country {
  padding: 4px 6px;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 13px;
  overflow: hidden;
}
.iti__country:hover {
  background-color: var(--G-1-5, #E9E9E9);
}
.iti__highlight {
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--typo-primary, #2E3538);
}
.iti__highlight .iti__dial-code {
  color: #999;
}
.iti__active {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.iti__active .iti__dial-code {
  color: var(--G-0, #FFFFFF);
}
.iti__dial-code {
  color: #999;
  font-size: 13px;
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
  font-size: 13px;
}
.iti__flag-box, .iti__country-name, .iti__dial-code {
  vertical-align: middle;
  margin-right: 6px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.iti__country-name, .iti__dial-code {
  display: inline-block;
  margin-top: -2px;
}
.iti__flag {
  width: 19px;
  height: 13px;
  display: inline-block;
  background-image: url(/assets/images/sprite.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 62px;
  padding-bottom: 0px;
  margin-left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
}
.iti--allow-dropdown input::placeholder, .iti--allow-dropdown input[type=text]::placeholder, .iti--allow-dropdown input[type=tel]::placeholder, .iti--separate-dial-code input::placeholder, .iti--separate-dial-code input[type=text]::placeholder, .iti--separate-dial-code input[type=tel]::placeholder {
  color: var(--inactive, #B2B2B3);
}
.iti--allow-dropdown input .iti__flag-container, .iti--allow-dropdown input[type=text] .iti__flag-container, .iti--allow-dropdown input[type=tel] .iti__flag-container, .iti--separate-dial-code input .iti__flag-container, .iti--separate-dial-code input[type=text] .iti__flag-container, .iti--separate-dial-code input[type=tel] .iti__flag-container {
  right: auto;
  left: 0;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown .iti__selected-flag {
  background-color: transparent;
}
.iti--allow-dropdown input.intl-tel-input--round {
  border-radius: 20px;
  border: 1px solid #e5e5e5;
  padding-left: 65px !important;
  padding-bottom: 1px;
  height: 40px;
}
.iti--allow-dropdown input.intl-tel-input--round.is-focus {
  border-color: var(--solution-primary-color);
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: var(--G-1, #F3F3F4);
}
.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
}
.iti--container:hover {
  cursor: pointer;
}
.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag.iti__np {
  background-color: transparent;
}
.iti__flag.iti__ad {
  background-position: 0 0%;
}
.iti__flag.iti__ae {
  background-position: 0 0.395674%;
}
.iti__flag.iti__af {
  background-position: 0 0.791348%;
}
.iti__flag.iti__ag {
  background-position: 0 1.187022%;
}
.iti__flag.iti__ai {
  background-position: 0 1.582696%;
}
.iti__flag.iti__al {
  background-position: 0 1.97837%;
}
.iti__flag.iti__am {
  background-position: 0 2.374044%;
}
.iti__flag.iti__an {
  background-position: 0 2.769718%;
}
.iti__flag.iti__ao {
  background-position: 0 3.165392%;
}
.iti__flag.iti__aq {
  background-position: 0 3.561066%;
}
.iti__flag.iti__ar {
  background-position: 0 3.95674%;
}
.iti__flag.iti__as {
  background-position: 0 4.352414%;
}
.iti__flag.iti__at {
  background-position: 0 4.748088%;
}
.iti__flag.iti__au {
  background-position: 0 5.143762%;
}
.iti__flag.iti__aw {
  background-position: 0 5.539436%;
}
.iti__flag.iti__ax {
  background-position: 0 5.934327%;
}
.iti__flag.iti__az {
  background-position: 0 6.317594%;
}
.iti__flag.iti__ba {
  background-position: 0 6.713268%;
}
.iti__flag.iti__bb {
  background-position: 0 7.108942%;
}
.iti__flag.iti__bd {
  background-position: 0 7.504616%;
}
.iti__flag.iti__be {
  background-position: 0 7.90029%;
}
.iti__flag.iti__bf {
  background-position: 0 8.295964%;
}
.iti__flag.iti__bg {
  background-position: 0 8.691638%;
}
.iti__flag.iti__bh {
  background-position: 0 9.087312%;
}
.iti__flag.iti__bi {
  background-position: 0 9.482986%;
}
.iti__flag.iti__bj {
  background-position: 0 9.87866%;
}
.iti__flag.iti__bl {
  background-position: 0 10.272979%;
}
.iti__flag.iti__bm {
  background-position: 0 10.656819%;
}
.iti__flag.iti__bn {
  background-position: 0 11.052493%;
}
.iti__flag.iti__bo {
  background-position: 0 11.448167%;
}
.iti__flag.iti__bq {
  background-position: 0 11.842279%;
}
.iti__flag.iti__br {
  background-position: 0 12.226326%;
}
.iti__flag.iti__bs {
  background-position: 0 12.621999%;
}
.iti__flag.iti__bt {
  background-position: 0 13.017673%;
}
.iti__flag.iti__bv {
  background-position: 0 13.413347%;
}
.iti__flag.iti__bw {
  background-position: 0 13.809021%;
}
.iti__flag.iti__by {
  background-position: 0 14.204695%;
}
.iti__flag.iti__bz {
  background-position: 0 14.600369%;
}
.iti__flag.iti__ca {
  background-position: 0 14.996043%;
}
.iti__flag.iti__cc {
  background-position: 0 15.391717%;
}
.iti__flag.iti__cd {
  background-position: 0 15.787391%;
}
.iti__flag.iti__cf {
  background-position: 0 16.183065%;
}
.iti__flag.iti__cg {
  background-position: 0 16.578739%;
}
.iti__flag.iti__ch {
  background-position: 0 16.974413%;
}
.iti__flag.iti__ci {
  background-position: 0 17.370087%;
}
.iti__flag.iti__ck {
  background-position: 0 17.765761%;
}
.iti__flag.iti__cl {
  background-position: 0 18.161435%;
}
.iti__flag.iti__cm {
  background-position: 0 18.557109%;
}
.iti__flag.iti__cn {
  background-position: 0 18.952783%;
}
.iti__flag.iti__co {
  background-position: 0 19.348457%;
}
.iti__flag.iti__cr {
  background-position: 0 19.744131%;
}
.iti__flag.iti__cu {
  background-position: 0 20.139805%;
}
.iti__flag.iti__cv {
  background-position: 0 20.535479%;
}
.iti__flag.iti__cw {
  background-position: 0 20.928392%;
}
.iti__flag.iti__cx {
  background-position: 0 21.313638%;
}
.iti__flag.iti__cy {
  background-position: 0 21.709312%;
}
.iti__flag.iti__cz {
  background-position: 0 22.104985%;
}
.iti__flag.iti__de {
  background-position: 0 22.500659%;
}
.iti__flag.iti__dj {
  background-position: 0 22.896333%;
}
.iti__flag.iti__dk {
  background-position: 0 23.292007%;
}
.iti__flag.iti__dm {
  background-position: 0 23.687681%;
}
.iti__flag.iti__do {
  background-position: 0 24.083355%;
}
.iti__flag.iti__dz {
  background-position: 0 24.479029%;
}
.iti__flag.iti__ec {
  background-position: 0 24.874703%;
}
.iti__flag.iti__ee {
  background-position: 0 25.270377%;
}
.iti__flag.iti__eg {
  background-position: 0 25.666051%;
}
.iti__flag.iti__eh {
  background-position: 0 26.061725%;
}
.iti__flag.iti__er {
  background-position: 0 26.457399%;
}
.iti__flag.iti__es {
  background-position: 0 26.853073%;
}
.iti__flag.iti__et {
  background-position: 0 27.248747%;
}
.iti__flag.iti__fi {
  background-position: 0 27.644421%;
}
.iti__flag.iti__fj {
  background-position: 0 28.040095%;
}
.iti__flag.iti__fk {
  background-position: 0 28.435769%;
}
.iti__flag.iti__fm {
  background-position: 0 28.831443%;
}
.iti__flag.iti__fo {
  background-position: 0 29.227117%;
}
.iti__flag.iti__fr {
  background-position: 0 29.622791%;
}
.iti__flag.iti__ga {
  background-position: 0 30.018465%;
}
.iti__flag.iti__gd {
  background-position: 0 30.414139%;
}
.iti__flag.iti__ge {
  background-position: 0 30.809813%;
}
.iti__flag.iti__gf {
  background-position: 0 31.205487%;
}
.iti__flag.iti__gg {
  background-position: 0 31.601161%;
}
.iti__flag.iti__gh {
  background-position: 0 31.996835%;
}
.iti__flag.iti__gi {
  background-position: 0 32.392509%;
}
.iti__flag.iti__gl {
  background-position: 0 32.788183%;
}
.iti__flag.iti__gm {
  background-position: 0 33.183857%;
}
.iti__flag.iti__gn {
  background-position: 0 33.57953%;
}
.iti__flag.iti__gp {
  background-position: 0 33.975204%;
}
.iti__flag.iti__gq {
  background-position: 0 34.370878%;
}
.iti__flag.iti__gr {
  background-position: 0 34.766552%;
}
.iti__flag.iti__gs {
  background-position: 0 35.162226%;
}
.iti__flag.iti__gt {
  background-position: 0 35.5579%;
}
.iti__flag.iti__gu {
  background-position: 0 35.953574%;
}
.iti__flag.iti__gw {
  background-position: 0 36.349248%;
}
.iti__flag.iti__gy {
  background-position: 0 36.744922%;
}
.iti__flag.iti__hk {
  background-position: 0 37.140596%;
}
.iti__flag.iti__hm {
  background-position: 0 37.53627%;
}
.iti__flag.iti__hn {
  background-position: 0 37.931944%;
}
.iti__flag.iti__hr {
  background-position: 0 38.327618%;
}
.iti__flag.iti__ht {
  background-position: 0 38.723292%;
}
.iti__flag.iti__hu {
  background-position: 0 39.118966%;
}
.iti__flag.iti__id {
  background-position: 0 39.51464%;
}
.iti__flag.iti__ie {
  background-position: 0 39.910314%;
}
.iti__flag.iti__il {
  background-position: 0 40.305988%;
}
.iti__flag.iti__im {
  background-position: 0 40.696294%;
}
.iti__flag.iti__in {
  background-position: 0 41.084147%;
}
.iti__flag.iti__io {
  background-position: 0 41.479821%;
}
.iti__flag.iti__iq {
  background-position: 0 41.875495%;
}
.iti__flag.iti__ir {
  background-position: 0 42.271169%;
}
.iti__flag.iti__is {
  background-position: 0 42.666843%;
}
.iti__flag.iti__it {
  background-position: 0 43.062516%;
}
.iti__flag.iti__je {
  background-position: 0 43.45819%;
}
.iti__flag.iti__jm {
  background-position: 0 43.853864%;
}
.iti__flag.iti__jo {
  background-position: 0 44.249538%;
}
.iti__flag.iti__jp {
  background-position: 0 44.645212%;
}
.iti__flag.iti__ke {
  background-position: 0 45.040886%;
}
.iti__flag.iti__kg {
  background-position: 0 45.43656%;
}
.iti__flag.iti__kh {
  background-position: 0 45.832234%;
}
.iti__flag.iti__ki {
  background-position: 0 46.227908%;
}
.iti__flag.iti__km {
  background-position: 0 46.623582%;
}
.iti__flag.iti__kn {
  background-position: 0 47.019256%;
}
.iti__flag.iti__kp {
  background-position: 0 47.41493%;
}
.iti__flag.iti__kr {
  background-position: 0 47.810604%;
}
.iti__flag.iti__kw {
  background-position: 0 48.206278%;
}
.iti__flag.iti__ky {
  background-position: 0 48.601952%;
}
.iti__flag.iti__kz {
  background-position: 0 48.997626%;
}
.iti__flag.iti__la {
  background-position: 0 49.3933%;
}
.iti__flag.iti__lb {
  background-position: 0 49.788974%;
}
.iti__flag.iti__lc {
  background-position: 0 50.184648%;
}
.iti__flag.iti__li {
  background-position: 0 50.580322%;
}
.iti__flag.iti__lk {
  background-position: 0 50.975996%;
}
.iti__flag.iti__lr {
  background-position: 0 51.37167%;
}
.iti__flag.iti__ls {
  background-position: 0 51.767344%;
}
.iti__flag.iti__lt {
  background-position: 0 52.163018%;
}
.iti__flag.iti__lu {
  background-position: 0 52.558692%;
}
.iti__flag.iti__lv {
  background-position: 0 52.954366%;
}
.iti__flag.iti__ly {
  background-position: 0 53.35004%;
}
.iti__flag.iti__ma {
  background-position: 0 53.745714%;
}
.iti__flag.iti__mc {
  background-position: 0 54.141387%;
}
.iti__flag.iti__md {
  background-position: 0 54.537061%;
}
.iti__flag.iti__me {
  background-position: 0 54.932735%;
}
.iti__flag.iti__mf {
  background-position: 0 55.321113%;
}
.iti__flag.iti__mg {
  background-position: 0 55.710894%;
}
.iti__flag.iti__mh {
  background-position: 0 56.106568%;
}
.iti__flag.iti__mk {
  background-position: 0 56.502242%;
}
.iti__flag.iti__ml {
  background-position: 0 56.897916%;
}
.iti__flag.iti__mm {
  background-position: 0 57.29359%;
}
.iti__flag.iti__mn {
  background-position: 0 57.689264%;
}
.iti__flag.iti__mo {
  background-position: 0 58.084938%;
}
.iti__flag.iti__mp {
  background-position: 0 58.480612%;
}
.iti__flag.iti__mq {
  background-position: 0 58.876286%;
}
.iti__flag.iti__mr {
  background-position: 0 59.27196%;
}
.iti__flag.iti__ms {
  background-position: 0 59.667634%;
}
.iti__flag.iti__mt {
  background-position: 0 60.063308%;
}
.iti__flag.iti__mu {
  background-position: 0 60.458982%;
}
.iti__flag.iti__mv {
  background-position: 0 60.854656%;
}
.iti__flag.iti__mw {
  background-position: 0 61.25033%;
}
.iti__flag.iti__mx {
  background-position: 0 61.646004%;
}
.iti__flag.iti__my {
  background-position: 0 62.041678%;
}
.iti__flag.iti__mz {
  background-position: 0 62.437352%;
}
.iti__flag.iti__na {
  background-position: 0 62.833026%;
}
.iti__flag.iti__nc {
  background-position: 0 63.2287%;
}
.iti__flag.iti__ne {
  background-position: 0 63.624374%;
}
.iti__flag.iti__nf {
  background-position: 0 64.020047%;
}
.iti__flag.iti__ng {
  background-position: 0 64.415721%;
}
.iti__flag.iti__ni {
  background-position: 0 64.811395%;
}
.iti__flag.iti__nl {
  background-position: 0 65.207069%;
}
.iti__flag.iti__no-flag {
  background-position: 0 65.602743%;
}
.iti__flag.iti__no {
  background-position: 0 65.998417%;
}
.iti__flag.iti__np {
  background-position: 0 66.394091%;
}
.iti__flag.iti__nr {
  background-position: 0 66.789765%;
}
.iti__flag.iti__nu {
  background-position: 0 67.185439%;
}
.iti__flag.iti__nz {
  background-position: 0 67.581113%;
}
.iti__flag.iti__om {
  background-position: 0 67.976787%;
}
.iti__flag.iti__pa {
  background-position: 0 68.372461%;
}
.iti__flag.iti__pe {
  background-position: 0 68.768135%;
}
.iti__flag.iti__pf {
  background-position: 0 69.163809%;
}
.iti__flag.iti__pg {
  background-position: 0 69.559483%;
}
.iti__flag.iti__ph {
  background-position: 0 69.955157%;
}
.iti__flag.iti__pk {
  background-position: 0 70.350831%;
}
.iti__flag.iti__pl {
  background-position: 0 70.746505%;
}
.iti__flag.iti__pm {
  background-position: 0 71.142179%;
}
.iti__flag.iti__pn {
  background-position: 0 71.537853%;
}
.iti__flag.iti__pr {
  background-position: 0 71.933527%;
}
.iti__flag.iti__ps {
  background-position: 0 72.329201%;
}
.iti__flag.iti__pt {
  background-position: 0 72.724875%;
}
.iti__flag.iti__pw {
  background-position: 0 73.120549%;
}
.iti__flag.iti__py {
  background-position: 0 73.516223%;
}
.iti__flag.iti__qa {
  background-position: 0 73.911897%;
}
.iti__flag.iti__re {
  background-position: 0 74.307571%;
}
.iti__flag.iti__ro {
  background-position: 0 74.703245%;
}
.iti__flag.iti__rs {
  background-position: 0 75.098918%;
}
.iti__flag.iti__ru {
  background-position: 0 75.494592%;
}
.iti__flag.iti__rw {
  background-position: 0 75.890266%;
}
.iti__flag.iti__sa {
  background-position: 0 76.28594%;
}
.iti__flag.iti__sb {
  background-position: 0 76.681614%;
}
.iti__flag.iti__sc {
  background-position: 0 77.077288%;
}
.iti__flag.iti__sd {
  background-position: 0 77.472962%;
}
.iti__flag.iti__se {
  background-position: 0 77.868636%;
}
.iti__flag.iti__sg {
  background-position: 0 78.26431%;
}
.iti__flag.iti__sh {
  background-position: 0 78.659984%;
}
.iti__flag.iti__si {
  background-position: 0 79.055658%;
}
.iti__flag.iti__sj {
  background-position: 0 79.451332%;
}
.iti__flag.iti__sk {
  background-position: 0 79.847006%;
}
.iti__flag.iti__sl {
  background-position: 0 80.24268%;
}
.iti__flag.iti__sm {
  background-position: 0 80.638354%;
}
.iti__flag.iti__sn {
  background-position: 0 81.034028%;
}
.iti__flag.iti__so {
  background-position: 0 81.429702%;
}
.iti__flag.iti__sr {
  background-position: 0 81.825376%;
}
.iti__flag.iti__ss {
  background-position: 0 82.22105%;
}
.iti__flag.iti__st {
  background-position: 0 82.616724%;
}
.iti__flag.iti__sv {
  background-position: 0 83.012398%;
}
.iti__flag.iti__sx {
  background-position: 0 83.397072%;
}
.iti__flag.iti__sy {
  background-position: 0 83.790557%;
}
.iti__flag.iti__sz {
  background-position: 0 84.186231%;
}
.iti__flag.iti__tc {
  background-position: 0 84.581905%;
}
.iti__flag.iti__td {
  background-position: 0 84.977578%;
}
.iti__flag.iti__tf {
  background-position: 0 85.373252%;
}
.iti__flag.iti__tg {
  background-position: 0 85.768926%;
}
.iti__flag.iti__th {
  background-position: 0 86.1646%;
}
.iti__flag.iti__tj {
  background-position: 0 86.560274%;
}
.iti__flag.iti__tk {
  background-position: 0 86.955948%;
}
.iti__flag.iti__tl {
  background-position: 0 87.351622%;
}
.iti__flag.iti__tm {
  background-position: 0 87.747296%;
}
.iti__flag.iti__tn {
  background-position: 0 88.14297%;
}
.iti__flag.iti__to {
  background-position: 0 88.538644%;
}
.iti__flag.iti__tp {
  background-position: 0 88.934318%;
}
.iti__flag.iti__tr {
  background-position: 0 89.329992%;
}
.iti__flag.iti__tt {
  background-position: 0 89.725666%;
}
.iti__flag.iti__tv {
  background-position: 0 90.12134%;
}
.iti__flag.iti__tw {
  background-position: 0 90.517014%;
}
.iti__flag.iti__ty {
  background-position: 0 90.912688%;
}
.iti__flag.iti__tz {
  background-position: 0 91.308362%;
}
.iti__flag.iti__ua {
  background-position: 0 91.704036%;
}
.iti__flag.iti__ug {
  background-position: 0 92.09971%;
}
.iti__flag.iti__gb {
  background-position: 0 92.495384%;
}
.iti__flag.iti__um {
  background-position: 0 92.891058%;
}
.iti__flag.iti__us {
  background-position: 0 93.286732%;
}
.iti__flag.iti__uy {
  background-position: 0 93.682406%;
}
.iti__flag.iti__uz {
  background-position: 0 94.07808%;
}
.iti__flag.iti__va {
  background-position: 0 94.473754%;
}
.iti__flag.iti__vc {
  background-position: 0 94.869428%;
}
.iti__flag.iti__ve {
  background-position: 0 95.265102%;
}
.iti__flag.iti__vg {
  background-position: 0 95.660776%;
}
.iti__flag.iti__vi {
  background-position: 0 96.056449%;
}
.iti__flag.iti__vn {
  background-position: 0 96.452123%;
}
.iti__flag.iti__vu {
  background-position: 0 96.847797%;
}
.iti__flag.iti__wf {
  background-position: 0 97.243471%;
}
.iti__flag.iti__ws {
  background-position: 0 97.639145%;
}
.iti__flag.iti__ye {
  background-position: 0 98.034819%;
}
.iti__flag.iti__yt {
  background-position: 0 98.417513%;
}
.iti__flag.iti__za {
  background-position: 0 98.812978%;
}
.iti__flag.iti__zm {
  background-position: 0 99.208652%;
}
.iti__flag.iti__zr {
  background-position: 0 99.604326%;
}
.iti__flag.iti__zw {
  background-position: 0 100%;
}
.intl-tel-input--round {
  border-radius: 20px;
  border: 1px solid #e5e5e5;
  padding-left: 64px;
  padding-bottom: 1px;
}
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  pointer-events: none;
}
.gu-hide {
  left: -9999px !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
.link {
  color: var(--solution-primary-color);
  text-decoration: none;
}
.primary {
  color: var(--typo-primary, #2E3538);
}
.secondary {
  color: var(--typo-secondary, #878B92);
}
.reverse {
  color: var(--typo-white, var(--G-0, #FFFFFF));
}
.tertiary {
  color: var(--tertiary, #6B6B6B);
}
.inactive {
  color: var(--inactive, #B2B2B3);
}
.error {
  color: #FF5757;
}
.currentColor {
  color: currentColor;
}
.thin {
  font-weight: 100;
}
.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.medium.is-firefox-in-windows {
  font-weight: 600;
}
.semibold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.heavy {
  font-weight: 900;
}
.nowrap {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.ellipsis {
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrap {
  white-space: normal;
}
.lineclamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.word-break-ellipsis {
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  margin-right: 2px;
}
.word-break-all {
  word-break: break-all;
}
.word-break-word {
  word-break: break-word;
}
.text-center {
  text-align: center;
}
.word-break {
  word-break: break-all;
}
.text-wrap {
  white-space: normal;
}
.typo-hover {
  cursor: pointer;
  transition: color ease-in 100ms;
}
.typo-hover:hover {
  color: var(--solution-hover-color);
  transition: color ease-out 200ms;
}
.typo-hover:hover.link:after {
  color: var(--solution-primary-color);
}
.typo-active {
  color: var(--solution-hover-color);
}
.inherit {
  color: inherit;
}
.capitalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
.underline {
  text-decoration: underline;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.title-xxs {
  font-size: 15px;
  line-height: 21px;
}
.title-xs {
  font-size: 16px;
  line-height: 24px;
}
.title-s {
  font-size: 18px;
  line-height: 25px;
}
.title-l {
  font-size: 20px;
  line-height: 25px;
}
.title-xl {
  font-size: 22px;
  line-height: 30px;
}
.title-xxl {
  font-size: 26px;
  line-height: 32px;
}
.title-xxxl {
  font-size: 42px;
  line-height: 54px;
}
.title--clamps {
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}
.title--clamps-2 {
  -webkit-line-clamp: 2;
}
.paragraph-xl {
  font-size: 21px;
  line-height: 27px;
}
.paragraph-l {
  font-size: 14px;
  line-height: 20px;
}
.paragraph-m, .checklist-item .ProseMirror p {
  font-size: 13px;
  line-height: 18px;
}
.paragraph-s {
  font-size: 12px;
  line-height: 18px;
}
.paragraph-xs {
  font-size: 11px;
  line-height: 16px;
}
.paragraph-xxs {
  font-size: 10px;
  line-height: 15px;
}
.paragraph-xxxs {
  font-size: 9px;
  line-height: 14px;
}
.paragraph--clamps {
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}
.paragraph--clamps-1 {
  -webkit-line-clamp: 1;
}
.paragraph--clamps-2 {
  -webkit-line-clamp: 2;
}
.paragraph--clamps-3 {
  -webkit-line-clamp: 3;
}
.paragraph--clamps-4 {
  -webkit-line-clamp: 4;
}
.paragraph--clamps-5 {
  -webkit-line-clamp: 5;
}
.paragraph--clamps-6 {
  -webkit-line-clamp: 6;
}
.paragraph--clamps-7 {
  -webkit-line-clamp: 7;
}
.paragraph--clamps-8 {
  -webkit-line-clamp: 8;
}
.paragraph--clamps-9 {
  -webkit-line-clamp: 9;
}
.paragraph--clamps-10 {
  -webkit-line-clamp: 10;
}
.paragraph--clamps-11 {
  -webkit-line-clamp: 11;
}
.paragraph--letter-space {
  letter-spacing: 1px;
}
.table-head {
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
}
.table-head--small {
  font-size: 11px;
  line-height: 16px;
}
.table-head--tiny {
  font-size: 9px;
  line-height: 11px;
}
.field-label {
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
}
.field-label-small {
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
}
.card-caption {
  font-size: 9px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.45px;
}
.field-types-caption {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1px;
}
.uppercase {
  text-transform: uppercase;
}
.transition {
  transition: color 200ms ease-in-out;
}
.capitalize {
  text-transform: capitalize;
}
.editor {
  width: 100%;
}
.editor-toolbar {
  display: flex;
  align-items: center;
}
.editor-toolbar--mode-floating {
  background-color: var(--editor-toolbar-floating-background-color, var(--G-0, #FFFFFF));
  border-radius: 5px;
  border: 1px solid var(--editor-toolbar-floating-border-color, var(--G-1, #F3F3F4));
  box-shadow: 0 9px 24px 0 rgba(15, 15, 15, 0.2), 0 3px 6px 0 rgba(15, 15, 15, 0.1), 0 0 1px 0 rgba(15, 15, 15, 0.05);
}
.editor-toolbar--mode-static {
  border-bottom: 1px solid var(--editor-toolbar-static-border-color, var(--G-1, #F3F3F4));
  border-radius: 4px 4px 0 0;
  background-color: var(--editor-toolbar-static-background-color);
}
.editor-toolbar--mode-static-footer {
  border-top: 1px solid var(--editor-toolbar-static-border-color, var(--G-1, #F3F3F4));
  border-radius: 0 0 4px 4px;
  background-color: var(--editor-toolbar-static-background-color);
}
.editor-toolbar-button {
  color: var(--typo-primary, #2E3538);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.editor-toolbar-button svg {
  fill: currentColor;
}
.editor-toolbar-button--active, .editor-toolbar-button:hover:not(.editor-toolbar-button--disabled) {
  background: var(--editor-toolbar-button-background-color-hover, var(--G-1-5, #E9E9E9));
}
.editor-toolbar-button--disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.editor-toolbar-button--kind-normal {
  border-radius: 5px;
  width: 24px;
  height: 24px;
  margin: 4px 3px;
}
.editor-toolbar-button--kind-large {
  border-radius: 5px;
  width: 28px;
  height: 28px;
  margin: 4px 1px;
}
.editor-toolbar-button--kind-bg {
  align-self: stretch;
  height: 32px;
  width: 36px;
  background: var(--G-1, #F3F3F4);
}
.editor-toolbar-button--kind-bg:hover {
  background: var(--G-1, #F3F3F4) !important;
}
.editor-toolbar-button--light {
  color: var(--G-4, #B2B2B3);
}
.editor-toolbar-button--color-yellow.editor-toolbar-button--active, .editor-toolbar-button--color-yellow:hover:not(.editor-toolbar-button--color-yellow--disabled) {
  background-color: rgba(255, 185, 56, 0.2);
  color: #FFB938;
}
.editor-toolbar-button--color-blue.editor-toolbar-button--active, .editor-toolbar-button--color-blue:hover:not(.editor-toolbar-button--color-blue--disabled) {
  background-color: rgba(58, 134, 255, 0.2);
  color: #3A86FF;
}
.editor-toolbar-button--color-red.editor-toolbar-button--active, .editor-toolbar-button--color-red:hover:not(.editor-toolbar-button--color-red--disabled) {
  background-color: rgba(255, 87, 87, 0.2);
  color: #FF5757;
}
.editor-toolbar-button--color-green.editor-toolbar-button--active, .editor-toolbar-button--color-green:hover:not(.editor-toolbar-button--color-green--disabled) {
  background-color: rgba(62, 172, 64, 0.2);
  color: #3EAC40;
}
.editor-toolbar-button--color-purple.editor-toolbar-button--active, .editor-toolbar-button--color-purple:hover:not(.editor-toolbar-button--color-purple--disabled) {
  background-color: rgba(136, 60, 208, 0.2);
  color: #883CD0;
}
.editor-toolbar-button--color-grey.editor-toolbar-button--active, .editor-toolbar-button--color-grey:hover:not(.editor-toolbar-button--color-grey--disabled) {
  background-color: rgba(106, 132, 155, 0.2);
  color: #6A849B;
}
.editor-toolbar-button--ask-ai {
  color: #FFB938;
  width: auto;
  gap: 4px;
  padding: 0 6px;
}
.editor-toolbar-button--ask-ai__label {
  color: var(--tertiary, #6B6B6B);
  font-size: 12px;
  font-weight: 400;
}
.editor-toolbar-button--ask-ai.editor-toolbar-button--active, .editor-toolbar-button--ask-ai:hover:not(.editor-toolbar-button--ask-ai--disabled) {
  background-color: var(--G-1, #F3F3F4);
  color: #FFB938;
}
.editor-toolbar-button--ask-ai.editor-toolbar-button--active .editor-toolbar-button--ask-ai__label, .editor-toolbar-button--ask-ai:hover:not(.editor-toolbar-button--ask-ai--disabled) .editor-toolbar-button--ask-ai__label {
  color: var(--typo-primary, #2E3538);
}
.editor-toolbar-button-tooltip-item.is-disabled {
  display: none;
}
.editor-toolbar-divider {
  width: 1px;
  align-self: stretch;
  background-color: var(--editor-toolbar-divider-color, var(--G-1-5, #E9E9E9));
  margin: 4px 2px;
}
.editor-toolbar-dropdown-button {
  color: var(--typo-primary, #2E3538);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  min-width: 28px;
  height: 28px;
  padding: 0 4px;
  margin: 4px 3px;
}
.editor-toolbar-dropdown-button.is-no-arrow {
  min-width: 26px;
  margin-right: 0;
  margin-left: 0;
}
.editor-toolbar-dropdown-button--opened, .editor-toolbar-dropdown-button:hover {
  background: var(--editor-toolbar-dropdown-button-background-color-hover, var(--G-1-5, #E9E9E9));
}
.editor-toolbar-dropdown-button__icon {
  opacity: var(--editor-toolbar-dropdown-button-caret-opacity, 1);
  margin-left: 3px;
  color: var(--editor-toolbar-dropdown-button-caret-color, var(--G-3, #C7C8C9));
}
.pill-picker-editor {
  --editor-content-background-top: 31px;
}
.pill-picker-editor__plus-button {
  z-index: 3;
  position: absolute;
  right: 6px;
  top: 8px;
  cursor: pointer;
}
.pill-picker-editor .pill-picker-editor__input-group .ProseMirror {
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
}
.pill-picker-editor--multiline .pill-picker-editor__input-group .ProseMirror {
  min-height: var(--pill-picker-doc-min-height, 200px);
  padding: var(--pill-picker-doc-padding, 10px 12px);
}
.editor-input-group .ProseMirror {
  padding: 10px 12px;
}
.editor-input-group .ProseMirror > *:last-child {
  margin-bottom: 0;
}
.editor-input-group--height-mode-grow .ProseMirror {
  min-height: var(--editor-input-group-doc-min-height, 200px);
}
.editor-input-group--height-mode-fixed .ProseMirror {
  height: var(--editor-input-group-doc-height, 200px);
  max-height: var(--editor-input-group-doc-max-height, 200px);
  overflow: auto;
}
.editor-content-background {
  position: absolute;
  top: var(--editor-content-background-top, 0);
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  border-radius: var(--editor-content-background-border-radius, 0 0 4px 4px);
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
}
.editor-content-background::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background-image: var(--editor-content-background-image);
  background-size: var(--editor-content-background-size, cover);
  background-position: center center;
  background-repeat: no-repeat;
  filter: var(--editor-content-background-filter);
  clip-path: inset(0);
}
.editor-content-background::after {
  content: " ";
  opacity: var(--editor-content-background-overlay-opacity);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: inherit;
  background-color: var(--editor-content-background-overlay-color);
}
.callout {
  position: relative;
  padding: 8px 20px 8px 10px;
  border-radius: 5px;
  border: 1px solid var(--callout-border-color, var(--G-1, #F3F3F4));
  background: var(--callout-background-color, var(--G-0-5, #FAFAFA));
  margin: 1em 0;
  font-size: 12px;
  display: flex;
  align-items: flex-start;
  color: var(--callout-text-color, var(--typo-primary, #2E3538));
}
.callout::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.callout__content {
  width: 100%;
  flex: 1;
}
.callout__content > *:last-child, .callout__content > div > *:last-child {
  margin-bottom: 0;
}
.callout__icon {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.callout--warning {
  border-color: var(--callout-warning-border-color, #FFECB3);
  background: var(--callout-warning-background-color, #FFF2DC);
}
.callout--warning::before {
  background-color: rgba(255, 185, 56, var(--callout-overlay-background-alpha, 0));
}
.callout--warning > .callout__icon svg {
  fill: #FFB938;
}
.callout--success {
  border-color: var(--callout-success-border-color, #CDEECE);
  background: var(--callout-success-background-color, #EEF6EE);
}
.callout--success::before {
  background-color: rgba(62, 172, 64, var(--callout-overlay-background-alpha, 0));
}
.callout--success > .callout__icon svg {
  fill: #3EAC40;
}
.callout--info {
  border-color: var(--callout-info-border-color, #B7E3FB);
  background: var(--callout-info-background-color, #E7F0FE);
}
.callout--info::before {
  background-color: rgba(58, 134, 255, var(--callout-overlay-background-alpha, 0));
}
.callout--info > .callout__icon svg {
  fill: #3A86FF;
}
.callout--note {
  border-color: var(--callout-note-border-color, #DFCCFF);
  background: var(--callout-info-background-color, #F2EAFA);
}
.callout--note::before {
  background-color: rgba(136, 60, 208, var(--callout-overlay-background-alpha, 0));
}
.callout--note > .callout__icon svg {
  fill: #883CD0;
}
.callout--error {
  border-color: var(--callout-error-border-color, #FEBDC7);
  background: var(--callout-error-background-color, #FEECEE);
}
.callout--error::before {
  background-color: rgba(255, 87, 87, var(--callout-overlay-background-alpha, 0));
}
.callout--error > .callout__icon svg {
  fill: #FF5757;
}
.callout--decision {
  border-color: var(--callout-decision-border-color, #D7D7DB);
  background: var(--callout-decision-background-color, #F1F2F3);
}
.callout--decision::before {
  background-color: rgba(106, 132, 155, var(--callout-overlay-background-alpha, 0));
}
.callout--decision > .callout__icon svg {
  fill: #6A849B;
}
.ProseMirror ul.checklist {
  list-style: none;
  padding-left: 0;
  caret-color: black;
  padding-left: 0;
  margin-left: 0;
}
.ProseMirror .checklist-item {
  display: flex;
  flex-direction: row;
  padding-left: 0;
  margin-left: 0;
  align-items: flex-start;
}
.ProseMirror .checklist-item-checkbox {
  opacity: 0;
  cursor: pointer;
}
.ProseMirror .check-box-item-label {
  display: block;
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border: 2px solid var(--check-box-item-border-color, var(--G-2, #DEDEDE));
  background-color: var(--check-box-item-background-color, var(--G-0, #FFFFFF));
  transition: background-color 0.2s ease-in-out;
  border-radius: 3px;
  margin-top: 1px;
  cursor: pointer;
}
.ProseMirror .check-box-item-label:hover {
  transition: border 0.2s ease-in-out;
  border-color: var(--solution-primary-color);
}
.ProseMirror .check-box-item-icon {
  position: absolute;
  top: 2px;
  left: 5px;
  display: block;
  width: 5px;
  height: 9px;
  border-bottom: 2px solid var(--check-box-item-icon-color, var(--G-0, #FFFFFF));
  border-right: 2px solid var(--check-box-item-icon-color, var(--G-0, #FFFFFF));
  transform: rotate(45deg);
}
.ProseMirror .checklist-item-content {
  word-break: break-word;
  flex: 1 1 auto;
  padding-left: 8px;
}
.ProseMirror .checklist-item-content > * {
  margin-bottom: 0 !important;
}
.ProseMirror .checklist p:first-child {
  margin-top: 0;
}
.ProseMirror .checklist-item.checklist-item-complete .checklist-item-content {
  text-decoration: line-through;
  color: var(--typo-secondary, #878B92);
}
.ProseMirror .checklist-item.checklist-item-complete .check-box-item-label {
  background-color: var(--solution-primary-color);
  border: 2px solid var(--solution-primary-color);
}
.ProseMirror .checklist-item.checklist-item-complete .check-box-item-icon::before, .ProseMirror .checklist-item.checklist-item-complete .check-box-item-icon::after {
  opacity: 1;
}
.ProseMirror .highlight {
  /* Comment */
  /* Error */
  /* Keyword */
  /* Operator */
  /* Comment.Hashbang */
  /* Comment.Multiline */
  /* Comment.Preproc */
  /* Comment.PreprocFile */
  /* Comment.Single */
  /* Comment.Special */
  /* Generic.Deleted */
  /* Generic.Emph */
  /* Generic.Error */
  /* Generic.Heading */
  /* Generic.Inserted */
  /* Generic.Output */
  /* Generic.Prompt */
  /* Generic.Strong */
  /* Generic.Subheading */
  /* Generic.Traceback */
  /* Keyword.Constant */
  /* Keyword.Declaration */
  /* Keyword.Namespace */
  /* Keyword.Pseudo */
  /* Keyword.Reserved */
  /* Keyword.Type */
  /* Literal.Number */
  /* Literal.String */
  /* Name.Attribute */
  /* Name.Builtin */
  /* Name.Class */
  /* Name.Constant */
  /* Name.Decorator */
  /* Name.Entity */
  /* Name.Exception */
  /* Name.Function */
  /* Name.Label */
  /* Name.Namespace */
  /* Name.Tag */
  /* Name.Variable */
  /* Operator.Word */
  /* Text.Whitespace */
  /* Literal.Number.Bin */
  /* Literal.Number.Float */
  /* Literal.Number.Hex */
  /* Literal.Number.Integer */
  /* Literal.Number.Oct */
  /* Literal.String.Affix */
  /* Literal.String.Backtick */
  /* Literal.String.Char */
  /* Literal.String.Delimiter */
  /* Literal.String.Doc */
  /* Literal.String.Double */
  /* Literal.String.Escape */
  /* Literal.String.Heredoc */
  /* Literal.String.Interpol */
  /* Literal.String.Other */
  /* Literal.String.Regex */
  /* Literal.String.Single */
  /* Literal.String.Symbol */
  /* Name.Builtin.Pseudo */
  /* Name.Function.Magic */
  /* Name.Variable.Class */
  /* Name.Variable.Global */
  /* Name.Variable.Instance */
  /* Name.Variable.Magic */
  /* Literal.Number.Integer.Long */
}
.ProseMirror .highlight .hll {
  background-color: #ffffcc;
}
.ProseMirror .highlight .c {
  color: #888888;
}
.ProseMirror .highlight .err {
  color: #FF0000;
  background-color: #FFAAAA;
}
.ProseMirror .highlight .k {
  color: #008800;
  font-weight: bold;
}
.ProseMirror .highlight .o {
  color: #333333;
}
.ProseMirror .highlight .ch, .ProseMirror .highlight .cm {
  color: #888888;
}
.ProseMirror .highlight .cp {
  color: #557799;
}
.ProseMirror .highlight .cpf, .ProseMirror .highlight .c1 {
  color: #888888;
}
.ProseMirror .highlight .cs {
  color: #cc0000;
  font-weight: bold;
}
.ProseMirror .highlight .gd {
  color: #A00000;
}
.ProseMirror .highlight .ge {
  font-style: italic;
}
.ProseMirror .highlight .gr {
  color: #FF0000;
}
.ProseMirror .highlight .gh {
  color: #000080;
  font-weight: bold;
}
.ProseMirror .highlight .gi {
  color: #00A000;
}
.ProseMirror .highlight .go {
  color: #888888;
}
.ProseMirror .highlight .gp {
  color: #c65d09;
  font-weight: bold;
}
.ProseMirror .highlight .gs {
  font-weight: bold;
}
.ProseMirror .highlight .gu {
  color: #800080;
  font-weight: bold;
}
.ProseMirror .highlight .gt {
  color: #0044DD;
}
.ProseMirror .highlight .kc, .ProseMirror .highlight .kd, .ProseMirror .highlight .kn {
  color: #008800;
  font-weight: bold;
}
.ProseMirror .highlight .kp {
  color: #003388;
  font-weight: bold;
}
.ProseMirror .highlight .kr {
  color: #008800;
  font-weight: bold;
}
.ProseMirror .highlight .kt {
  color: #333399;
  font-weight: bold;
}
.ProseMirror .highlight .m {
  color: #6600EE;
  font-weight: bold;
}
.ProseMirror .highlight .s {
  background-color: #fff0f0;
}
.ProseMirror .highlight .na {
  color: #0000CC;
}
.ProseMirror .highlight .nb {
  color: #007020;
}
.ProseMirror .highlight .nc {
  color: #BB0066;
  font-weight: bold;
}
.ProseMirror .highlight .no {
  color: #003366;
  font-weight: bold;
}
.ProseMirror .highlight .nd {
  color: #555555;
  font-weight: bold;
}
.ProseMirror .highlight .ni {
  color: #880000;
  font-weight: bold;
}
.ProseMirror .highlight .ne {
  color: #FF0000;
  font-weight: bold;
}
.ProseMirror .highlight .nf {
  color: #0066BB;
  font-weight: bold;
}
.ProseMirror .highlight .nl {
  color: #997700;
  font-weight: bold;
}
.ProseMirror .highlight .nn {
  color: #0e84b5;
  font-weight: bold;
}
.ProseMirror .highlight .nt {
  color: #007700;
}
.ProseMirror .highlight .nv {
  color: #996633;
}
.ProseMirror .highlight .ow {
  color: #000000;
  font-weight: bold;
}
.ProseMirror .highlight .w {
  color: #bbbbbb;
}
.ProseMirror .highlight .mb, .ProseMirror .highlight .mf {
  color: #6600EE;
  font-weight: bold;
}
.ProseMirror .highlight .mh {
  color: #005588;
  font-weight: bold;
}
.ProseMirror .highlight .mi {
  color: #0000DD;
  font-weight: bold;
}
.ProseMirror .highlight .mo {
  color: #4400EE;
  font-weight: bold;
}
.ProseMirror .highlight .sa, .ProseMirror .highlight .sb {
  background-color: #fff0f0;
}
.ProseMirror .highlight .sc {
  color: #0044DD;
}
.ProseMirror .highlight .dl {
  background-color: #fff0f0;
}
.ProseMirror .highlight .sd {
  color: #DD4422;
}
.ProseMirror .highlight .s2 {
  background-color: #fff0f0;
}
.ProseMirror .highlight .se {
  color: #666666;
  font-weight: bold;
  background-color: #fff0f0;
}
.ProseMirror .highlight .sh {
  background-color: #fff0f0;
}
.ProseMirror .highlight .si {
  background-color: #eeeeee;
}
.ProseMirror .highlight .sx {
  color: #DD2200;
  background-color: #fff0f0;
}
.ProseMirror .highlight .sr {
  color: #000000;
  background-color: #fff0ff;
}
.ProseMirror .highlight .s1 {
  background-color: #fff0f0;
}
.ProseMirror .highlight .ss {
  color: #AA6600;
}
.ProseMirror .highlight .bp {
  color: #007020;
}
.ProseMirror .highlight .fm {
  color: #0066BB;
  font-weight: bold;
}
.ProseMirror .highlight .vc {
  color: #336699;
}
.ProseMirror .highlight .vg {
  color: #dd7700;
  font-weight: bold;
}
.ProseMirror .highlight .vi {
  color: #3333BB;
}
.ProseMirror .highlight .vm {
  color: #996633;
}
.ProseMirror .highlight .il {
  color: #0000DD;
  font-weight: bold;
}
.editor-code-menu__select {
  font-family: inherit;
  color: inherit;
  font-size: 13px;
  border: none;
  cursor: pointer;
  width: 150px;
  margin: 0 4px;
}
.ProseMirror .CodeMirror {
  font-size: 13px;
  color: var(--code-mirror-text-color, var(--typo-primary, #2E3538));
  background-color: var(--code-mirror-background-color, var(--G-1, #F3F3F4));
  border: 1px solid var(--code-mirror-border-color, #D7D7DB);
  border-radius: var(--code-mirror-border-radius, 5px);
  margin-bottom: 12px;
  height: auto;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
.ProseMirror .CodeMirror-linenumbers {
  background-color: var(--code-mirror-linenumbers-background-color, var(--G-1-5, #E9E9E9));
}
.ProseMirror .CodeMirror-linenumber {
  color: var(--code-mirror-linenumber-color, var(--typo-secondary, #878B92));
  left: -12px !important;
}
.ProseMirror .CodeMirror-lines {
  padding: 16px 12px;
}
.ProseMirror .CodeMirror-gutters {
  border-right-color: var(--code-mirror-gutters-border-color, #ddd);
  background-color: var(--code-mirror-gutters-background-color, #f7f7f7);
}
.ProseMirror .CodeMirror-cursor {
  border-left-color: var(--typo-primary, #2E3538);
}
.ProseMirror--display pre {
  background-color: var(--G-1, #F3F3F4);
  padding: 8px;
  border-radius: 5px;
  border: 1px solid var(--G-2, #DEDEDE);
  margin-bottom: 0.8em;
}
.ProseMirror--display pre code {
  background-color: transparent;
  box-shadow: none;
  margin: 0;
  color: inherit;
}
.ProseMirror--display pre.code-block--no-line-wrap,
.ProseMirror--display .code-block--no-line-wrap > pre {
  white-space: pre;
  overflow: auto;
}
.ProseMirror--display pre.code-block--no-line-wrap::-webkit-scrollbar,
.ProseMirror--display .code-block--no-line-wrap > pre::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.ProseMirror--display pre.code-block--no-line-wrap::-webkit-scrollbar-track,
.ProseMirror--display .code-block--no-line-wrap > pre::-webkit-scrollbar-track {
  background-color: transparent;
}
.ProseMirror--display pre.code-block--no-line-wrap::-webkit-scrollbar-thumb,
.ProseMirror--display .code-block--no-line-wrap > pre::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.ProseMirror--display pre.code-block--no-line-wrap::-webkit-scrollbar-thumb:hover,
.ProseMirror--display .code-block--no-line-wrap > pre::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.ProseMirror .collapsed {
  display: none !important;
}
.ProseMirror .heading .heading-content {
  display: inline;
}
.ProseMirror .heading.collapse .heading-expand-button {
  transform: rotate(0deg);
}
.ProseMirror .heading.collapse .heading-expand-button, .ProseMirror .heading:hover .heading-expand-button {
  opacity: 1;
}
.ProseMirror .heading.heading-no-section .heading-expand-button {
  display: none;
}
.ProseMirror .heading.empty-node .heading-expand-button {
  margin-right: 1px;
}
.ProseMirror .heading-expand-button {
  position: relative;
  min-width: 17px;
  padding: 0 4px;
  margin-left: -19px;
  opacity: 0;
  transform: rotate(90deg);
  transform-origin: center center;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  color: currentColor;
  text-indent: -9999px;
}
.ProseMirror .heading-expand-button::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 5px;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border: 5px solid transparent;
  border-left-color: currentColor;
  border-left-width: 7px;
}
.ProseMirror hr {
  padding: 2px 0;
  border: none;
  margin: 1em 0;
}
.ProseMirror hr::after {
  content: "";
  display: block;
  height: 1px;
  background-color: var(--hr-color, var(--G-3, #C7C8C9));
  line-height: 2px;
}
.editor-image {
  position: relative;
  margin-bottom: 12px;
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
}
.editor-image--left {
  margin: 0 auto 12px 0;
}
.editor-image--right {
  margin: 0 0 12px auto;
}
.editor-image--center {
  margin: 0 auto 12px auto;
}
.editor-image--wrap-right {
  float: right;
  margin-left: 24px;
}
.editor-image--wrap-left {
  float: left;
  margin-right: 24px;
}
.editor-image__wrap {
  position: relative;
  max-width: 100%;
}
.editor-image__wrap.image-highlight {
  outline: 2px solid #FF5757;
}
.editor-image__resizer {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 48px;
  max-height: 50%;
  opacity: 0;
  transition: opacity 100ms ease-in 0s;
  border-radius: 20px;
  background: rgba(15, 15, 15, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.9);
  cursor: col-resize;
}
.editor-image__resizer--left {
  left: 4px;
}
.editor-image__resizer--right {
  right: 4px;
}
.editor-image__wrap:hover .editor-image__resizer {
  opacity: 1;
}
.editor-image__caption {
  display: block;
  width: 100%;
  border: none;
  text-align: center;
  padding: 7px 10px;
  resize: none;
  overflow: hidden;
  background-color: transparent;
  box-sizing: border-box;
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.editor-image__caption::placeholder {
  font-family: inherit;
  letter-spacing: -0.21px;
}
.editor-video {
  position: relative;
  margin-bottom: 12px;
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
}
.editor-video--left {
  margin: 0 auto 12px 0;
}
.editor-video--right {
  margin: 0 0 12px auto;
}
.editor-video--center {
  margin: 0 auto 12px auto;
}
.editor-video--wrap-right {
  float: right;
  margin-left: 24px;
}
.editor-video--wrap-left {
  float: left;
  margin-right: 24px;
}
.editor-video__wrap {
  position: relative;
  max-width: 100%;
}
.editor-image-menu {
  display: flex;
}
.editor-image-menu > *:not(:last-child) {
  margin-right: 5px;
}
.attachment-link__icon {
  color: var(--attachment-link-icon-color, var(--ic-darker, #151515));
  vertical-align: middle;
}
.ProseMirror--display .editor-image {
  cursor: pointer;
}
.ProseMirror .editor-image {
  padding: 4px;
  max-width: 100%;
}
.ProseMirror .editor-image img {
  width: 100%;
}
.ProseMirror .editor-image-caption {
  font-size: 13px;
}
.ProseMirror .editor-image--left {
  margin: 0 auto 12px 0;
}
.ProseMirror .editor-image--right {
  margin: 0 0 12px auto;
}
.ProseMirror .editor-image--center {
  margin: 0 auto 12px auto;
}
.ProseMirror .editor-image--wrap-right {
  float: right;
  margin-left: 24px;
}
.ProseMirror .editor-image--wrap-left {
  float: left;
  margin-right: 24px;
}
.ProseMirror .editor-attachment-placeholder {
  background: var(--G-1, #F3F3F4);
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 5px;
  padding: 1px 5px;
  margin: 0 3px;
  display: inline-flex;
  align-items: center;
}
.ProseMirror .editor-attachment-placeholder::after {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid var(--G-8, #4d4d4d);
  border-top-color: transparent;
  animation: editor-placeholder-load 0.8s linear infinite;
  margin-left: 8px;
}
.ProseMirror .editor-image-placeholder {
  position: relative;
  display: block;
  margin: 10px auto;
  text-align: center;
  line-height: 0;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 400px;
}
.ProseMirror .editor-image-placeholder__reading {
  min-width: 260px;
  min-height: 140px;
  background: var(--G-3, #C7C8C9);
}
.ProseMirror .editor-image-placeholder img {
  max-width: 100%;
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 5px;
}
.ProseMirror .editor-image-placeholder::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.3);
}
.ProseMirror .editor-image-placeholder::after {
  content: "";
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--G-9, #232B36);
  border-top-color: transparent;
  animation: editor-placeholder-load 0.8s linear infinite;
}
@keyframes editor-placeholder-load {
  to {
    transform: rotate(360deg);
  }
}
.ProseMirror li {
  margin-bottom: 0.8em;
  margin-left: 0.8em;
  padding: 0;
}
.ProseMirror ul {
  list-style: disc;
  padding: 0;
  margin-bottom: 0.8em;
  margin-left: 0.8em;
}
.ProseMirror ol {
  list-style: decimal;
  padding: 0;
  margin-bottom: 0.8em;
  margin-left: 0.8em;
}
.ProseMirror ul ul {
  list-style: circle;
}
.ProseMirror ul ul ul {
  list-style: square;
}
.ProseMirror ul ul ul ul {
  list-style: disc;
}
.ProseMirror ul ul ul ul ul {
  list-style: circle;
}
.ProseMirror ul ul ul ul ul ul {
  list-style: square;
}
.ProseMirror ul ul ul ul ul ul ul {
  list-style: disc;
}
.ProseMirror ul ul ul ul ul ul ul ul {
  list-style: circle;
}
.ProseMirror ul ul ul ul ul ul ul ul ul {
  list-style: square;
}
.ProseMirror ol ol {
  list-style: lower-alpha;
}
.ProseMirror ol ol ol {
  list-style: lower-roman;
}
.ProseMirror ol ol ol ol {
  list-style: decimal;
}
.ProseMirror ol ol ol ol ol {
  list-style: lower-alpha;
}
.ProseMirror ol ol ol ol ol ol {
  list-style: lower-roman;
}
.ProseMirror ol ol ol ol ol ol ol {
  list-style: decimal;
}
.ProseMirror ol ol ol ol ol ol ol ol {
  list-style: lower-alpha;
}
.ProseMirror ol ol ol ol ol ol ol ol ol {
  list-style: lower-roman;
}
.ProseMirror .empty-node::before {
  position: absolute;
  padding-left: 2px;
  content: attr(data-placeholder);
  pointer-events: none;
  color: var(--typo-secondary, #878B92);
}
.ProseMirror .empty-node[data-show-placeholder=false]::before {
  content: none;
}
.ProseMirror .empty-node::after {
  position: absolute;
  padding-left: 2px;
  content: attr(data-tip);
  pointer-events: none;
  color: var(--G-4, #B2B2B3);
  font-size: 11px;
  line-height: 18px;
}
.ProseMirror .empty-node[data-show-placeholder=false]::after {
  transform: translateY(-100%);
}
.ProseMirror[contenteditable=false] .empty-node::before, .ProseMirror[contenteditable=false] .empty-node::after {
  content: none;
}
.ProseMirror .empty-node.align-center::before, .ProseMirror .empty-node.align-center::after {
  transform: translateX(-50%);
}
.ProseMirror .empty-node.align-right::before, .ProseMirror .empty-node.align-right::after {
  right: 0;
}
.ProseMirror h1.empty-node::before, .ProseMirror h2.empty-node::before, .ProseMirror h3.empty-node::before {
  font-size: 15px;
  margin-top: 5px;
}
.ProseMirror h1.empty-node::after, .ProseMirror h2.empty-node::after, .ProseMirror h3.empty-node::after {
  font-size: 12px;
}
.editor-popup--hidden, .editor-popup[data-popper-reference-hidden=true] {
  visibility: hidden;
  pointer-events: none;
}
.pill-node-view {
  vertical-align: middle;
}
.pill-node-view.pill-node-view {
  height: 22px;
}
.pill-node-view-wrapper .tooltip {
  position: initial;
}
.ProseMirror .paragraph-small {
  font-size: 0.8em;
}
.slash-suggester-menu {
  padding: 8px 2px 8px 0;
  width: 390px;
  border: 1px solid var(--slash-suggester-menu-border-color, transparent);
  border-radius: 5px;
  box-shadow: 0 9px 24px 0 rgba(15, 15, 15, 0.2), 0 3px 6px 0 rgba(15, 15, 15, 0.1), 0 0 1px 0 rgba(15, 15, 15, 0.05);
  background-color: var(--slash-suggester-menu-background-color, var(--G-0, #FFFFFF));
}
.slash-suggester-menu__list {
  padding-right: 7px;
  max-height: 350px;
  overflow: auto;
}
.slash-suggester-menu__list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.slash-suggester-menu__list::-webkit-scrollbar-track {
  background-color: transparent;
}
.slash-suggester-menu__list::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.slash-suggester-menu__list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.slash-suggester-menu__item {
  padding: 1px 5px;
}
.slash-suggester-menu__item-icon {
  padding: 0 20px 0 15px;
}
.slash-suggester-menu__btn {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 5px;
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
  color: currentColor;
  text-align: left;
}
.slash-suggester-menu__category-label {
  padding: 4px 20px;
  color: var(--slash-suggester-menu-category-label-color, var(--typo-secondary, #878B92));
}
.slash-suggester-menu__item--active .slash-suggester-menu__btn, .slash-suggester-menu__item:hover .slash-suggester-menu__btn {
  background-color: var(--slash-suggester-menu-item-background-color-hover, var(--G-1, #F3F3F4));
}
.slash-suggester-menu__hotkeys {
  margin-left: auto;
}
.shortkey {
  background-color: var(--G-0-5, #FAFAFA);
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 5px;
  height: 26px;
  padding: 0 6px;
  min-width: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--G-4, #B2B2B3);
}
.shortkey:not(:last-child) {
  margin-right: 3px;
}
.macos-shortkey {
  display: inline-flex;
}
.windows-shortkey {
  display: inline-flex;
}
.table-cell-dropdown__color-tag {
  margin-right: 7px;
  padding: 0 5px;
  border-radius: 5px;
  border: 1px solid var(--G-2, #DEDEDE);
  font-size: 11px;
  font-weight: normal;
  color: var(--typo-primary, #2E3538);
  display: inline-flex;
}
.table-cell-dropdown__option--danger .menu-option__text {
  color: #FF5757;
}
.ProseMirror table {
  margin: 0 0 0.8em 0;
  border-radius: 2px;
}
.ProseMirror th, .ProseMirror td {
  min-width: 1em;
  border: 1px solid var(--table-cell-border-color, var(--G-2, #DEDEDE));
  padding: 3px 5px;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
}
.ProseMirror th p.empty-node, .ProseMirror td p.empty-node {
  position: relative;
}
.ProseMirror th p.empty-node::before, .ProseMirror td p.empty-node::before {
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ProseMirror th {
  font-weight: bold;
  text-align: left;
  background-color: var(--table-th-background-color, var(--G-1-2, #F0F0F0));
}
.selectedCell::after {
  z-index: 0 !important;
}
.ProseMirror.selectedCell:after {
  z-index: 0 !important;
}
.table-of-contents {
  margin: 0 0 8px 0;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
}
.table-of-contents--expanded .table-of-contents__head-arrow {
  left: 7px;
  margin-top: 2px;
  border-left-color: var(--table-of-contents-arrow-color-expanded, var(--G-7, #6F7173));
  transform: rotate(90deg);
}
.table-of-contents--expanded .table-of-contents__content {
  display: block;
}
.table-of-contents__head {
  position: relative;
  display: flex;
  width: 100%;
  padding: 10px 10px 10px 18px;
  cursor: pointer;
}
.table-of-contents__head-arrow {
  position: absolute;
  top: 13px;
  left: 8px;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: var(--table-of-contents-arrow-color, var(--typo-secondary, #878B92));
  transition: transform 200ms ease-out;
  cursor: pointer;
}
.table-of-contents__head-title {
  display: flex;
  font-weight: 600;
  font-size: 11px;
  color: var(--typo-secondary, #878B92);
}
.table-of-contents__content {
  display: none;
  padding: 6px 10px 8px 10px;
}
.table-of-contents__content ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.table-of-contents__content ul li {
  margin: 0 !important;
  line-height: 100% !important;
}
.table-of-contents__content ul li li a {
  padding-left: 20px;
}
.table-of-contents__content ul li li li a {
  padding-left: 40px;
}
.table-of-contents__content ul li li li li a {
  padding-left: 60px;
}
.table-of-contents__content ul li li li li li a {
  padding-left: 80px;
}
.table-of-contents__content ul li li li li li li a {
  padding-left: 100px;
}
.table-of-contents__content ul li li li li li li li a {
  padding-left: 120px;
}
.table-of-contents__content ul li li li li li li li li a {
  padding-left: 140px;
}
.table-of-contents__content ul li li li li li li li li li a {
  padding-left: 160px;
}
.table-of-contents__content ul li li li li li li li li li li a {
  padding-left: 180px;
}
.table-of-contents__content ul li li li li li li li li li li li a {
  padding-left: 200px;
}
.table-of-contents__content ul li li li li li li li li li li li li a {
  padding-left: 220px;
}
.table-of-contents__content ul li li li li li li li li li li li li li a {
  padding-left: 240px;
}
.table-of-contents__content ul li li li li li li li li li li li li li li a {
  padding-left: 260px;
}
.table-of-contents__content ul li li li li li li li li li li li li li li li a {
  padding-left: 280px;
}
.table-of-contents__content ul li li li li li li li li li li li li li li li li a {
  padding-left: 300px;
}
.table-of-contents__content ul li li li li li li li li li li li li li li li li li a {
  padding-left: 320px;
}
.table-of-contents__content ul li li li li li li li li li li li li li li li li li li a {
  padding-left: 340px;
}
.table-of-contents__content ul li li li li li li li li li li li li li li li li li li li a {
  padding-left: 360px;
}
.table-of-contents__content ul li li li li li li li li li li li li li li li li li li li li a {
  padding-left: 380px;
}
.table-of-contents__content ul li li li li li li li li li li li li li li li li li li li li li a {
  padding-left: 400px;
}
.table-of-contents__content ul li a {
  display: block;
  width: 100%;
  padding: 7px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 100%;
  color: var(--table-of-contents-link-color, var(--typo-secondary, #878B92));
  text-decoration: underline;
  cursor: pointer;
}
.table-of-contents__content ul li a:hover {
  background-color: var(--table-of-contents-link-background-color-hover, var(--G-1, #F3F3F4));
  color: var(--table-of-contents-link-color-hover, var(--tertiary, #6B6B6B));
  text-decoration: none;
}
.table-of-contents__content ul li p {
  margin: 0;
  line-height: 100%;
}
.formatting-toolbar {
  padding: 0 4px;
}
.formatting-toolbar .editor-toolbar-divider + .editor-toolbar-divider {
  display: none;
}
.formatting-toolbar .editor-toolbar-divider:first-child, .formatting-toolbar .editor-toolbar-divider:last-child {
  display: none;
}
.text-style-dropdown-list {
  display: flex;
  padding: 12px 5px;
  flex-direction: column;
  min-width: 300px;
  max-width: 300px;
  overflow: auto;
  border-radius: 5px;
}
.text-style-dropdown-list__item {
  padding: 0 10px;
  border-radius: 5px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--tertiary, #6B6B6B);
  transition: background-color 150ms ease-out;
}
.text-style-dropdown-list__item:hover {
  background-color: var(--text-style-dropdown-list-item-background-color-hover, var(--G-1, #F3F3F4));
  color: var(--text-style-dropdown-list-item-color-hover, var(--typo-primary, #2E3538));
  transition: background-color 200ms ease-in;
}
.text-style-dropdown-list__item--codeBlock {
  background-color: var(--text-style-dropdown-list-item-codeblock-bg-color, var(--G-1, #F3F3F4));
  box-shadow: 0 0 0 14px var(--text-style-dropdown-list-item-codeblock-box-shadow-color, var(--G-1, #F3F3F4));
}
.text-style-dropdown-list__item--heading6 {
  text-transform: uppercase;
}
.text-style-dropdown-list__text {
  margin-right: 5px;
}
.text-color-dropdown-button__preview {
  position: absolute;
  bottom: 5px;
  left: 6px;
  width: 18px;
  height: 3px;
  border-radius: 5px;
}
.is-no-arrow .text-color-dropdown-button__preview {
  right: 0;
  left: 0;
  margin: 0 auto;
}
.text-color-dropdown-button__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--G-2, #DEDEDE);
  background: var(--G-0, #FFFFFF);
  border-radius: 5px;
  margin-right: 10px;
  font-size: 11px;
}
.text-color-dropdown-button__badge--default + .text::after {
  content: "(black)";
  margin-left: 4px;
}
.text-color-dropdown-button__badge--white {
  background: var(--G-4, #B2B2B3);
}
.highlight-color-dropdown-button__preview {
  position: absolute;
  bottom: 5px;
  left: 6px;
  width: 18px;
  height: 3px;
  border-radius: 5px;
}
.is-no-arrow .highlight-color-dropdown-button__preview {
  right: 0;
  left: 0;
  margin: 0 auto;
}
.highlight-color-dropdown-button__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--highlight-color-dropdown-button-border-color, var(--G-2, #DEDEDE));
  background: var(--highlight-color-dropdown-button-background-color, var(--G-0, #FFFFFF));
  border-radius: 5px;
  margin-right: 10px;
  font-weight: 600;
  font-size: 11px;
  color: var(--highlight-color-dropdown-button-text-color, var(--typo-primary, #2E3538));
}
.highlight-color-dropdown-button__badge--default + .text::after {
  content: "(white)";
  margin-left: 4px;
}
.highlight-color-dropdown-button__label {
  line-height: 18px;
  padding: 0 1px;
}
.editor-url-dialog {
  width: 400px;
  height: 36px;
  padding: 2px 8px;
  display: flex;
  align-items: center;
}
.editor-url-dialog > :not(:last-child) {
  margin-right: 3px;
}
.editor-url-dialog__button {
  white-space: nowrap;
}
.editor-url-dialog__link {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: var(--solution-primary-color);
  text-decoration: underline;
}
.editor-url-dialog__link:hover {
  text-decoration: none;
}
.editor-popup .pill-picker-editor {
  width: 100%;
}
.editor-popup .pill-picker-editor__plus-button {
  top: 10px;
  right: -10px;
}
.editor-popup .react-input-group--white-new {
  left: -10px;
  border: none;
  background-color: unset;
  box-shadow: none;
  border-radius: unset;
}
.editor-popup .with-pills-dialog {
  height: unset;
  min-height: 36px;
  align-items: flex-start;
  width: 500px;
}
.editor-popup .with-pills-dialog > .editor-url-dialog__button {
  top: 4px;
}
.editor-popup .editor-url-dialog-input {
  max-width: 400px;
}
.ProseMirror a {
  color: #3A86FF;
  text-decoration: underline;
  word-break: break-all;
  pointer-events: all;
}
.ProseMirror .date-pill {
  background-color: var(--date-pill-background-color, var(--G-1, #F3F3F4));
  border-radius: 5px;
  border: 1px solid var(--date-pill-border-color, var(--G-3, #C7C8C9));
  font-size: 14px;
  padding: 1px 4px;
  cursor: pointer;
}
.ProseMirror .date-pill.ProseMirror-selectednode {
  outline: none;
  border-color: var(--solution-primary-color);
}
.date-pill-picker {
  background: var(--date-pill-picker-background-color, var(--G-0, #FFFFFF));
  box-shadow: var(--date-pill-picker-box-shadow, 0 2px 6px rgba(0, 0, 0, 0.066));
  border-radius: 5px;
}
.date-pill-picker .calendar-footer-group {
  padding-right: 10px;
  padding-left: 10px;
}
.editor-mention-menu {
  background: var(--editor-mention-menu-background-color, var(--G-0, #FFFFFF));
  border-radius: 5px;
  width: 290px;
  border: 1px solid var(--editor-mention-menu-border-color, var(--G-1-6, #E8E8E8));
  box-shadow: var(--editor-mention-menu-box-shadow, 0 2px 6px rgba(0, 0, 0, 0.066));
}
.editor-mention-menu__body {
  padding: 6px 12px 6px 6px;
}
.editor-mention-menu__scrollbar {
  max-height: 250px;
}
.editor-mention-menu__footer {
  background-color: var(--editor-mention-menu-footer-background-color, var(--G-0-5, #FAFAFA));
  display: flex;
  align-items: center;
  padding: 2px 12px;
  border-top: 1px solid var(--editor-mention-menu-footer-border-color, var(--G-1-6, #E8E8E8));
  border-radius: 0 0 5px 5px;
}
.editor-mention-menu__footer-item {
  display: flex;
  align-items: center;
  margin-right: 12px;
  pointer-events: none;
}
.editor-mention-menu__footer-item *:first-child {
  padding-right: 4px;
}
.editor-mention-menu-item {
  margin: 1px 0;
  cursor: pointer;
  height: 35px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.editor-mention-menu-item:hover, .editor-mention-menu-item--active {
  background: var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.editor-mention-menu-item .member-extra {
  padding: 0;
}
.editor-mention-menu-title {
  margin: 5px 0 2px 8px;
}
.member-suggester-menu__avatar-pill {
  flex: 1;
}
.member-suggester-menu__item-profile {
  color: var(--G-3, #C7C8C9);
}
.member-suggester-menu__item-profile:hover {
  color: var(--typo-primary, #2E3538);
}
.ProseMirror .mention {
  padding: 1px 0;
  background-color: rgba(231, 240, 254, var(--mention-pill-background-alpha));
  font-size: 13px;
  line-height: 150%;
  color: var(--mention-pill-color, #3A86FF);
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: all;
          user-select: all;
}
.ProseMirror .mention-current {
  text-decoration: underline;
}
/* This gives the remote user caret. The colors are automatically overwritten*/
.ProseMirror-yjs-cursor {
  position: relative;
  margin-left: -1px;
  border-left: 2px solid #3A86FF;
  word-break: normal;
  pointer-events: none;
  /* This renders the username above the caret */
}
.ProseMirror-yjs-cursor > div {
  position: absolute;
  top: -1.05em;
  left: -2px;
  font-size: 12px;
  background-color: #3A86FF;
  -webkit-user-select: none;
          user-select: none;
  color: var(--G-0, #FFFFFF);
  padding: 1px 4px;
  border-radius: 4px;
  white-space: nowrap;
  font-weight: normal;
}
/* this is a rough fix for the first cursor position when the first paragraph is empty */
.ProseMirror > .ProseMirror-yjs-cursor:first-child {
  margin-top: 16px;
}
.ai-popup {
  border: 1px solid rgba(15, 15, 15, 0.05);
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--G-0, #FFFFFF);
  width: var(--ai-popup-width, 600px);
  max-width: 100%;
  min-height: 37px;
}
.ai-popup__results {
  display: flex;
  align-items: center;
  color: var(--typo-secondary, #878B92);
  gap: 0.3rem;
  justify-self: flex-end;
  font-size: 13px;
}
.ai-popup__results .icon-button {
  padding: 0.2rem;
}
.ai-popup__results .icon-button:hover {
  background: var(--G-1, #F3F3F4);
}
.ai-popup__result {
  max-height: 200px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  background: var(--G-0-5, #FAFAFA);
  border-bottom: 1px solid var(--G-2, #DEDEDE);
}
.ai-popup__result-text {
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.ai-popup__head {
  display: flex;
  align-items: center;
  padding: 1px 0 1px 10px;
  min-height: 37px;
}
.ai-popup__warn, .ai-popup__error {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--G-0-5, #FAFAFA);
  padding: 2px 10px;
  min-height: 30px;
  color: var(--typo-secondary, #878B92);
}
.ai-popup__error {
  color: #FF5757;
}
.ai-popup-actions__active--options {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  background: var(--G-0, #FFFFFF);
  align-items: center;
  gap: 6px;
  background: var(--G-0-5, #FAFAFA);
  padding: 4px 4px;
  color: var(--typo-secondary, #878B92);
  border: 1px solid rgba(15, 15, 15, 0.05);
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
}
.ai-popup-actions__active--option {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--G-0-5, #FAFAFA);
  padding: 1px 10px;
  height: 30px;
  color: var(--typo-secondary, #878B92);
}
.ai-popup-actions__active--option:hover {
  background: var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.ai-popup-actions__wrapper {
  display: flex;
  gap: 6px;
  align-items: flex-start;
}
.ai-popup-actions__wrapper:not([data-popper-placement]) {
  transform: translateY(48px);
}
.ai-popup-actions {
  border: 1px solid rgba(15, 15, 15, 0.05);
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  background: var(--G-0, #FFFFFF);
  width: 300px;
  max-width: 100%;
  min-height: 37px;
}
.ai-popup-actions ul {
  width: 100%;
}
.ai-popup-actions__list {
  display: flex;
  flex-direction: column;
  padding: 5px 7px 5px 10px;
  width: 100%;
  max-height: 350px;
  overflow: auto;
}
.ai-popup-actions__category {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ai-popup-actions__category-label {
  font-size: 14px;
  padding: 5px 0;
  color: var(--typo-secondary, #878B92);
  font-weight: 500;
  margin: 0;
}
.ai-popup-actions__category-divider {
  width: 100%;
  height: 1px;
  background: rgba(15, 15, 15, 0.05);
  margin: 5px 0;
}
.ai-popup-actions__item {
  margin: 3px 0;
  padding: 4px 8px;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
}
.ai-popup-actions__item:hover .ai-popup-actions__item__text {
  color: var(--typo-primary, #2E3538);
}
.ai-popup-actions__item-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
}
.ai-popup-actions__item-text {
  font-size: 14px;
  font-weight: 500;
  color: var(--tertiary, #6B6B6B);
}
.ai-popup-actions__item-icon {
  font-weight: normal;
  color: #3A86FF;
  display: flex;
  align-items: center;
}
.ai-popup-actions__item--active {
  background: var(--G-1, #F3F3F4);
}
.ai-popup__icon {
  color: #FFB938;
  align-self: flex-start;
  min-height: 37px;
}
.ai-popup__input {
  max-height: 90px;
  overflow-y: auto;
}
.ai-popup__loading {
  color: #FFB938;
  padding: 0 5px;
  display: flex;
}
.ai-popup__loading-indicator {
  padding: 0 3px;
  display: flex;
  align-items: center;
}
.ai-popup__loading-indicator-dot {
  background: #FFB938;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
}
.ai-popup__loading-indicator-dot:nth-child(1) {
  animation: loading-indicator 1.5s ease-in-out infinite;
  animation-delay: 0s;
}
.ai-popup__loading-indicator-dot:nth-child(2) {
  animation: loading-indicator 1.5s ease-in-out infinite;
  animation-delay: 0.5s;
}
.ai-popup__loading-indicator-dot:nth-child(3) {
  animation: loading-indicator 1.5s ease-in-out infinite;
  animation-delay: 1s;
}
@keyframes loading-indicator {
  0% {
    background-color: #FFB938;
    transform: translateY(0);
  }
  33% {
    background-color: #ffdd9e;
    transform: translateY(50%);
  }
  66% {
    background-color: white;
    transform: translateY(-50%);
  }
  100% {
    background-color: white;
    transform: translateY(0);
  }
}
.ai-popup-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.editor-popup[data-popper-placement=top-start] .ai-popup-wrapper {
  flex-direction: column-reverse;
}
.ai-popup-usage {
  border-top: 1px solid var(--G-1, #F3F3F4);
  align-items: center;
  background-color: var(--G-0-5, #FAFAFA);
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ai-popup-usage__display {
  width: 50px;
}
.ai-popup-usage__text {
  flex: 1;
  display: flex;
  justify-content: center;
}
.ai-popup-usage__stats {
  width: 100%;
  display: flex;
  align-items: center;
  height: 36px;
  padding: 10px 12px 10px 12px;
  justify-content: space-around;
}
.ai-popup-usage__stats p {
  color: var(--typo-secondary, #878B92);
}
.ai-popup-usage__warn {
  color: #FF5757;
  font-weight: 500;
  margin: 0;
  text-align: center;
}
.ai-popup-usage__config-warn {
  color: var(--typo-primary, #2E3538);
  margin: 0;
  text-align: center;
}
.ai-popup-usage__config-over-limit {
  background-color: #FEECEE;
  margin: 0;
}
.ai-popup-usage__config {
  width: 100%;
  border-top: 1px solid var(--G-1, #F3F3F4);
  color: var(--typo-secondary, #878B92);
  min-height: 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
}
.ai-popup-usage__config-link {
  color: var(--typo-secondary, #878B92);
  font-size: 11px;
  font-weight: 400;
}
.ai-popup-usage__config-link:hover {
  color: var(--tertiary, #6B6B6B);
}
.ai-popup-usage__help-icon {
  width: 8px;
  height: 8px;
}
.ai-highlighted {
  background-color: rgba(255, 185, 56, 0.26);
}
.ss-excalidraw {
  width: 90vw;
  height: 90vh;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  background: var(--G-0, #FFFFFF);
  border-radius: 8px;
  overflow: hidden;
}
.ss-excalidraw--fullscreen {
  width: 100%;
  height: 100%;
  max-width: none;
  border-radius: 0;
}
.ss-excalidraw__close {
  margin: 0 10px;
  width: 100px;
  height: 38px;
  color: var(--typo-secondary, #878B92);
  border-radius: 8px;
  background: #E5F8FF;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.ss-excalidraw__close:hover {
  background: #B3EFFE;
  color: var(--typo-primary, #2E3538);
}
.ss-excalidraw .excalidraw {
  --color-primary: $b-light-blue;
  --color-primary-darker: $d-light-blue;
  --color-primary-darkest: $s-p-d-light-blue;
  --color-primary-light: $w-light-blue;
  --color-primary-light-darker: $dw-light-blue;
}
.excalidraw.excalidraw-modal-container {
  z-index: 1000 !important;
}
@media screen and (max-width: 600px) {
  .ss-excalidraw {
    width: 100dvh;
    height: 100dvh;
    max-width: none;
    border-radius: 0;
  }
}
.ss-excalidraw__modal {
  z-index: 1000;
}
.ss-image-resizer {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  background-color: rgb(60, 132, 244);
  border: 1px solid #fff;
}
.ss-image-resizer.image-resizer-n {
  top: -6px;
  left: 48%;
  cursor: n-resize;
}
.ss-image-resizer.image-resizer-ne {
  top: -6px;
  right: -6px;
  cursor: ne-resize;
}
.ss-image-resizer.image-resizer-e {
  bottom: 48%;
  right: -6px;
  cursor: e-resize;
}
.ss-image-resizer.image-resizer-se {
  bottom: -2px;
  right: -6px;
  cursor: nwse-resize;
}
.ss-image-resizer.image-resizer-s {
  bottom: -2px;
  left: 48%;
  cursor: s-resize;
}
.ss-image-resizer.image-resizer-sw {
  bottom: -2px;
  left: -6px;
  cursor: sw-resize;
}
.ss-image-resizer.image-resizer-w {
  bottom: 48%;
  left: -6px;
  cursor: w-resize;
}
.ss-image-resizer.image-resizer-nw {
  top: -6px;
  left: -6px;
  cursor: nw-resize;
}
.ss-excalidraw-wrapper {
  position: relative;
  display: inline-flex;
  width: auto;
}
.excalidraw-node-view-wrapper.ProseMirror-selectednode {
  outline: none;
  display: contents;
}
.excalidraw-node-view-wrapper.ProseMirror-selectednode .ss-excalidraw-wrapper {
  outline: 2px solid #B3EFFE;
}
.ss-excalidraw-wrapper--resizing {
  outline: 2px solid #B3EFFE;
}
.ss-excalidraw-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ss-whiteboard {
  width: 90vw;
  height: 90vh;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  background: var(--G-0, #FFFFFF);
  border-radius: 8px;
  overflow: hidden;
}
.ss-whiteboard--fullscreen {
  width: 100%;
  height: 100%;
  max-width: none;
  border-radius: 0;
}
.ss-whiteboard__close {
  margin: 0 10px;
  width: 100px;
  height: 38px;
  color: var(--typo-secondary, #878B92);
  border-radius: 8px;
  background: #E5F8FF;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.ss-whiteboard__close:hover {
  background: #B3EFFE;
  color: var(--typo-primary, #2E3538);
}
.ss-whiteboard__saving-indicator {
  display: flex;
  align-items: center;
  font-size: 18px;
}
.ss-whiteboard-wrapper {
  position: relative;
  display: inline-flex;
  width: auto;
}
.whiteboard-node-view-wrapper.ProseMirror-selectednode {
  outline: none;
  display: contents;
}
.whiteboard-node-view-wrapper.ProseMirror-selectednode .ss-whiteboard-wrapper {
  outline: 2px solid #B3EFFE;
}
.ss-whiteboard-wrapper--resizing {
  outline: 2px solid #B3EFFE;
}
.ss-whiteboard-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.editor-dynamic-text {
  -webkit-user-select: all;
          user-select: all;
}
.ProseMirror {
  width: 100%;
  font-size: 13px;
  outline: none;
}
.ProseMirror .rendered {
  white-space: normal;
  display: flow-root;
}
.ProseMirror p {
  margin-bottom: 0.8em;
  line-height: 1.45;
}
.ProseMirror p.size-small {
  font-size: 0.8em;
}
.ProseMirror p.size-large {
  font-size: 1.2em;
}
.ProseMirror p.size-extra-large {
  font-size: 1.5em;
}
.ProseMirror h1 {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 24px;
  line-height: 1.225;
  font-weight: 500;
}
.ProseMirror h2 {
  font-size: 20px;
  margin-bottom: 12px;
  line-height: 1.2;
  font-weight: 500;
}
.ProseMirror h3 {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 12px;
  font-weight: 500;
}
.ProseMirror h4 {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 12px;
  font-weight: 500;
}
.ProseMirror h5 {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 12px;
  font-weight: 500;
}
.ProseMirror h6 {
  font-size: 11px;
  line-height: 1.5;
  margin-bottom: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.ProseMirror strong {
  font-weight: 600;
}
.ProseMirror em {
  font-style: italic;
}
.ProseMirror blockquote {
  margin-bottom: 12px;
  padding: 6px 20px;
  border-left: 2px solid var(--typo-primary, #2E3538);
}
.ProseMirror blockquote > :last-child {
  margin-bottom: 0;
}
.ProseMirror code {
  font-family: Consolas, Menlo, Courier, monospace;
  font-size: 0.9em;
  line-height: inherit;
  font-weight: inherit;
  color: var(--html-tag-code-color, rgb(242, 68, 97));
  background-color: var(--html-tag-code-backgrond-color, rgb(250, 238, 240));
  box-shadow: var(--html-tag-code-box-shadow, rgb(250, 238, 240) 1px 0px 0px 2px, rgb(250, 238, 240) -1px 0px 0px 2px);
  mix-blend-mode: revert;
  margin-left: 2px;
  margin-right: 2px;
  border-radius: 1px;
}
.ProseMirror .highlight {
  background-color: inherit;
  font-size: 13px;
}
.ProseMirror:not(.ProseMirror--display) h1:not(:first-child) {
  margin-top: 24px;
}
.ProseMirror:not(.ProseMirror--display) h2:not(:first-child) {
  margin-top: 24px;
}
.ProseMirror:not(.ProseMirror--display) h3:not(:first-child) {
  margin-top: 24px;
}
.ProseMirror:not(.ProseMirror--display) h4:not(:first-child) {
  margin-top: 12px;
}
.ProseMirror--display {
  white-space: normal;
}
.ProseMirror--display a {
  cursor: pointer;
}
.ProseMirror--display .editor-image-caption {
  text-align: center;
}
.ProseMirror--custom-bg {
  z-index: 2;
  position: relative;
  --editor-toolbar-static-background-color: #FFFFFF;
}
.ProseMirror--custom-bg .empty-node::before {
  opacity: 0.5;
  color: currentColor;
}
.ProseMirror--dashboards {
  font-size: 14px;
}
.ProseMirror--dashboards h1, .ProseMirror--dashboards h2, .ProseMirror--dashboards h3, .ProseMirror--dashboards h4, .ProseMirror--dashboards h5, .ProseMirror--dashboards h6, .ProseMirror--dashboards p, .ProseMirror--dashboards p.extra-large, .ProseMirror--dashboards p.large, .ProseMirror--dashboards p.small, .ProseMirror--dashboards ol, .ProseMirror--dashboards ul, .ProseMirror--dashboards ol li, .ProseMirror--dashboards ul li {
  margin-bottom: 0;
}
.ProseMirror--dashboards h1:first-child, .ProseMirror--dashboards h2:first-child, .ProseMirror--dashboards h3:first-child, .ProseMirror--dashboards h4:first-child, .ProseMirror--dashboards h5:first-child, .ProseMirror--dashboards h6:first-child, .ProseMirror--dashboards p:first-child, .ProseMirror--dashboards p.extra-large:first-child, .ProseMirror--dashboards p.large:first-child, .ProseMirror--dashboards p.small:first-child, .ProseMirror--dashboards ol:first-child, .ProseMirror--dashboards ul:first-child, .ProseMirror--dashboards ol li:first-child, .ProseMirror--dashboards ul li:first-child {
  margin-top: 0;
}
.ProseMirror--dashboards h1 {
  font-size: 44px;
  line-height: 54px;
  margin-top: 20px;
  font-weight: 600;
}
.ProseMirror--dashboards h1:empty {
  min-height: 54px;
}
.ProseMirror--dashboards h2 {
  font-size: 34px;
  margin-top: 20px;
  line-height: 44px;
  font-weight: 600;
}
.ProseMirror--dashboards h2:empty {
  min-height: 44px;
}
.ProseMirror--dashboards h3 {
  font-size: 24px;
  margin-top: 20px;
  line-height: 34px;
  font-weight: 600;
}
.ProseMirror--dashboards h3:empty {
  min-height: 34px;
}
.ProseMirror--dashboards h4 {
  font-size: 20px;
  margin-top: 20px;
  line-height: 26px;
  font-weight: 600;
}
.ProseMirror--dashboards h4:empty {
  min-height: 26px;
}
.ProseMirror--dashboards h5 {
  font-size: 18px;
  margin-top: 8px;
  line-height: 26px;
  font-weight: 400;
}
.ProseMirror--dashboards h5:empty {
  min-height: 26px;
}
.ProseMirror--dashboards h6 {
  font-size: 12px;
  margin-top: 8px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.ProseMirror--dashboards h6:empty {
  min-height: 18px;
}
.ProseMirror--dashboards p {
  font-size: 14px;
  line-height: 22px;
  margin-top: 8px;
}
.ProseMirror--dashboards p:empty {
  min-height: 22px;
}
.ProseMirror--dashboards p.size-extra-large {
  font-size: 18px;
  margin-top: 8px;
  line-height: 26px;
}
.ProseMirror--dashboards p.size-large {
  font-size: 16px;
  margin-top: 8px;
  line-height: 24px;
}
.ProseMirror--dashboards p.size-small {
  font-size: 12px;
  margin-top: 8px;
  line-height: 18px;
}
.ProseMirror--dashboards ol, .ProseMirror--dashboards ul, .ProseMirror--dashboards ol li, .ProseMirror--dashboards ul li {
  margin-top: 8px;
}
.ProseMirror--dashboards > *:last-child {
  margin-bottom: 0;
}
.ProseMirror--dashboards .editor-toolbar-button {
  min-width: 20px;
  height: 22px;
  width: 20px;
  color: var(--G-8, #4d4d4d);
}
.ProseMirror--dashboards .editor-toolbar-dropdown-button {
  border: 1px solid transparent;
  height: 22px;
  padding-right: 1px;
  padding-left: 1px;
  color: var(--G-8, #4d4d4d);
}
.ProseMirror--dashboards .editor-toolbar-dropdown-button__icon {
  color: var(--G-4, #B2B2B3);
}
.ProseMirror--dashboards .editor-toolbar-button--active,
.ProseMirror--dashboards .editor-toolbar-button:hover:not(.editor-toolbar-button--disabled),
.ProseMirror--dashboards .editor-toolbar-dropdown-button--opened,
.ProseMirror--dashboards .editor-toolbar-dropdown-button:hover {
  background-color: var(--G-1, #F3F3F4);
  border: 1px solid var(--G-1-5, #E9E9E9);
}
.ProseMirror--dashboards .editor-toolbar--mode-static {
  border-color: var(--G-1-5, #E9E9E9);
}
.ProseMirror--dashboards .pill-node-view-wrapper {
  margin: 0 10px;
}
.ProseMirror--forms {
  font-size: 14px;
}
.ProseMirror--forms h1, .ProseMirror--forms h2, .ProseMirror--forms h3, .ProseMirror--forms h4, .ProseMirror--forms h5, .ProseMirror--forms h6, .ProseMirror--forms p, .ProseMirror--forms p.extra-large, .ProseMirror--forms p.large, .ProseMirror--forms p.small, .ProseMirror--forms ol, .ProseMirror--forms ul, .ProseMirror--forms ol li, .ProseMirror--forms ul li, .ProseMirror--forms blockquote {
  margin-bottom: 0;
}
.ProseMirror--forms:not(.ProseMirror--display) h1:not(:first-child) {
  margin-top: 20px;
}
.ProseMirror--forms:not(.ProseMirror--display) h2:not(:first-child) {
  margin-top: 20px;
}
.ProseMirror--forms:not(.ProseMirror--display) h3:not(:first-child) {
  margin-top: 20px;
}
.ProseMirror--forms h1 {
  margin-top: 20px;
  font-weight: 600;
  font-size: 34px;
  line-height: 44px;
}
.ProseMirror--forms h1:empty {
  min-height: 44px;
}
.ProseMirror--forms h2 {
  margin-top: 20px;
  font-weight: 600;
  line-height: 34px;
  font-size: 24px;
}
.ProseMirror--forms h2:empty {
  min-height: 34px;
}
.ProseMirror--forms h3 {
  margin-top: 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
}
.ProseMirror--forms h3:empty {
  min-height: 26px;
}
.ProseMirror--forms h4 {
  margin-top: 20px;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.ProseMirror--forms h4:empty {
  min-height: 24px;
}
.ProseMirror--forms h5 {
  margin-top: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.ProseMirror--forms h5:empty {
  min-height: 22px;
}
.ProseMirror--forms h6 {
  margin-top: 20px;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
}
.ProseMirror--forms h6:empty {
  min-height: 18px;
}
.ProseMirror--forms p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
}
.ProseMirror--forms p:empty {
  min-height: 22px;
}
.ProseMirror--forms p.size-small {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ProseMirror--forms ol, .ProseMirror--forms ul, .ProseMirror--forms ol li, .ProseMirror--forms ul li, .ProseMirror--forms blockquote {
  margin-top: 8px;
}
.ProseMirror--forms > *:last-child {
  margin-bottom: 0;
}
.ProseMirror--forms .editor-toolbar-button {
  min-width: 20px;
  height: 22px;
  width: 20px;
  color: var(--G-8, #4d4d4d);
}
.ProseMirror--forms .editor-toolbar-dropdown-button {
  border: 1px solid transparent;
  height: 22px;
  padding-right: 1px;
  padding-left: 1px;
  color: var(--G-8, #4d4d4d);
}
.ProseMirror--forms .editor-toolbar-dropdown-button__icon {
  color: var(--G-4, #B2B2B3);
}
.ProseMirror--forms .editor-toolbar-button--active,
.ProseMirror--forms .editor-toolbar-button:hover:not(.editor-toolbar-button--disabled),
.ProseMirror--forms .editor-toolbar-dropdown-button--opened,
.ProseMirror--forms .editor-toolbar-dropdown-button:hover {
  background-color: var(--G-1, #F3F3F4);
  border: 1px solid var(--G-1-5, #E9E9E9);
}
.ProseMirror--forms .editor-toolbar--mode-static {
  border-color: var(--G-1-5, #E9E9E9);
}
.ProseMirror--forms .pill-node-view-wrapper {
  margin: 0 10px;
}
.dark-mode {
  --G-0: #202123;
  --G-0-5: #38393B;
  --G-1: #2E3033;
  --G-1-2: #49494B;
  --G-1-5: #2E3033;
  --G-1-6: #494A4D;
  --G-2: #68686A;
  --G-3: #9B9C9E;
  --G-4: #9B9C9E;
  --G-5: #B2B2B3;
  --G-6: #C7C8C9;
  --G-7: #DEDEDE;
  --G-8: #E9E9E9;
  --G-9: #fff;
  --typo-primary: #FFFFFF;
  --tertiary: #FFFFFF;
  --editor-toolbar-static-background-color: #2E3033;
  --editor-toolbar-static-border-color: #000;
  --editor-toolbar-floating-background-color: #38393B;
  --editor-toolbar-floating-border-color: #494A4D;
  --editor-toolbar-divider-color: #3E4043;
  --editor-toolbar-button-background-color-hover: #4E5054;
  --editor-toolbar-dropdown-button-background-color-hover: #4E5054;
  --editor-toolbar-dropdown-button-caret-opacity: 0.6;
  --editor-toolbar-dropdown-button-caret-color: $_G-0;
  --text-style-dropdown-list-item-background-color-hover: #4B4C4D;
  --text-style-dropdown-list-item-codeblock-bg-color: #4B4C4E;
  --text-style-dropdown-list-item-codeblock-box-shadow-color: #4B4C4E;
  --highlight-color-dropdown-button-border-color: #68686A;
  --dropdown-panel-border-color: #494A4D;
  --dropdown-panel-background-color: #38393B;
  --menu-line-separator-color: #49494B;
  --slash-suggester-menu-border-color: #454648;
  --slash-suggester-menu-background-color: #38393B;
  --slash-suggester-menu-category-label-color: #FFFFFF;
  --slash-suggester-menu-item-background-color-hover: #4B4C4D;
  --date-pill-background-color: #353638;
  --date-pill-border-color: #444546;
  --emoji-picker-background-color: #353638;
  --emoji-picker-border-color: #444546;
  --emoji-picker-category-bar-color: #444546;
  --emoji-preview-background-color: #2E3033;
  --emoji-preview-border-top-color: #444546;
  --emoji-list-category-name-color: #FFFFFF;
  --emoji-list-char-active: #4E5054;
  --hr-color: #FFFFFF;
  --attachment-link-icon-color: #FFFFFF;
  --mention-pill-background-alpha: 0.1;
  --check-box-item-border-color: #9B9C9E;
  --check-box-item-background-color: #FFFFFF;
  --check-box-item-icon-color: #FFFFFF;
  --table-of-contents-arrow-color-expanded: #FFFFFF;
  --table-of-contents-link-background-color-hover: #494A4B;
  --callout-overlay-background-alpha: 0.1;
  --callout-warning-border-color: #FFB938;
  --callout-warning-background-color: transparent;
  --callout-success-border-color: #3EAC40;
  --callout-success-background-color: transparent;
  --callout-info-border-color: #3A86FF;
  --callout-info-background-color: transparent;
  --callout-note-border-color: #883CD0;
  --callout-note-background-color: transparent;
  --callout-error-border-color: #FF5757;
  --callout-error-background-color: transparent;
  --callout-decision-border-color: #6A849B;
  --callout-decision-background-color: transparent;
  --table-cell-border-color: #FFFFFF;
  --table-th-background-color: #363739;
  --code-mirror-background-color: #353638;
  --code-mirror-border-color: transparent;
  --code-mirror-border-radius: 0;
  --code-mirror-linenumbers-background-color: #47484A;
  --code-mirror-linenumber-color: #FFFFFF;
  --code-mirror-gutters-border-color: #47484A;
  --code-mirror-gutters-background-color: #47484A;
  --menu-option-background-color-active: #4E5054;
  --html-tag-code-backgrond-color: #4E5054;
  --html-tag-code-box-shadow: #353638 1px 0px 0px 2px, rgb(#353638) -1px 0px 0px 2px;
  --editor-toolbar-static-background-color: #2E3033;
  --editor-toolbar-static-border-color: #000;
  --editor-toolbar-floating-background-color: #38393B;
  --editor-toolbar-floating-border-color: #494A4D;
  --editor-toolbar-divider-color: #3E4043;
  --editor-toolbar-button-background-color-hover: #4E5054;
  --editor-toolbar-dropdown-button-background-color-hover: #4E5054;
  --editor-toolbar-dropdown-button-caret-opacity: 0.6;
  --editor-toolbar-dropdown-button-caret-color: $_G-0;
  --text-style-dropdown-list-item-background-color-hover: #4B4C4D;
  --text-style-dropdown-list-item-codeblock-bg-color: #4B4C4E;
  --text-style-dropdown-list-item-codeblock-box-shadow-color: #4B4C4E;
  --highlight-color-dropdown-button-border-color: #68686A;
  --dropdown-panel-border-color: #494A4D;
  --dropdown-panel-background-color: #38393B;
  --menu-line-separator-color: #49494B;
  --slash-suggester-menu-border-color: #454648;
  --slash-suggester-menu-background-color: #38393B;
  --slash-suggester-menu-category-label-color: #FFFFFF;
  --slash-suggester-menu-item-background-color-hover: #4B4C4D;
  --date-pill-background-color: #353638;
  --date-pill-border-color: #444546;
  --emoji-picker-background-color: #353638;
  --emoji-picker-border-color: #444546;
  --emoji-picker-category-bar-color: #444546;
  --emoji-preview-background-color: #2E3033;
  --emoji-preview-border-top-color: #444546;
  --emoji-list-category-name-color: #FFFFFF;
  --emoji-list-char-active: #4E5054;
  --hr-color: #FFFFFF;
  --attachment-link-icon-color: #FFFFFF;
  --mention-pill-background-alpha: 0.1;
  --check-box-item-border-color: #9B9C9E;
  --check-box-item-background-color: #FFFFFF;
  --check-box-item-icon-color: #FFFFFF;
  --table-of-contents-arrow-color-expanded: #FFFFFF;
  --table-of-contents-link-background-color-hover: #494A4B;
  --callout-overlay-background-alpha: 0.1;
  --callout-warning-border-color: #FFB938;
  --callout-warning-background-color: transparent;
  --callout-success-border-color: #3EAC40;
  --callout-success-background-color: transparent;
  --callout-info-border-color: #3A86FF;
  --callout-info-background-color: transparent;
  --callout-note-border-color: #883CD0;
  --callout-note-background-color: transparent;
  --callout-error-border-color: #FF5757;
  --callout-error-background-color: transparent;
  --callout-decision-border-color: #6A849B;
  --callout-decision-background-color: transparent;
  --table-cell-border-color: #FFFFFF;
  --table-th-background-color: #363739;
  --code-mirror-background-color: #353638;
  --code-mirror-border-color: transparent;
  --code-mirror-border-radius: 0;
  --code-mirror-linenumbers-background-color: #47484A;
  --code-mirror-linenumber-color: #FFFFFF;
  --code-mirror-gutters-border-color: #47484A;
  --code-mirror-gutters-background-color: #47484A;
  --menu-option-background-color-active: #4E5054;
}
.dark-mode .dropdown-panel--arrow-white {
  --G-0: #494A4D;
}
.dark-mode .tableWrapper th,
.dark-mode .tableWrapper td {
  background-color: transparent;
}
.dark-mode .tableWrapper th[style="background-color: rgb(235,236,237);"],
.dark-mode .tableWrapper td[style="background-color: rgb(235,236,237);"] {
  background-color: rgba(243, 243, 244, 0.1) !important;
}
.dark-mode .tableWrapper th[style="background-color: rgb(233,229,227);"],
.dark-mode .tableWrapper td[style="background-color: rgb(233,229,227);"] {
  background-color: rgba(147, 59, 20, 0.2) !important;
}
.dark-mode .tableWrapper th[style="background-color: rgb(250,235,221);"],
.dark-mode .tableWrapper td[style="background-color: rgb(250,235,221);"] {
  background-color: rgba(255, 146, 16, 0.6) !important;
}
.dark-mode .tableWrapper th[style="background-color: rgb(251,243,219);"],
.dark-mode .tableWrapper td[style="background-color: rgb(251,243,219);"] {
  background-color: rgba(255, 185, 56, 0.6) !important;
}
.dark-mode .tableWrapper th[style="background-color: rgb(221,237,234);"],
.dark-mode .tableWrapper td[style="background-color: rgb(221,237,234);"] {
  background-color: rgba(62, 172, 64, 0.3) !important;
}
.dark-mode .tableWrapper th[style="background-color: rgb(221,235,241);"],
.dark-mode .tableWrapper td[style="background-color: rgb(221,235,241);"] {
  background-color: rgba(58, 134, 255, 0.5) !important;
}
.dark-mode .tableWrapper th[style="background-color: rgb(234,228,242);"],
.dark-mode .tableWrapper td[style="background-color: rgb(234,228,242);"] {
  background-color: rgba(136, 60, 208, 0.5) !important;
}
.dark-mode .tableWrapper th[style="background-color: rgb(244,223,235);"],
.dark-mode .tableWrapper td[style="background-color: rgb(244,223,235);"] {
  background-color: rgba(236, 80, 110, 0.5) !important;
}
.dark-mode .tableWrapper th[style="background-color: rgb(251,228,228);"],
.dark-mode .tableWrapper td[style="background-color: rgb(251,228,228);"] {
  background-color: rgba(255, 87, 87, 0.5) !important;
}
.dark-mode .menu-button {
  --solution-secondary-color: #4E5054;
}
.dark-mode .menu-button .icon {
  color: #C7C8C9;
}
.dark-mode .editor-url-dialog__button {
  border-color: #353638;
  background-color: #4E5054;
  color: #FFFFFF;
}
.dark-mode .editor-url-dialog__button:hover {
  background-color: var(--solution-hover-color);
}
.dark-mode .text-color-dropdown-button__badge--default {
  color: var(--typo-primary, #2E3538) !important;
}
.dark-mode .text-color-dropdown-button__badge--default + .text::after {
  content: "(white)";
}
.dark-mode .text-color-dropdown-button__badge--gray {
  color: #878B92 !important;
}
.dark-mode .text-color-dropdown-button__badge--brown {
  color: #933B14 !important;
}
.dark-mode .text-color-dropdown-button__badge--orange {
  color: #FF9210 !important;
}
.dark-mode .text-color-dropdown-button__badge--yellow {
  color: #FFB938 !important;
}
.dark-mode .text-color-dropdown-button__badge--green {
  color: #3EAC40 !important;
}
.dark-mode .text-color-dropdown-button__badge--blue {
  color: #3A86FF !important;
}
.dark-mode .text-color-dropdown-button__badge--purple {
  color: #883CD0 !important;
}
.dark-mode .text-color-dropdown-button__badge--pink {
  color: #EC506E !important;
}
.dark-mode .text-color-dropdown-button__badge--red {
  color: #FF5757 !important;
}
.dark-mode .table-cell-dropdown__color-tag--default,
.dark-mode .highlight-color-dropdown-button__preview--default,
.dark-mode .highlight-color-dropdown-button__badge--default {
  background-color: #202123 !important;
}
.dark-mode .table-cell-dropdown__color-tag--default + .text::after,
.dark-mode .highlight-color-dropdown-button__preview--default + .text::after,
.dark-mode .highlight-color-dropdown-button__badge--default + .text::after {
  content: "(black)";
}
.dark-mode .table-cell-dropdown__color-tag--gray,
.dark-mode .highlight-color-dropdown-button__preview--gray,
.dark-mode .highlight-color-dropdown-button__badge--gray {
  background-color: rgba(243, 243, 244, 0.1) !important;
}
.dark-mode .table-cell-dropdown__color-tag--brown,
.dark-mode .highlight-color-dropdown-button__preview--brown,
.dark-mode .highlight-color-dropdown-button__badge--brown {
  background-color: rgba(147, 59, 20, 0.2) !important;
}
.dark-mode .table-cell-dropdown__color-tag--orange,
.dark-mode .highlight-color-dropdown-button__preview--orange,
.dark-mode .highlight-color-dropdown-button__badge--orange {
  background-color: rgba(255, 146, 16, 0.5) !important;
}
.dark-mode .table-cell-dropdown__color-tag--yellow,
.dark-mode .highlight-color-dropdown-button__preview--yellow,
.dark-mode .highlight-color-dropdown-button__badge--yellow {
  background-color: rgba(255, 185, 56, 0.5) !important;
}
.dark-mode .table-cell-dropdown__color-tag--green,
.dark-mode .highlight-color-dropdown-button__preview--green,
.dark-mode .highlight-color-dropdown-button__badge--green {
  background-color: rgba(62, 172, 64, 0.5) !important;
}
.dark-mode .table-cell-dropdown__color-tag--blue,
.dark-mode .highlight-color-dropdown-button__preview--blue,
.dark-mode .highlight-color-dropdown-button__badge--blue {
  background-color: rgba(58, 134, 255, 0.5) !important;
}
.dark-mode .table-cell-dropdown__color-tag--purple,
.dark-mode .highlight-color-dropdown-button__preview--purple,
.dark-mode .highlight-color-dropdown-button__badge--purple {
  background-color: rgba(136, 60, 208, 0.5) !important;
}
.dark-mode .table-cell-dropdown__color-tag--pink,
.dark-mode .highlight-color-dropdown-button__preview--pink,
.dark-mode .highlight-color-dropdown-button__badge--pink {
  background-color: rgba(236, 80, 110, 0.5) !important;
}
.dark-mode .table-cell-dropdown__color-tag--red,
.dark-mode .highlight-color-dropdown-button__preview--red,
.dark-mode .highlight-color-dropdown-button__badge--red {
  background-color: rgba(255, 87, 87, 0.5) !important;
}
.dark-mode .ProseMirror .text-color--default {
  color: var(--typo-primary, #2E3538) !important;
}
.dark-mode .ProseMirror .text-color--gray {
  color: #878B92 !important;
}
.dark-mode .ProseMirror .text-color--brown {
  color: #933B14 !important;
}
.dark-mode .ProseMirror .text-highlight--default {
  background-color: #202123 !important;
}
.dark-mode .ProseMirror .text-highlight--gray {
  background-color: rgba(243, 243, 244, 0.1) !important;
}
.dark-mode .ProseMirror .text-highlight--brown {
  background-color: rgba(147, 59, 20, 0.2) !important;
}
.dark-mode .ProseMirror .text-highlight--orange {
  background-color: rgba(255, 146, 16, 0.5) !important;
}
.dark-mode .ProseMirror .text-highlight--yellow {
  background-color: rgba(255, 185, 56, 0.5) !important;
}
.dark-mode .ProseMirror .text-highlight--green {
  background-color: rgba(62, 172, 64, 0.5) !important;
}
.dark-mode .ProseMirror .text-highlight--blue {
  background-color: rgba(58, 134, 255, 0.5) !important;
}
.dark-mode .ProseMirror .text-highlight--purple {
  background-color: rgba(136, 60, 208, 0.5) !important;
}
.dark-mode .ProseMirror .text-highlight--pink {
  background-color: rgba(236, 80, 110, 0.5) !important;
}
.dark-mode .ProseMirror .text-highlight--red {
  background-color: rgba(255, 87, 87, 0.5) !important;
}
.dark-mode .dropdown-panel--arrow-white {
  --G-0: #494A4D;
}
.dark-mode .menu-button {
  --solution-secondary-color: #4E5054;
}
.dark-mode .text-color-dropdown-button__badge--default {
  color: var(--typo-primary, #2E3538) !important;
}
.dark-mode .text-color-dropdown-button__badge--gray {
  color: #878B92 !important;
}
.dark-mode .text-color-dropdown-button__badge--brown {
  color: #933B14 !important;
}
.dark-mode .text-color-dropdown-button__badge--orange {
  color: #FF9210 !important;
}
.dark-mode .text-color-dropdown-button__badge--yellow {
  color: #FFB938 !important;
}
.dark-mode .text-color-dropdown-button__badge--green {
  color: #3EAC40 !important;
}
.dark-mode .text-color-dropdown-button__badge--blue {
  color: #3A86FF !important;
}
.dark-mode .text-color-dropdown-button__badge--purple {
  color: #883CD0 !important;
}
.dark-mode .text-color-dropdown-button__badge--pink {
  color: #EC506E !important;
}
.dark-mode .text-color-dropdown-button__badge--red {
  color: #FF5757 !important;
}
.dark-mode .highlight-color-dropdown-button__preview--default,
.dark-mode .highlight-color-dropdown-button__badge--default {
  background-color: #202123 !important;
}
.dark-mode .highlight-color-dropdown-button__preview--gray,
.dark-mode .highlight-color-dropdown-button__badge--gray {
  background-color: rgba(243, 243, 244, 0.1) !important;
}
.dark-mode .highlight-color-dropdown-button__preview--brown,
.dark-mode .highlight-color-dropdown-button__badge--brown {
  background-color: rgba(147, 59, 20, 0.2) !important;
}
.dark-mode .highlight-color-dropdown-button__preview--orange,
.dark-mode .highlight-color-dropdown-button__badge--orange {
  background-color: rgba(255, 146, 16, 0.5) !important;
}
.dark-mode .highlight-color-dropdown-button__preview--yellow,
.dark-mode .highlight-color-dropdown-button__badge--yellow {
  background-color: rgba(255, 185, 56, 0.5) !important;
}
.dark-mode .highlight-color-dropdown-button__preview--green,
.dark-mode .highlight-color-dropdown-button__badge--green {
  background-color: rgba(62, 172, 64, 0.5) !important;
}
.dark-mode .highlight-color-dropdown-button__preview--blue,
.dark-mode .highlight-color-dropdown-button__badge--blue {
  background-color: rgba(58, 134, 255, 0.5) !important;
}
.dark-mode .highlight-color-dropdown-button__preview--purple,
.dark-mode .highlight-color-dropdown-button__badge--purple {
  background-color: rgba(136, 60, 208, 0.5) !important;
}
.dark-mode .highlight-color-dropdown-button__preview--pink,
.dark-mode .highlight-color-dropdown-button__badge--pink {
  background-color: rgba(236, 80, 110, 0.5) !important;
}
.dark-mode .highlight-color-dropdown-button__preview--red,
.dark-mode .highlight-color-dropdown-button__badge--red {
  background-color: rgba(255, 87, 87, 0.5) !important;
}
.dark-mode .ProseMirror .text-color--default {
  color: var(--typo-primary, #2E3538) !important;
}
.dark-mode .ProseMirror .text-color--gray {
  color: #878B92 !important;
}
.dark-mode .ProseMirror .text-color--brown {
  color: #933B14 !important;
}
.dark-mode .ProseMirror .text-highlight--default {
  background-color: #202123 !important;
}
.dark-mode .ProseMirror .text-highlight--gray {
  background-color: rgba(243, 243, 244, 0.1) !important;
}
.dark-mode .ProseMirror .text-highlight--brown {
  background-color: rgba(147, 59, 20, 0.2) !important;
}
.dark-mode .ProseMirror .text-highlight--orange {
  background-color: rgba(255, 146, 16, 0.5) !important;
}
.dark-mode .ProseMirror .text-highlight--yellow {
  background-color: rgba(255, 185, 56, 0.5) !important;
}
.dark-mode .ProseMirror .text-highlight--green {
  background-color: rgba(62, 172, 64, 0.5) !important;
}
.dark-mode .ProseMirror .text-highlight--blue {
  background-color: rgba(58, 134, 255, 0.5) !important;
}
.dark-mode .ProseMirror .text-highlight--purple {
  background-color: rgba(136, 60, 208, 0.5) !important;
}
.dark-mode .ProseMirror .text-highlight--pink {
  background-color: rgba(236, 80, 110, 0.5) !important;
}
.dark-mode .ProseMirror .text-highlight--red {
  background-color: rgba(255, 87, 87, 0.5) !important;
}
.dark-mode select {
  background-color: transparent;
}
.dark-mode .tooltip-item__in .reverse {
  color: #FFF;
}
.fixed-toolbar-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  margin: 0 1px;
  color: var(--typo-primary, #2E3538);
}
.fixed-toolbar-button--active, .fixed-toolbar-button:hover:not(.fixed-toolbar-button--disabled) {
  background: var(--G-1-5, #E9E9E9);
}
.fixed-toolbar-button--disabled {
  color: var(--typo-secondary, #878B92);
  cursor: not-allowed;
}
.fixed-toolbar {
  background: var(--G-1, #F3F3F4);
  padding: 2px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ProseMirror {
  font-size: 15px;
}
.ProseMirror .attachment-link {
  display: inline-block;
}
.ProseMirror .attachment-link > img, .ProseMirror .attachment-link > svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}
.ProseMirror .signature {
  max-width: 100%;
  max-height: 120px;
}
.si-float-wrapper {
  position: absolute;
  width: 100%;
}
.si-float-wrapper .si-frame.si-content-wrapper {
  border-radius: 5px 5px 0 0 !important;
  border-width: 6px !important;
}
.si-float-wrapper .si-close-button:hover {
  color: var(--solution-hover-color);
}
.si-float-wrapper .si-multiply .si-frame.si-content-wrapper {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
}
.si-float-wrapper .si-multiply .si-pointer-border-bottom {
  top: -8px;
  border-bottom-color: #d8d8d8;
}
.si-float-wrapper .si-multiply .si-pointer-border-bottom:after {
  content: " ";
  position: absolute;
  top: -8px;
  left: -9px;
  display: block;
  border: 9px solid transparent;
  border-bottom-color: #fff;
}
.si-float-wrapper .si-multiply .map-infowindow {
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  padding: 16px 16px 13px 16px;
  border-radius: 0 0 4px 4px;
}
.si-float-wrapper .si-multiply .map-infowindow__bordertop {
  display: block;
}
.si-float-wrapper,
.si-float-wrapper * {
  box-sizing: border-box;
}
[class*=si-wrapper] {
  display: flex;
  position: absolute;
  align-items: center;
  font-size: 13px;
  cursor: default;
}
.si-wrapper-top {
  flex-direction: column;
  margin-top: -34px;
  margin-left: 0px;
  transform: translate(-50%, -100%);
}
.si-wrapper-top.si-has-border .si-frame {
  border-top: none;
  border-right: none;
  border-left: none;
}
.si-wrapper-top .si-pointer-bg-top {
  display: none;
}
.si-wrapper-top .si-pointer-border-top {
  bottom: -9px;
}
.si-wrapper-top .si-frame {
  border-radius: 5px 5px 0 0;
}
.si-wrapper-bottom {
  flex-direction: column-reverse;
  margin-top: 9px;
  margin-left: 0px;
  transform: translate(-50%, 0);
}
.si-wrapper-bottom.si-has-border .si-frame {
  border-right: none;
  border-bottom: none;
  border-left: none;
}
.si-wrapper-bottom .si-pointer-border-bottom {
  top: -8px;
}
.si-wrapper-bottom .si-pointer-bg-bottom {
  display: none;
}
.si-wrapper-bottom .si-frame {
  border-radius: 0 0 5px 5px;
}
.si-wrapper-left {
  margin-top: -5px;
  margin-left: -20px;
  transform: translate(-100%, -50%);
}
.si-wrapper-right {
  flex-direction: row-reverse;
  margin-top: -5px;
  margin-left: 20px;
  transform: translate(0, -50%);
}
[class*=si-shadow-wrapper] {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.12;
  z-index: 1;
}
.si-shadow-wrapper-top,
.si-shadow-wrapper-bottom {
  flex-direction: column;
}
.si-shadow-pointer-bottom,
.si-shadow-pointer-right {
  order: -1;
}
.si-shadow-frame {
  box-shadow: 1px 1px 7px 0 #000;
}
[class*=si-shadow-pointer] {
  position: relative;
  width: 9px;
  height: 9px;
  margin: auto;
}
[class*=si-shadow-inner-pointer] {
  position: absolute;
  width: 141%;
  height: 141%;
  box-shadow: 0px 1.4142135624px 7px 0 #000;
}
.si-shadow-inner-pointer-top {
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.si-shadow-inner-pointer-bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%) rotate(-45deg);
}
.si-shadow-inner-pointer-left {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.si-shadow-inner-pointer-right {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%) rotate(-45deg);
}
.si-frame {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  z-index: 2;
}
.si-content-wrapper {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 15px;
  background-color: var(--G-0, #FFFFFF);
}
.si-has-border .si-content-wrapper {
  border: 1px solid #cacaca;
}
.si-content {
  overflow: auto;
}
.si-close-button {
  z-index: 15;
  position: absolute;
  top: 8px;
  right: 5px;
  width: 25px;
  height: 25px;
  border: 0;
  outline: none;
  background-color: transparent;
  font-size: 24px;
  font-family: Arial, Baskerville, monospace;
  color: var(--G-3, #C7C8C9);
  cursor: pointer;
  appearance: none;
}
.si-close-button:hover, .si-close-button:focus {
  color: #FF5757;
}
[class*=si-pointer-border] {
  position: absolute;
  border: 9px solid transparent;
  z-index: 3;
}
[class*=si-pointer-bg] {
  position: relative;
  border: 9px solid transparent;
  z-index: 4;
}
.si-has-border [class*=si-pointer-bg] {
  border-width: 9px;
}
.si-pointer-border-top,
.si-pointer-border-bottom {
  left: 50%;
  transform: translate(-50%, 0);
}
.si-pointer-border-left,
.si-pointer-border-right {
  top: 50%;
  transform: translate(0, -50%);
}
.si-pointer-top {
  border-bottom: 0;
}
.si-pointer-border-top {
  bottom: 0;
  border-top-color: #e85471;
}
.si-pointer-bg-top {
  border-top-color: #e85471;
}
.si-has-border .si-pointer-bg-top {
  top: -1px;
  margin-bottom: 0px;
}
.si-pointer-bottom {
  border-top: 0;
}
.si-pointer-border-bottom {
  top: 0;
  border-bottom-color: #e85471;
}
.si-pointer-bg-bottom {
  border-bottom-color: #e85471;
}
.si-has-border .si-pointer-bg-bottom {
  bottom: -1px;
  margin-top: 0px;
}
.si-pointer-left {
  border-right: 0;
}
.si-pointer-border-left {
  right: 0;
  border-left-color: #e85471;
}
.si-pointer-bg-left {
  border-left-color: #e85471;
}
.si-has-border .si-pointer-bg-left {
  left: -1px;
  margin-right: 0px;
}
.si-pointer-right {
  border-left: 0;
}
.si-pointer-border-right {
  left: 0;
  border-right-color: #e85471;
}
.si-pointer-bg-right {
  border-right-color: #e85471;
}
.si-has-border .si-pointer-bg-right {
  right: -1px;
  margin-left: 0px;
}
ss-calendar-view {
  /* Colors
  --------------------------------------------------------------------------------------------------*/
  /* Popover
  --------------------------------------------------------------------------------------------------*/
  /* Misc Reusable Components
  --------------------------------------------------------------------------------------------------*/
  /* Tables
  --------------------------------------------------------------------------------------------------*/
  /* Internal Nav Links
  --------------------------------------------------------------------------------------------------*/
  /* Fake Table Rows
  --------------------------------------------------------------------------------------------------*/
  /* Day Row (used within the header and the DayGrid)
  --------------------------------------------------------------------------------------------------*/
  /* highlighting cells & background event skeleton */
  /*
  row content (which contains day/week numbers and events) as well as "mirror" (which contains
  temporary rendered events).
  */
  /* Scrolling Container
  --------------------------------------------------------------------------------------------------*/
  /* TODO: move to timegrid/daygrid */
  /* Global Event Styles
  --------------------------------------------------------------------------------------------------*/
  /* resizer (cursor AND touch devices) */
  /* resizer (touch devices) */
  /* hit area */
  /* Event Selection (only for touch devices)
  --------------------------------------------------------------------------------------------------*/
  /* Event Dragging
  --------------------------------------------------------------------------------------------------*/
  /* Horizontal Events
  --------------------------------------------------------------------------------------------------*/
  /* bigger touch area when selected */
  /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  /* resizer (cursor AND touch devices) */
  /* left resizer  */
  /* right resizer */
  /* resizer (mouse devices) */
  /* resizer (touch devices) */
  /* left resizer  */
  /* right resizer */
  /* DayGrid events
  ----------------------------------------------------------------------------------------------------
  We use the full "fc-day-grid-event" class instead of using descendants because the event won't
  be a descendant of the grid when it is being dragged.
  */
  /* resizer (cursor devices) */
  /* left resizer  */
  /* right resizer */
  /* Event Limiting
  --------------------------------------------------------------------------------------------------*/
  /* "more" link that represents hidden events */
  /* popover that appears when "more" link is clicked */
  /* Now Indicator
  --------------------------------------------------------------------------------------------------*/
  /* Utilities
  --------------------------------------------------------------------------------------------------*/
  /*
  TODO: more distinction between this file and common.css
  */
  /* Colors
  --------------------------------------------------------------------------------------------------*/
  /* Icons
  --------------------------------------------------------------------------------------------------
  from https://feathericons.com/ and built with IcoMoon
  */
  /* Buttons
  --------------------------------------------------------------------------------------------------
  Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
  */
  /* reset */
  /* theme */
  /* "primary" coloring */
  /* icons within buttons */
  /* Buttons Groups
  --------------------------------------------------------------------------------------------------*/
  /* Popover
  --------------------------------------------------------------------------------------------------*/
  /* List View
  --------------------------------------------------------------------------------------------------*/
  /* Toolbar
  --------------------------------------------------------------------------------------------------*/
  /* inner content */
  /* View Structure
  --------------------------------------------------------------------------------------------------*/
  /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
}
ss-calendar-view .fc {
  direction: ltr;
  text-align: left;
}
ss-calendar-view .fc-rtl {
  text-align: right;
}
ss-calendar-view body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}
ss-calendar-view .fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
}
ss-calendar-view .fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: 0.3;
}
ss-calendar-view .fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}
ss-calendar-view .fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
ss-calendar-view .fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px;
}
ss-calendar-view .fc-rtl .fc-popover .fc-header {
  flex-direction: row-reverse;
}
ss-calendar-view .fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
ss-calendar-view .fc-popover .fc-header .fc-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em;
}
ss-calendar-view .fc-divider {
  border-style: solid;
  border-width: 1px;
}
ss-calendar-view hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}
ss-calendar-view .fc-bg,
ss-calendar-view .fc-bgevent-skeleton,
ss-calendar-view .fc-highlight-skeleton,
ss-calendar-view .fc-mirror-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
ss-calendar-view .fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}
ss-calendar-view .fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}
ss-calendar-view .fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
ss-calendar-view .fc th {
  text-align: center;
}
ss-calendar-view .fc th,
ss-calendar-view .fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
ss-calendar-view .fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}
ss-calendar-view a[data-goto] {
  cursor: pointer;
}
ss-calendar-view a[data-goto]:hover {
  text-decoration: underline;
}
ss-calendar-view .fc .fc-row {
  /* extra precedence to overcome themes forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}
ss-calendar-view .fc-row table {
  /* don't put left/right border on anything within a fake row.
    the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}
ss-calendar-view .fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}
ss-calendar-view .fc-row {
  position: relative;
}
ss-calendar-view .fc-row .fc-bg {
  z-index: 1;
}
ss-calendar-view .fc-row .fc-bgevent-skeleton,
ss-calendar-view .fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}
ss-calendar-view .fc-row .fc-bgevent-skeleton table,
ss-calendar-view .fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
ss-calendar-view .fc-row .fc-highlight-skeleton td,
ss-calendar-view .fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}
ss-calendar-view .fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
ss-calendar-view .fc-row .fc-highlight-skeleton {
  z-index: 3;
}
ss-calendar-view .fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}
ss-calendar-view .fc-row .fc-mirror-skeleton {
  z-index: 5;
}
ss-calendar-view .fc .fc-row .fc-content-skeleton table,
ss-calendar-view .fc .fc-row .fc-content-skeleton td,
ss-calendar-view .fc .fc-row .fc-mirror-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
}
ss-calendar-view .fc-row .fc-content-skeleton td,
ss-calendar-view .fc-row .fc-mirror-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}
ss-calendar-view .fc-row .fc-content-skeleton tbody td,
ss-calendar-view .fc-row .fc-mirror-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}
ss-calendar-view .fc-scroller {
  -webkit-overflow-scrolling: touch;
}
ss-calendar-view .fc-scroller > .fc-day-grid,
ss-calendar-view .fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}
ss-calendar-view .fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: 0.85em;
  line-height: 1.4;
  border-radius: 3px;
  border: 1px solid #3788d8;
}
ss-calendar-view .fc-event,
ss-calendar-view .fc-event-dot {
  background-color: #3788d8;
  /* default BACKGROUND color */
}
ss-calendar-view .fc-event,
ss-calendar-view .fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}
ss-calendar-view .fc-event[href],
ss-calendar-view .fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}
ss-calendar-view .fc-not-allowed,
ss-calendar-view .fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}
ss-calendar-view .fc-event .fc-content {
  position: relative;
  z-index: 2;
}
ss-calendar-view .fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}
ss-calendar-view .fc-event .fc-resizer {
  display: none;
}
ss-calendar-view .fc-event.fc-allow-mouse-resize .fc-resizer,
ss-calendar-view .fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}
ss-calendar-view .fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
ss-calendar-view .fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
ss-calendar-view .fc-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: 0.25;
}
ss-calendar-view .fc-event.fc-dragging.fc-selected {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
ss-calendar-view .fc-event.fc-dragging:not(.fc-selected) {
  opacity: 0.75;
}
ss-calendar-view .fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}
ss-calendar-view .fc-ltr .fc-h-event.fc-not-start,
ss-calendar-view .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
ss-calendar-view .fc-ltr .fc-h-event.fc-not-end,
ss-calendar-view .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
ss-calendar-view .fc-ltr .fc-h-event .fc-start-resizer,
ss-calendar-view .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}
ss-calendar-view .fc-ltr .fc-h-event .fc-end-resizer,
ss-calendar-view .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}
ss-calendar-view .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}
ss-calendar-view .fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}
ss-calendar-view .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
ss-calendar-view .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}
ss-calendar-view .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
ss-calendar-view .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}
ss-calendar-view .fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}
ss-calendar-view tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}
ss-calendar-view .fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
  margin-top: 0;
  /* except for mirror skeleton */
}
ss-calendar-view .fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}
ss-calendar-view .fc-day-grid-event .fc-time {
  font-weight: bold;
}
ss-calendar-view .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
ss-calendar-view .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}
ss-calendar-view .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
ss-calendar-view .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}
ss-calendar-view a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}
ss-calendar-view a.fc-more:hover {
  text-decoration: underline;
}
ss-calendar-view .fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}
ss-calendar-view .fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}
ss-calendar-view .fc-more-popover {
  z-index: 2;
  width: 220px;
}
ss-calendar-view .fc-more-popover .fc-event-container {
  padding: 10px;
}
ss-calendar-view .fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}
ss-calendar-view .fc-unselectable {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ss-calendar-view .fc-unthemed th,
ss-calendar-view .fc-unthemed td,
ss-calendar-view .fc-unthemed thead,
ss-calendar-view .fc-unthemed tbody,
ss-calendar-view .fc-unthemed .fc-divider,
ss-calendar-view .fc-unthemed .fc-row,
ss-calendar-view .fc-unthemed .fc-content,
ss-calendar-view .fc-unthemed .fc-popover,
ss-calendar-view .fc-unthemed .fc-list-view,
ss-calendar-view .fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}
ss-calendar-view .fc-unthemed .fc-popover {
  background-color: #fff;
}
ss-calendar-view .fc-unthemed .fc-divider,
ss-calendar-view .fc-unthemed .fc-popover .fc-header,
ss-calendar-view .fc-unthemed .fc-list-heading td {
  background: #eee;
}
ss-calendar-view .fc-unthemed td.fc-today {
  background: #fcf8e3;
}
ss-calendar-view .fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: 0.3;
}
@font-face {
  ss-calendar-view {
    font-family: "fcicons";
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
}
ss-calendar-view .fc-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fcicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ss-calendar-view .fc-icon-chevron-left:before {
  content: "\e900";
}
ss-calendar-view .fc-icon-chevron-right:before {
  content: "\e901";
}
ss-calendar-view .fc-icon-chevrons-left:before {
  content: "\e902";
}
ss-calendar-view .fc-icon-chevrons-right:before {
  content: "\e903";
}
ss-calendar-view .fc-icon-minus-square:before {
  content: "\e904";
}
ss-calendar-view .fc-icon-plus-square:before {
  content: "\e905";
}
ss-calendar-view .fc-icon-x:before {
  content: "\e906";
}
ss-calendar-view .fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
}
ss-calendar-view .fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
ss-calendar-view .fc-button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
ss-calendar-view .fc-button {
  -webkit-appearance: button;
}
ss-calendar-view .fc-button:not(:disabled) {
  cursor: pointer;
}
ss-calendar-view .fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
ss-calendar-view .fc-button {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
}
ss-calendar-view .fc-button:hover {
  color: #212529;
  text-decoration: none;
}
ss-calendar-view .fc-button:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}
ss-calendar-view .fc-button:disabled {
  opacity: 0.65;
}
ss-calendar-view .fc-button-primary {
  color: #fff;
  background-color: #2c3e50;
  border-color: #2c3e50;
}
ss-calendar-view .fc-button-primary:hover {
  color: #fff;
  background-color: #1e2b37;
  border-color: #1a252f;
}
ss-calendar-view .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
ss-calendar-view .fc-button-primary:disabled {
  color: #fff;
  background-color: #2c3e50;
  border-color: #2c3e50;
}
ss-calendar-view .fc-button-primary:not(:disabled):active,
ss-calendar-view .fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  background-color: #1a252f;
  border-color: #151e27;
}
ss-calendar-view .fc-button-primary:not(:disabled):active:focus,
ss-calendar-view .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
ss-calendar-view .fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em;
}
ss-calendar-view .fc-button-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
ss-calendar-view .fc-button-group > .fc-button {
  position: relative;
  flex: 1 1 auto;
}
ss-calendar-view .fc-button-group > .fc-button:hover {
  z-index: 1;
}
ss-calendar-view .fc-button-group > .fc-button:focus,
ss-calendar-view .fc-button-group > .fc-button:active,
ss-calendar-view .fc-button-group > .fc-button.fc-button-active {
  z-index: 1;
}
ss-calendar-view .fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px;
}
ss-calendar-view .fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
ss-calendar-view .fc-button-group > .fc-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
ss-calendar-view .fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
ss-calendar-view .fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5;
}
ss-calendar-view .fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
ss-calendar-view .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em;
}
ss-calendar-view .fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}
ss-calendar-view .fc-toolbar > * > :not(:first-child) {
  margin-left: 0.75em;
}
ss-calendar-view .fc-toolbar h2 {
  font-size: 1.75em;
  margin: 0;
}
ss-calendar-view .fc-view-container {
  position: relative;
}
ss-calendar-view .fc-view-container *,
ss-calendar-view .fc-view-container *:before,
ss-calendar-view .fc-view-container *:after {
  box-sizing: content-box;
}
ss-calendar-view .fc-view,
ss-calendar-view .fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}
@media print {
  ss-calendar-view {
    /* Global Event Restyling
    --------------------------------------------------------------------------------------------------*/
    /* Table & Day-Row Restyling
    --------------------------------------------------------------------------------------------------*/
    /* kill the overlaid, absolutely-positioned components */
    /* common... */
    /* don't force a min-height on rows (for DayGrid) */
    /* Undo month-view event limiting. Display all events and hide the "more" links
    --------------------------------------------------------------------------------------------------*/
    /* TimeGrid Restyling
    --------------------------------------------------------------------------------------------------*/
    /* undo the min-height 100% trick used to fill the container's height */
    /* don't display the side axis at all ("all-day" and time cells) */
    /* don't display the horizontal lines */
    /* let the container that holds the events be naturally positioned and create real height */
    /* in case there are no events, we still want some height */
    /* kill the horizontal spacing made by the event container. event margins will be done below */
    /* TimeGrid *Event* Restyling
    --------------------------------------------------------------------------------------------------*/
    /* naturally position events, vertically stacking them */
    /* for events that continue to a future day, give the bottom border back */
    /* indicate the event continues via "..." text */
    /* for events that are continuations from previous days, give the top border back */
    /* indicate the event is a continuation via "..." text */
    /* time */
    /* undo a previous declaration and let the time text span to a second line */
    /* hide the the time that is normally displayed... */
    /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
    /* Vertical Scroller & Containers
    --------------------------------------------------------------------------------------------------*/
    /* kill the scrollbars and allow natural height */
    /* kill the horizontal border/padding used to compensate for scrollbars */
    /* Button Controls
    --------------------------------------------------------------------------------------------------*/
  }
  ss-calendar-view .fc {
    max-width: 100% !important;
  }
  ss-calendar-view .fc-event {
    background: #fff !important;
    color: #000 !important;
    page-break-inside: avoid;
  }
  ss-calendar-view .fc-event .fc-resizer {
    display: none;
  }
  ss-calendar-view .fc th,
ss-calendar-view .fc td,
ss-calendar-view .fc hr,
ss-calendar-view .fc thead,
ss-calendar-view .fc tbody,
ss-calendar-view .fc-row {
    border-color: #ccc !important;
    background: #fff !important;
  }
  ss-calendar-view .fc-bg,
ss-calendar-view .fc-bgevent-skeleton,
ss-calendar-view .fc-highlight-skeleton,
ss-calendar-view .fc-mirror-skeleton,
ss-calendar-view .fc-bgevent-container,
ss-calendar-view .fc-business-container,
ss-calendar-view .fc-highlight-container,
ss-calendar-view .fc-mirror-container {
    display: none;
  }
  ss-calendar-view .fc tbody .fc-row {
    height: auto !important;
    /* undo height that JS set in distributeHeight */
    min-height: 0 !important;
    /* undo the min-height from each view's specific stylesheet */
  }
  ss-calendar-view .fc tbody .fc-row .fc-content-skeleton {
    position: static;
    /* undo .fc-rigid */
    padding-bottom: 0 !important;
    /* use a more border-friendly method for this... */
  }
  ss-calendar-view .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
    /* only works in newer browsers */
    padding-bottom: 1em;
    /* ...gives space within the skeleton. also ensures min height in a way */
  }
  ss-calendar-view .fc tbody .fc-row .fc-content-skeleton table {
    /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
      making it look more like 3em. for other browers, it will already be this tall */
    height: 1em;
  }
  ss-calendar-view .fc-more-cell,
ss-calendar-view .fc-more {
    display: none !important;
  }
  ss-calendar-view .fc tr.fc-limited {
    display: table-row !important;
  }
  ss-calendar-view .fc td.fc-limited {
    display: table-cell !important;
  }
  ss-calendar-view .fc-popover {
    display: none;
    /* never display the "more.." popover in print mode */
  }
  ss-calendar-view .fc-time-grid {
    min-height: 0 !important;
  }
  ss-calendar-view .fc-timeGrid-view .fc-axis {
    display: none;
  }
  ss-calendar-view .fc-slats,
ss-calendar-view .fc-time-grid hr {
    /* this hr is used when height is underused and needs to be filled */
    display: none !important;
    /* important overrides inline declaration */
  }
  ss-calendar-view .fc-time-grid .fc-content-skeleton {
    position: static;
  }
  ss-calendar-view .fc-time-grid .fc-content-skeleton table {
    height: 4em;
  }
  ss-calendar-view .fc-time-grid .fc-event-container {
    margin: 0 !important;
  }
  ss-calendar-view .fc-time-grid .fc-event {
    position: static !important;
    margin: 3px 2px !important;
  }
  ss-calendar-view .fc-time-grid .fc-event.fc-not-end {
    border-bottom-width: 1px !important;
  }
  ss-calendar-view .fc-time-grid .fc-event.fc-not-end:after {
    content: "...";
  }
  ss-calendar-view .fc-time-grid .fc-event.fc-not-start {
    border-top-width: 1px !important;
  }
  ss-calendar-view .fc-time-grid .fc-event.fc-not-start:before {
    content: "...";
  }
  ss-calendar-view .fc-time-grid .fc-event .fc-time {
    white-space: normal !important;
  }
  ss-calendar-view .fc-time-grid .fc-event .fc-time span {
    display: none;
  }
  ss-calendar-view .fc-time-grid .fc-event .fc-time:after {
    content: attr(data-full);
  }
  ss-calendar-view .fc-scroller,
ss-calendar-view .fc-day-grid-container,
ss-calendar-view .fc-time-grid-container {
    /* */
    overflow: visible !important;
    height: auto !important;
  }
  ss-calendar-view .fc-row {
    border: 0 !important;
    margin: 0 !important;
  }
  ss-calendar-view .fc-button-group,
ss-calendar-view .fc button {
    display: none;
    /* don't display any button-related controls */
  }
}
ss-calendar-view {
  /* DayGridView
  --------------------------------------------------------------------------------------------------*/
  /* day row structure */
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  /* week and day number styling */
  /* when week/day number have own column */
}
ss-calendar-view .fc-dayGridWeek-view .fc-content-skeleton,
ss-calendar-view .fc-dayGridDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}
ss-calendar-view .fc-dayGrid-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}
ss-calendar-view .fc-row.fc-rigid {
  overflow: hidden;
}
ss-calendar-view .fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
ss-calendar-view .fc-day-top.fc-other-month {
  opacity: 0.3;
}
ss-calendar-view .fc-dayGrid-view .fc-week-number,
ss-calendar-view .fc-dayGrid-view .fc-day-number {
  padding: 2px;
}
ss-calendar-view .fc-dayGrid-view th.fc-week-number,
ss-calendar-view .fc-dayGrid-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}
ss-calendar-view .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: right;
}
ss-calendar-view .fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: left;
}
ss-calendar-view .fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}
ss-calendar-view .fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}
ss-calendar-view .fc-dayGrid-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}
ss-calendar-view .fc-dayGrid-view td.fc-week-number {
  text-align: center;
}
ss-calendar-view .fc-dayGrid-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
ss-calendar-view {
  /* TimeGridView all-day area
  --------------------------------------------------------------------------------------------------*/
  /* TimeGrid axis running down the side (for both the all-day area and the slot area)
  --------------------------------------------------------------------------------------------------*/
  /* TimeGrid Structure
  --------------------------------------------------------------------------------------------------*/
  /* divs within a cell within the fc-content-skeleton */
  /* TimeGrid Slats (lines that run horizontally)
  --------------------------------------------------------------------------------------------------*/
  /* TimeGrid Highlighting Slots
  --------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Containment
  --------------------------------------------------------------------------------------------------*/
  /* TimeGrid Event Styling
  ----------------------------------------------------------------------------------------------------
  We use the full "fc-time-grid-event" class instead of using descendants because the event won't
  be a descendant of the grid when it is being dragged.
  */
  /* short mode, where time and title are on the same line */
  /* resizer (cursor device) */
  /* resizer (touch device) */
  /* Now Indicator
  --------------------------------------------------------------------------------------------------*/
  /* arrow on axis */
}
ss-calendar-view .fc-timeGrid-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}
ss-calendar-view .fc-timeGrid-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}
ss-calendar-view .fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}
ss-calendar-view .fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
ss-calendar-view .fc-ltr .fc-axis {
  text-align: right;
}
ss-calendar-view .fc-rtl .fc-axis {
  text-align: left;
}
ss-calendar-view .fc-time-grid-container,
ss-calendar-view .fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}
ss-calendar-view .fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
ss-calendar-view .fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}
ss-calendar-view .fc-time-grid > .fc-bg {
  z-index: 1;
}
ss-calendar-view .fc-time-grid .fc-slats,
ss-calendar-view .fc-time-grid > hr {
  /* the <hr> TimeGridView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}
ss-calendar-view .fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}
ss-calendar-view .fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}
ss-calendar-view .fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}
ss-calendar-view .fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}
ss-calendar-view .fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}
ss-calendar-view .fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}
ss-calendar-view .fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}
ss-calendar-view .fc-time-grid .fc-mirror-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}
ss-calendar-view .fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}
ss-calendar-view .fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}
ss-calendar-view .fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}
ss-calendar-view .fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}
ss-calendar-view .fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}
ss-calendar-view .fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}
ss-calendar-view .fc-time-grid .fc-event,
ss-calendar-view .fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}
ss-calendar-view .fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}
ss-calendar-view .fc-time-grid-event {
  margin-bottom: 1px;
}
ss-calendar-view .fc-time-grid-event-inset {
  box-shadow: 0px 0px 0px 1px #fff;
}
ss-calendar-view .fc-time-grid-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
ss-calendar-view .fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
ss-calendar-view .fc-time-grid-event .fc-content {
  overflow: hidden;
  max-height: 100%;
}
ss-calendar-view .fc-time-grid-event .fc-time,
ss-calendar-view .fc-time-grid-event .fc-title {
  padding: 0 1px;
}
ss-calendar-view .fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}
ss-calendar-view .fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}
ss-calendar-view .fc-time-grid-event.fc-short .fc-time,
ss-calendar-view .fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}
ss-calendar-view .fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}
ss-calendar-view .fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}
ss-calendar-view .fc-time-grid-event.fc-short .fc-time:after {
  content: " - ";
  /* seperate with a dash, wrapped in nbsp's */
}
ss-calendar-view .fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}
ss-calendar-view .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
ss-calendar-view .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}
ss-calendar-view .fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}
ss-calendar-view .fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}
ss-calendar-view .fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}
ss-calendar-view .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
ss-calendar-view .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
ss-calendar-view {
  /* view wrapper */
  /* table resets */
  /* day headings with the list */
  /* event list items */
  /* make the dot closer to the event title */
  /* message when no events */
}
ss-calendar-view .fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
ss-calendar-view .fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}
ss-calendar-view .fc-list-view {
  border-width: 1px;
  border-style: solid;
}
ss-calendar-view .fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}
ss-calendar-view .fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}
ss-calendar-view .fc-list-table tr:first-child td {
  border-top-width: 0;
}
ss-calendar-view .fc-list-heading {
  border-bottom-width: 1px;
}
ss-calendar-view .fc-list-heading td {
  font-weight: bold;
}
ss-calendar-view .fc-ltr .fc-list-heading-main {
  float: left;
}
ss-calendar-view .fc-ltr .fc-list-heading-alt {
  float: right;
}
ss-calendar-view .fc-rtl .fc-list-heading-main {
  float: right;
}
ss-calendar-view .fc-rtl .fc-list-heading-alt {
  float: left;
}
ss-calendar-view .fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}
ss-calendar-view .fc-list-item-marker,
ss-calendar-view .fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}
ss-calendar-view .fc-ltr .fc-list-item-marker {
  padding-right: 0;
}
ss-calendar-view .fc-rtl .fc-list-item-marker {
  padding-left: 0;
}
ss-calendar-view .fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}
ss-calendar-view .fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}
ss-calendar-view .fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
ss-calendar-view .fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}
ss-calendar-view .fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
ss-calendar-view .fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}
ss-calendar-view .fc {
  display: block;
}
ss-calendar-view .fc .fc-widget-content {
  overflow: hidden;
  box-sizing: border-box;
}
ss-calendar-view .fc .fc-body > tr > td {
  display: block;
}
ss-calendar-view .fc .fc-button {
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--typo-secondary, #878B92);
  border: none;
  padding: 3px 7px;
  height: 24px;
  border-radius: 5px;
  text-transform: capitalize;
}
ss-calendar-view .fc .fc-button.fc-button-active {
  color: var(--typo-primary, #2E3538);
  background-color: var(--G-0, #FFFFFF);
}
ss-calendar-view .fc .fc-right .fc-button-group {
  background-color: var(--G-1-5, #E9E9E9);
  padding: 2px;
  border-radius: 5px;
}
ss-calendar-view .fc .fc-button-group > .fc-button:not(:first-child) {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-left: 0;
}
ss-calendar-view .fc .fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
ss-calendar-view .fc .fc-button-primary:not(:disabled):active:focus, ss-calendar-view .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: none;
}
ss-calendar-view .fc .fc-toolbar h2 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}
ss-calendar-view .fc .fc-icon {
  color: #151515;
}
ss-calendar-view .fc .fc-today-button,
ss-calendar-view .fc .fc-prev-button,
ss-calendar-view .fc .fc-next-button {
  height: 28px;
}
ss-calendar-view .fc .fc-today-button {
  color: var(--typo-primary, #2E3538);
  padding: 0 10px;
}
ss-calendar-view .fc .fc-prev-button {
  margin-right: 2px;
}
ss-calendar-view .fc .fc-widget-content,
ss-calendar-view .fc .fc-widget-header,
ss-calendar-view .fc .fc-time,
ss-calendar-view .fc .fc-title,
ss-calendar-view .fc .fc-button,
ss-calendar-view .fc .fc-day-number {
  font-size: 11px;
  font-weight: 600;
  line-height: 13px;
}
ss-calendar-view .fc .fc-list-item {
  background-color: var(--G-0, #FFFFFF);
}
ss-calendar-view .fc .fc-widget-header {
  border: none;
}
ss-calendar-view .fc .fc-day-top {
  padding-top: 4px;
  padding-right: 5px;
}
ss-calendar-view .fc .fc-day-top.hovered:not(.fc-today) .fc-day-number:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  z-index: -1;
  background-color: var(--G-1-5, #E9E9E9);
}
ss-calendar-view .fc .fc-plus-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: var(--G-1-5, #E9E9E9);
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  opacity: 0;
  cursor: pointer;
}
ss-calendar-view .fc .fc-plus-icon:before, ss-calendar-view .fc .fc-plus-icon:after {
  content: "";
  position: absolute;
  background-color: var(--G-6, #868788);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
ss-calendar-view .fc .fc-plus-icon:before {
  width: 10px;
  height: 2px;
}
ss-calendar-view .fc .fc-plus-icon:after {
  height: 10px;
  width: 2px;
}
ss-calendar-view .fc .fc-day:hover .fc-plus-icon {
  opacity: 1;
}
ss-calendar-view .fc .fc-day.fc-widget-content {
  position: relative;
}
ss-calendar-view .fc .fc-day.fc-widget-content:not(.fc-other-month):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-color: var(--G-0, #FFFFFF);
}
ss-calendar-view .fc .fc-body {
  overflow: hidden;
}
ss-calendar-view .fc .fc-widget-content {
  background-color: var(--G-0, #FFFFFF);
}
ss-calendar-view .fc .fc-other-month.fc-widget-content {
  background-color: #f9f9fa;
}
ss-calendar-view .fc .fc-other-month.fc-widget-content .fc-day-number {
  color: #75797F;
  opacity: 1;
}
ss-calendar-view .fc .fc td {
  border-color: var(--G-2, #DEDEDE);
}
ss-calendar-view .fc .fc-day-header {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
  padding-bottom: 6px;
}
ss-calendar-view .fc .fc-day-top span {
  color: var(--typo-primary, #2E3538);
  position: relative;
  z-index: 1;
  max-width: 22px;
  width: 22px;
  height: 22px;
  text-align: center;
  padding: 4px 2px !important;
  box-sizing: border-box;
  display: inline-block;
}
ss-calendar-view .fc .fc-today.fc-day-top span {
  color: var(--G-0, #FFFFFF);
}
ss-calendar-view .fc .fc-today.fc-day-top span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  z-index: -1;
  background-color: var(--solution-primary-color);
}
ss-calendar-view .fc .fc-day-top.fc-other-month .fc-day-number {
  color: #75797F;
}
ss-calendar-view .fc .fc-event {
  border-radius: 12px;
  border: 1px solid var(--event-color);
}
ss-calendar-view .fc .fc-event:hover {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
ss-calendar-view .fc .fc-event.fc-dragging:not(.fc-selected) {
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 4px 13px rgba(0, 0, 30, 0.15), 0 1px 6px rgba(0, 0, 30, 0.15);
  border-radius: 12px;
}
ss-calendar-view .fc .fc-time-grid-event {
  padding: 2px 12px 2px 12px;
  margin: 4px 0px 3px;
  border-radius: 12px;
}
ss-calendar-view .fc .fc-time-grid-event .fc-content {
  padding: 2px 0px;
  line-height: 1;
}
ss-calendar-view .fc .fc-time-grid-event.fc-event .fc-resizer {
  cursor: row-resize;
}
ss-calendar-view .fc .fc-time-grid-event.fc-event .fc-resizer:before {
  display: none;
}
ss-calendar-view .fc .fc-time-grid-event.fc-short .fc-title {
  font-size: 11px;
}
ss-calendar-view .fc .fc-time-grid-event .fc-title.clumps {
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}
ss-calendar-view .fc .fc-time-grid .fc-slats td {
  height: 2.5em;
}
ss-calendar-view .fc .fc-time {
  text-transform: uppercase;
}
ss-calendar-view .fc .fc-content {
  font-size: 11px;
}
ss-calendar-view .fc .fc-day-grid-event.fc-event {
  margin: 0px 3px 3px;
  max-height: 24px;
  min-height: 24px;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}
ss-calendar-view .fc .fc-day-grid-event.fc-event .fc-title {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ss-calendar-view .fc .fc-day-grid-event {
  padding: 0px 6px 1px;
}
ss-calendar-view .fc .fc-day-grid-event .fc-time {
  margin-right: 4px;
}
ss-calendar-view .fc .fc-bg .fc-day.fc-today {
  background-color: transparent;
}
ss-calendar-view .fc tr:first-child > td > .fc-day-grid-event {
  margin-top: 4px;
}
ss-calendar-view .fc .fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
  margin-top: 0px;
}
ss-calendar-view .fc .fc-day-top.fc-other-month {
  opacity: 1;
}
ss-calendar-view .fc .fc-list-table .fc-widget-header {
  border: none;
}
ss-calendar-view .fc .fc-list-heading-main {
  font-size: 13px;
  font-weight: 600;
  margin-right: 20px;
  position: relative;
}
ss-calendar-view .fc .fc-list-heading-main:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -11px;
  margin-top: -2px;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--typo-primary, #2E3538);
}
ss-calendar-view .fc .fc-list-heading-alt {
  float: left;
  font-size: 13px;
  font-weight: 400;
}
ss-calendar-view .fc .fc-list-table .fc-list-heading td {
  background-color: var(--G-0-5, #FAFAFA);
}
ss-calendar-view .fc .fc-list-table .fc-widget-header {
  padding-left: 0;
  padding-top: 17px;
}
ss-calendar-view .fc .fc-list-view {
  border: none;
}
ss-calendar-view .fc .fc-list-view .fc-add-btn {
  opacity: 0;
  margin-top: -2px;
  margin-left: 10px;
  margin-bottom: -3px;
  display: inline-block;
  transition: opacity 200ms ease-in;
}
ss-calendar-view .fc .fc-list-view .fc-list-heading.is-hovered .fc-add-btn,
ss-calendar-view .fc .fc-list-view .fc-widget-header:hover .fc-add-btn {
  opacity: 1;
  transition: opacity 200ms ease-in-out;
}
ss-calendar-view .fc .fc-axis {
  width: 60px !important;
  border: none;
  box-sizing: border-box;
  padding-right: 10px;
  overflow: visible;
}
ss-calendar-view .fc .fc-axis span {
  position: relative;
  top: 14px;
}
ss-calendar-view .fc .fc-time-grid .fc-slats .fc-minor td {
  border: none;
}
ss-calendar-view .fc .fc-list-table {
  margin-top: -12px;
}
ss-calendar-view .fc .fc-list-table td {
  padding-top: 9px;
  padding-bottom: 9px;
}
ss-calendar-view .fc .fc-list-table .fc-list-item {
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
  cursor: pointer;
}
ss-calendar-view .fc .fc-list-table .fc-list-item:hover {
  background-color: var(--G-0-5, #FAFAFA);
}
ss-calendar-view .fc .fc-list-table .fc-list-item:last-child {
  border-bottom: 1px solid #D8D8D8;
}
ss-calendar-view .fc .fc-list-table .fc-list-item .fc-list-item-time,
ss-calendar-view .fc .fc-list-table .fc-list-item .fc-list-item-title,
ss-calendar-view .fc .fc-list-table .fc-list-item .fc-list-item-marker {
  position: relative;
}
ss-calendar-view .fc .fc-list-table .fc-list-item .fc-list-item-title {
  color: var(--typo-primary, #2E3538);
}
ss-calendar-view .fc .fc-list-table .fc-list-item .fc-list-event-color {
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  padding: 0;
  border-radius: 10px;
  width: 3px;
  margin: 0;
  border: none;
}
ss-calendar-view .fc .fc-list-table .fc-list-item .fc-list-event-color.is-animate:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: 0 0 5px currentColor;
  animation: fadeInOut 500ms ease-in-out;
  border-radius: 10px;
  opacity: 0;
}
ss-calendar-view .fc .fc-list-table .fc-list-item.in-search-selected {
  border-color: #fcb305;
  border-top-color: #fcb305;
}
ss-calendar-view .fc .fc-list-table .fc-list-item.in-search-selected .fc-list-item-time,
ss-calendar-view .fc .fc-list-table .fc-list-item.in-search-selected .fc-list-item-title,
ss-calendar-view .fc .fc-list-table .fc-list-item.in-search-selected .fc-list-item-marker {
  border-top: 1px solid #fcb305 !important;
}
ss-calendar-view .fc .fc-list-table .fc-list-item.in-search-selected .fc-list-item-title {
  border-color: #fcb305;
}
ss-calendar-view .fc .fc-list-table .fc-list-item.in-search-selected:before {
  opacity: 1;
}
ss-calendar-view .fc .fc-list-table .fc-list-item.in-search .fc-list-item-title a {
  position: relative;
  z-index: 1;
}
ss-calendar-view .fc .fc-list-table .fc-list-item.in-search .fc-list-item-title a:before {
  content: "";
  position: absolute;
  display: block;
  top: -1px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 5px;
  background-color: #fef0cc;
  z-index: -1;
}
ss-calendar-view .fc .fc-list-item-title {
  border-left: none;
  border-bottom: none;
  border-top: none;
  border-right: 2px solid #d8d8d8;
}
ss-calendar-view .fc .fc-list-item-marker {
  display: none;
  border: none !important;
}
ss-calendar-view .fc .fc-list-item-time {
  padding-right: 0;
  border: none !important;
  text-transform: uppercase;
  padding-left: 14px;
  color: var(--typo-primary, #2E3538);
}
ss-calendar-view .fc .fc-list-item-time ss-due-date-label {
  float: none;
  display: inline-block;
}
ss-calendar-view .fc .fc-widget-content {
  background-color: transparent;
}
ss-calendar-view .fc .fc-header-number-of-month {
  font-size: 20px;
  width: 36px;
  height: 35px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: 50%;
  background-color: transparent;
  font-weight: 500;
}
ss-calendar-view .fc .fc-day-header.fc-today .fc-header-number-of-month {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
ss-calendar-view .fc .fc-day-header:not(.is-collapsed) .fc-header-number-of-month:hover {
  background-color: var(--solution-hover-color);
  color: var(--G-0, #FFFFFF);
}
ss-calendar-view .fc .fc-header-day-of-week {
  text-transform: uppercase;
  font-size: 11px;
  color: var(--tertiary, #6B6B6B);
  line-height: 8px;
  letter-spacing: 1px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 5px;
}
ss-calendar-view .fc .fc-event.fc-dragging:not(.fc-selected) {
  opacity: 1;
}
ss-calendar-view .fc .fc-event.fc-dragging:not(.fc-selected) .fc-content {
  padding: 2px 0px;
}
ss-calendar-view .fc .fc-event.fc-draggable:hover:after {
  content: "";
  position: absolute;
  border-radius: 0 4px 4px 0;
  right: 7px;
  bottom: 0;
  top: 0;
  z-index: 2;
  cursor: grab;
  background-color: inherit;
  width: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='6px' height='12px' viewBox='0 0 6 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='white'%3E%3Cpath d='M4,11 C4,10.4477152 4.44771525,10 5,10 C5.5522847,10 6,10.4477152 6,11 C6,11.5522848 5.5522847,12 5,12 C4.44771525,12 4,11.5522848 4,11 Z M4,6 C4,5.44771525 4.44771525,5 5,5 C5.5522847,5 6,5.44771525 6,6 C6,6.55228475 5.5522847,7 5,7 C4.44771525,7 4,6.55228475 4,6 Z M4,1 C4,0.4477153 4.44771525,0 5,0 C5.5522847,0 6,0.4477153 6,1 C6,1.5522847 5.5522847,2 5,2 C4.44771525,2 4,1.5522847 4,1 Z M0,11 C0,10.4477152 0.44771525,10 1,10 C1.55228475,10 2,10.4477152 2,11 C2,11.5522848 1.55228475,12 1,12 C0.44771525,12 0,11.5522848 0,11 Z M2.22044605e-16,6 C2.22044605e-16,5.44771525 0.44771525,5 1,5 C1.55228475,5 2,5.44771525 2,6 C2,6.55228475 1.55228475,7 1,7 C0.44771525,7 2.22044605e-16,6.55228475 2.22044605e-16,6 Z M6.66133815e-16,1 C6.66133815e-16,0.4477153 0.44771525,0 1,0 C1.55228475,0 2,0.4477153 2,1 C2,1.5522847 1.55228475,2 1,2 C0.44771525,2 6.66133815e-16,1.5522847 6.66133815e-16,1 Z' id='Shape'%3E%3C/path%3E%3C/svg%3E");
}
ss-calendar-view .fc .fc-event.fc-draggable.color-primary:hover:after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='6px' height='12px' viewBox='0 0 6 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%232E3538'%3E%3Cpath d='M4,11 C4,10.4477152 4.44771525,10 5,10 C5.5522847,10 6,10.4477152 6,11 C6,11.5522848 5.5522847,12 5,12 C4.44771525,12 4,11.5522848 4,11 Z M4,6 C4,5.44771525 4.44771525,5 5,5 C5.5522847,5 6,5.44771525 6,6 C6,6.55228475 5.5522847,7 5,7 C4.44771525,7 4,6.55228475 4,6 Z M4,1 C4,0.4477153 4.44771525,0 5,0 C5.5522847,0 6,0.4477153 6,1 C6,1.5522847 5.5522847,2 5,2 C4.44771525,2 4,1.5522847 4,1 Z M0,11 C0,10.4477152 0.44771525,10 1,10 C1.55228475,10 2,10.4477152 2,11 C2,11.5522848 1.55228475,12 1,12 C0.44771525,12 0,11.5522848 0,11 Z M2.22044605e-16,6 C2.22044605e-16,5.44771525 0.44771525,5 1,5 C1.55228475,5 2,5.44771525 2,6 C2,6.55228475 1.55228475,7 1,7 C0.44771525,7 2.22044605e-16,6.55228475 2.22044605e-16,6 Z M6.66133815e-16,1 C6.66133815e-16,0.4477153 0.44771525,0 1,0 C1.55228475,0 2,0.4477153 2,1 C2,1.5522847 1.55228475,2 1,2 C0.44771525,2 6.66133815e-16,1.5522847 6.66133815e-16,1 Z' id='Shape'%3E%3C/path%3E%3C/svg%3E");
}
ss-calendar-view .fc .fc-event.fc-dragging {
  position: absolute;
  display: flex;
  cursor: grabbing;
}
ss-calendar-view .fc .fc-event.fc-dragging:hover:after {
  cursor: grabbing;
}
ss-calendar-view .fc .fc-event:not(.fc-time-grid-event) .fc-resizer:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 10px;
  background-color: var(--event-color);
  right: -2px;
  opacity: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
ss-calendar-view .fc .fc-event:not(.fc-time-grid-event) .fc-resizer {
  cursor: col-resize;
}
ss-calendar-view .fc .fc-event:not(.fc-time-grid-event) .fc-resizer:before {
  content: "";
  position: absolute;
  width: 3px;
  border-radius: 20px;
  top: 0;
  bottom: 0;
  background-color: var(--solution-primary-color);
  opacity: 0;
  z-index: 1;
}
ss-calendar-view .fc .fc-event:not(.fc-time-grid-event) .fc-resizer:hover:before, ss-calendar-view .fc .fc-event:not(.fc-time-grid-event) .fc-resizer:hover:after {
  opacity: 1;
}
ss-calendar-view .fc .fc-event:not(.fc-time-grid-event) .fc-resizer.fc-end-resizer:before {
  right: 2px;
}
ss-calendar-view .fc .fc-event:not(.fc-time-grid-event) .fc-resizer.fc-end-resizer:after {
  right: 3px;
  border-radius: 0 4px 4px 0;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
ss-calendar-view .fc .fc-event:not(.fc-time-grid-event) .fc-resizer.fc-start-resizer:before {
  left: 2px;
}
ss-calendar-view .fc .fc-event:not(.fc-time-grid-event) .fc-resizer.fc-start-resizer:after {
  left: 3px;
  border-radius: 4px 0 0 4px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
ss-calendar-view .fc .fc-event.is-updating {
  pointer-events: none;
  opacity: 0.8;
}
ss-calendar-view .fc .fc-event.is-updating:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg fill='white' width='13px' height='13px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M433.941 129.941l-83.882-83.882A48 48 0 0 0 316.118 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V163.882a48 48 0 0 0-14.059-33.941zM224 416c-35.346 0-64-28.654-64-64 0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64zm96-304.52V212c0 6.627-5.373 12-12 12H76c-6.627 0-12-5.373-12-12V108c0-6.627 5.373-12 12-12h228.52c3.183 0 6.235 1.264 8.485 3.515l3.48 3.48A11.996 11.996 0 0 1 320 111.48z'/%3E%3C/svg%3E");
  position: absolute;
  right: 5px;
  z-index: 2;
  top: -1px;
  bottom: 0;
  width: 20px;
  border-radius: 0 4px 4px 0;
  background-color: inherit;
  background-position: center center;
  background-repeat: no-repeat;
}
ss-calendar-view .fc .fc-event.is-updating.color-primary:after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%232E3538' width='13px' height='13px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M433.941 129.941l-83.882-83.882A48 48 0 0 0 316.118 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V163.882a48 48 0 0 0-14.059-33.941zM224 416c-35.346 0-64-28.654-64-64 0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64zm96-304.52V212c0 6.627-5.373 12-12 12H76c-6.627 0-12-5.373-12-12V108c0-6.627 5.373-12 12-12h228.52c3.183 0 6.235 1.264 8.485 3.515l3.48 3.48A11.996 11.996 0 0 1 320 111.48z'/%3E%3C/svg%3E");
}
ss-calendar-view .fc .fc-day-grid .fc-row:last-child .fc-event.fc-event-end-corner {
  margin-right: 24px;
  position: relative;
}
ss-calendar-view .fc .fc-day-grid .fc-row:last-child .fc-event.fc-event-end-corner .fc-event-corner-right {
  z-index: 3;
  right: -9px;
  top: 2px;
  width: 17px;
  height: 17px;
  background-color: var(--event-color);
  transform: rotate(45deg);
  border-radius: 8px 15px 8px 60px;
  border-right: 1px solid var(--event-color);
  border-top: 1px solid var(--event-color);
}
ss-calendar-view .fc .fc-day-grid .fc-row:last-child .fc-event.fc-event-end-corner:hover .fc-event-corner-left {
  border-right-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.2);
}
ss-calendar-view .fc .fc-day-grid .fc-row:first-child .fc-event.fc-event-start-corner {
  margin-left: 24px;
}
ss-calendar-view .fc .fc-day-grid .fc-row:first-child .fc-event.fc-event-start-corner .fc-event-corner-left {
  z-index: 3;
  left: -9px;
  top: 2px;
  width: 17px;
  height: 17px;
  background-color: var(--event-color);
  transform: rotate(45deg);
  border-radius: 8px 60px 8px 15px;
  border-left: 1px solid var(--event-color);
  border-bottom: 1px solid var(--event-color);
}
ss-calendar-view .fc .fc-day-grid .fc-row:first-child .fc-event.fc-event-start-corner:hover .fc-event-corner-left {
  border-left-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
ss-calendar-view .fc .fc-day-grid .fc-event .fc-content {
  padding: 3px 0px;
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ss-calendar-view .fc .fc-day-grid .fc-event .fc-content .fc-title {
  display: inline;
}
ss-calendar-view .fc .fc-day-grid .fc-event .fc-content .fc-event-field-label {
  margin-left: 4px;
}
ss-calendar-view .fc .fc-day-grid .fc-event.in-search-selected:before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 5px;
  border: 2px solid #fcb402;
  pointer-events: none;
  display: block;
}
ss-calendar-view .fc .fc-day-grid .fc-event.in-search .fc-title {
  position: relative;
  color: var(--typo-primary, #2E3538);
}
ss-calendar-view .fc .fc-day-grid .fc-event.in-search .fc-title:before {
  content: "";
  pointer-events: none;
  display: block;
  background-color: #fef0cc;
  border-radius: 5px;
  position: absolute;
  top: -1px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
}
ss-calendar-view .fc .fc-event-corner {
  position: absolute;
  top: -1px;
  width: 0;
  height: 0;
  border-style: solid;
}
ss-calendar-view .fc .fc-highlight {
  border-color: none !important;
  opacity: 1;
  background-color: var(--G-0-5, #FAFAFA);
  position: relative;
}
ss-calendar-view .fc .fc-highlight:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px dashed #A3A3A3;
  pointer-events: none;
}
ss-calendar-view .fc .fc-divider {
  height: 4px;
  margin-right: -1px;
  margin-left: 60px;
  background-color: var(--G-0-5, #FAFAFA);
  padding-bottom: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
ss-calendar-view .fc .fc-event-field-label {
  font-weight: 400;
  line-height: 13px;
}
ss-calendar-view .fc .fc-event .fc-title {
  margin-right: 4px;
}
ss-calendar-view .fc .fc-event .fullcalendar-event-highlight {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  box-shadow: 0 0 10px currentColor;
  opacity: 0;
  animation: fadeInOut 500ms ease-in-out;
  border-radius: 12px;
}
ss-calendar-view .fc .fc-event.fc-initial-drag-event:not(.fc-dragging) {
  visibility: visible !important;
  background-color: #dedede !important;
  border-color: #dedede !important;
  color: var(--typo-secondary, #878B92) !important;
  --event-color: #dedede !important;
}
ss-calendar-view .fc .fc-event.fc-dragging .fc-content {
  display: flex;
  align-items: center;
}
ss-calendar-view .fc .fc-add-btn {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  display: inline-block;
  cursor: pointer;
  position: relative;
  display: none;
}
ss-calendar-view .fc .fc-add-btn:before, ss-calendar-view .fc .fc-add-btn:after {
  content: "";
  position: absolute;
  background-color: var(--G-0, #FFFFFF);
  display: block;
}
ss-calendar-view .fc .fc-add-btn:before {
  height: 2px;
  width: 10px;
  top: 50%;
  margin-top: -1px;
  left: 3px;
}
ss-calendar-view .fc .fc-add-btn:after {
  width: 2px;
  height: 10px;
  left: 50%;
  margin-left: -1px;
  top: 3px;
}
ss-calendar-view .fc .fc-add-btn:hover {
  background-color: var(--solution-hover-color);
}
ss-calendar-view .fc .fc-day-top {
  box-sizing: border-box;
}
ss-calendar-view .fc .fc-day-top.is-collapsed {
  padding-right: 0;
  text-align: center;
}
ss-calendar-view .fc .fc-day-top.is-collapsed .fc-day-number {
  width: 100%;
  float: none !important;
  display: inline-block;
}
ss-calendar-view .fc .fc-day-top .fc-day-number:hover {
  background-color: var(--solution-hover-color);
  border-radius: 50%;
  color: var(--G-0, #FFFFFF);
}
ss-calendar-view .fc .fc-day.fc-widget-content.is-collapsed:not(.fc-other-month):after {
  background-color: #f7f7f8;
}
ss-calendar-view .fc .fc-content .fc-time,
ss-calendar-view .fc .fc-content .fc-title,
ss-calendar-view .fc .fc-content .fc-event-field-label {
  display: inline-block;
}
ss-calendar-view .fc .fc-more-cell {
  pointer-events: all;
}
ss-calendar-view .fc a.fc-more {
  display: block;
  margin: 0px 3px 3px;
  background-color: var(--G-1, #F3F3F4);
  border: 1px solid #d8d8d8;
  color: var(--typo-primary, #2E3538);
  border-radius: 12px;
  font-size: 11px;
  line-height: 13px;
  padding: 4px 7px 5px;
  box-sizing: border-box;
}
ss-calendar-view .fc a.fc-more:hover {
  text-decoration: none;
}
ss-calendar-view .fc tr:first-child > td > .fc-day-grid-event {
  margin-top: 1px;
}
ss-calendar-view .fc .fc-dayGridMonth-view .fc-day-header {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
  color: var(--tertiary, #6B6B6B);
  text-transform: uppercase;
}
ss-calendar-view .fc .fc-dayGridMonth-view .fc-day-header .fc-weekend-header__tooltip {
  display: inherit;
}
ss-calendar-view .fc .fc-dayGridMonth-view .fc-head-container {
  background-color: var(--G-1, #F3F3F4);
  margin-top: -11px;
  height: 36px;
  display: inline-block;
  padding-top: 11px;
  box-sizing: border-box;
  position: relative;
  border-radius: 5px 5px 0 0;
}
ss-calendar-view .fc .fc-dayGridMonth-view .fc-head-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px 5px 0 0;
  border: 1px solid var(--G-2, #DEDEDE);
  border-bottom: 0;
}
ss-calendar-view .fc .fc-dayGridMonth-view .fc-day {
  border-color: #d8d8d8;
}
ss-calendar-view .fc .fc-dayGridMonth-view .fc-more {
  border-radius: 12px;
  padding-left: 12px;
  padding-right: 12px;
}
ss-calendar-view .fc .fc-dayGridMonth-view .fc-day-grid .fc-row .fc-content-skeleton {
  pointer-events: none;
}
ss-calendar-view .fc .fc-dayGridMonth-view .fc-day-grid .fc-row .fc-content-skeleton .fc-event-container {
  pointer-events: all;
}
ss-calendar-view .fc .fc-dayGridMonth-view .fc-event.fc-dragging:not(.fc-selected) .fc-content {
  display: flex;
  align-items: center;
}
ss-calendar-view .fc.fc-dayGrid-view .fc-week-number,
ss-calendar-view .fc.fc-dayGrid-view .fc-day-number {
  padding: 0;
}
ss-calendar-view .fc .fc-timeGrid-view .fc-body > tr > td:before,
ss-calendar-view .fc .fc-timeGridWeek-view .fc-body > tr > td:before {
  content: "";
  position: absolute;
  top: 0;
  left: 60px;
  right: -1px;
  bottom: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  z-index: 3;
  pointer-events: none;
}
ss-calendar-view .fc .fc-timeGrid-view .fc-time-grid-event .fc-content,
ss-calendar-view .fc .fc-timeGridWeek-view .fc-time-grid-event .fc-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
ss-calendar-view .fc .fc-timeGrid-view .fc-time-grid-event.fc-dragging,
ss-calendar-view .fc .fc-timeGridWeek-view .fc-time-grid-event.fc-dragging {
  display: block;
}
ss-calendar-view .fc .fc-timeGridWeek-view .fc-day-header {
  line-height: 1;
  padding-bottom: 4px;
  font-size: 0;
}
ss-calendar-view .fc .fc-timeGridWeek-view .fc-head-container {
  position: relative;
  z-index: 4;
}
ss-calendar-view .fc .fc-timeGrid-view:not(.fc-timeGridWeek-view) .fc-day-header {
  display: none;
}
ss-calendar-view .fc .fc-timeGrid-view tr:first-child > td > .fc-day-grid-event {
  margin-top: 3px;
}
ss-calendar-view .fc .fc-timeGrid-view .fc-time-grid-event {
  margin: 4px 0px 3px 1px;
}
ss-calendar-view .fc .fc-timeGrid-view .fc-day-grid .fc-row {
  min-height: 30px;
  padding-bottom: 3px;
}
ss-calendar-view .fc .fc-timeGrid-view .fc-day-grid .fc-day-grid-event {
  margin: 3px 3px 0;
}
ss-calendar-view .fc .fc-timeGrid-view .fc-day-grid .fc-more {
  margin: 3px 3px 0;
}
ss-calendar-view .fc .fc-timeGrid-view .fc-body > tr > td {
  border-left: none;
  overflow: visible;
  position: relative;
  border-top: none;
  border-bottom: 0;
}
ss-calendar-view .fc .fc-timeGrid-view .fc-day-grid .fc-axis span {
  display: none;
}
ss-calendar-view .fc .fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 0;
}
ss-calendar-view .fc .fc-timeGridWeek-view .fc-time-grid-event {
  margin: 3px -1px 3px 1px;
}
ss-calendar-view .fc .fc-timeGridWeek-view .fc-weekend-header {
  display: inline-block;
}
ss-calendar-view .fc .fc-timeGridWeek-view .fc-weekend-header::before, ss-calendar-view .fc .fc-timeGridWeek-view .fc-weekend-header::after {
  display: none;
}
ss-calendar-view .fc .fc-timeGridWeek-view .fc-weekend-header .collapse_icon {
  content: "";
  position: absolute;
  top: -2px;
  right: -12px;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%0A%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M5.57,11.57 L1.52,15.6 L0.39,14.48 L4.43,10.43 L3,9 L7,9 L7,13 L5.57,11.57 Z M10.43,4.43 L14.41,0.46 L15.54,1.59 L11.57,5.57 L13,7 L9,7 L9,3 L10.43,4.43 Z' fill='%23b2b2b3'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
  background-size: 14px 14px;
}
ss-calendar-view .fc .fc-timeGridWeek-view .fc-weekend-header .collapse_icon:hover {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M5.57,11.57 L1.52,15.6 L0.39,14.48 L4.43,10.43 L3,9 L7,9 L7,13 L5.57,11.57 Z M10.43,4.43 L14.41,0.46 L15.54,1.59 L11.57,5.57 L13,7 L9,7 L9,3 L10.43,4.43 Z' fill='%232d2d2d'%3E%3C/path%3E%3C/svg%3E");
}
ss-calendar-view .fc .fc-timeGridWeek-view .fc-weekend-header .collapse_icon:hover + .fc-weekend-header__tooltip {
  display: block;
  opacity: 1;
  visibility: visible;
}
ss-calendar-view .fc .fc-timeGridWeek-view .fc-weekend-header__tooltip {
  top: calc(100% - 25px);
}
ss-calendar-view .fc-weekend-header {
  position: relative;
  cursor: pointer;
}
ss-calendar-view .fc-weekend-header:before {
  content: "";
  position: absolute;
  top: 2px;
  right: -19px;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%0A%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M5.57,11.57 L1.52,15.6 L0.39,14.48 L4.43,10.43 L3,9 L7,9 L7,13 L5.57,11.57 Z M10.43,4.43 L14.41,0.46 L15.54,1.59 L11.57,5.57 L13,7 L9,7 L9,3 L10.43,4.43 Z' fill='%23b2b2b3'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
  background-size: 14px 14px;
}
ss-calendar-view .fc-weekend-header:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: -24px;
  bottom: 0;
}
ss-calendar-view .fc-weekend-header__tooltip {
  display: none;
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
  transform: translateX(-50%);
  background-color: #2d2d2d;
  border-radius: 5px;
  padding: 5px 9px 5px;
  opacity: 0;
  visibility: hidden;
  color: var(--G-0, #FFFFFF);
  font-weight: 600;
  pointer-events: none;
  white-space: nowrap;
  transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
  z-index: 3;
  font-size: 11px;
  text-transform: none;
  letter-spacing: 0px;
}
ss-calendar-view .fc-weekend-header__tooltip:before {
  content: "";
  position: absolute;
  left: 70%;
  top: -10px;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-bottom-color: #2d2d2d;
}
ss-calendar-view .fc-weekend-header:hover:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M5.57,11.57 L1.52,15.6 L0.39,14.48 L4.43,10.43 L3,9 L7,9 L7,13 L5.57,11.57 Z M10.43,4.43 L14.41,0.46 L15.54,1.59 L11.57,5.57 L13,7 L9,7 L9,3 L10.43,4.43 Z' fill='%232d2d2d'%3E%3C/path%3E%3C/svg%3E");
}
ss-calendar-view .fc-weekend-header:hover ss-calendar-view .fc-weekend-header__tooltip {
  opacity: 1;
  visibility: visible;
}
ss-calendar-view .fc-day-header.is-collapsed .fc-weekend-header {
  padding-right: 0;
}
ss-calendar-view .fc-day-header.is-collapsed .fc-weekend-header .collapse_icon, ss-calendar-view .fc-day-header.is-collapsed .fc-weekend-header:before, ss-calendar-view .fc-day-header.is-collapsed .fc-weekend-header:after {
  display: none;
}
ss-calendar-view .fc-day-header.is-collapsed .fc-weekend-header__tooltip {
  display: inherit;
}
ss-calendar-view .fc-day-header.is-collapsed .fc-weekend-header__tooltip {
  top: 50%;
  margin-top: -13px;
  transform: none;
}
ss-calendar-view .fc-day-header.is-collapsed .fc-weekend-header__tooltip--right {
  left: calc(100% + 7px);
}
ss-calendar-view .fc-day-header.is-collapsed .fc-weekend-header__tooltip--right:before {
  right: 100%;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  border-right-color: #2d2d2d;
  border-bottom-color: transparent;
}
ss-calendar-view .fc-day-header.is-collapsed .fc-weekend-header__tooltip--left {
  right: calc(100% + 7px);
  left: auto;
}
ss-calendar-view .fc-day-header.is-collapsed .fc-weekend-header__tooltip--left:before {
  left: 100%;
  top: 50%;
  right: auto;
  transform: translateY(-50%);
  border-left-color: #2d2d2d;
  border-bottom-color: transparent;
}
ss-calendar-view .fc-day-top {
  box-sizing: border-box;
}
ss-calendar-view .fc-day-top.is-collapsed {
  padding-right: 0;
  text-align: center;
}
ss-calendar-view .fc-day-top.is-collapsed .fc-day-number {
  width: 100%;
  float: none !important;
  display: inline-block;
}
ss-calendar-view .fc-day.fc-widget-content.is-collapsed:not(.fc-other-month):after {
  background-color: #f7f7f8;
}
ss-calendar-view .fc-content .fc-time,
ss-calendar-view .fc-content .fc-title,
ss-calendar-view .fc-content .fc-event-field-label {
  display: inline-block;
}
ss-calendar-view .fc-more-cell {
  pointer-events: all;
}
ss-calendar-view a.fc-more {
  display: block;
  margin: 3px 5px 0px 5px;
  background-color: var(--G-1, #F3F3F4);
  border: 1px solid #d8d8d8;
  color: var(--typo-primary, #2E3538);
  border-radius: 12px;
  font-size: 11px;
  line-height: 13px;
  padding: 4px 5px 5px;
  box-sizing: border-box;
}
ss-calendar-view a.fc-more:hover {
  text-decoration: none;
}
.calendar-fit-row, .calendar-highlight-fit-row {
  height: 0;
}
.calendar-event-tooltip {
  font-size: 11px;
  color: var(--G-0, #FFFFFF);
  font-weight: 600;
  text-align: center;
  position: absolute;
  min-height: 24px;
  background-color: var(--ic-dark, #2D2D2D);
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  max-width: 400px;
  z-index: 1000;
  opacity: 0;
  animation: fadeIn 100ms ease-in forwards;
}
.calendar-event-tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.calendar-event-tooltip.is-default-position:before {
  bottom: -4px;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 4px solid var(--ic-dark, #2D2D2D);
}
.calendar-event-tooltip.is-right-position::before {
  left: -4px;
  top: 50%;
  bottom: auto;
  margin-top: -5px;
  margin-left: 0;
  border-left: none;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 4px solid var(--ic-dark, #2D2D2D);
}
.calendar-event-tooltip.is-left-position::before {
  right: -4px;
  top: 50%;
  left: auto;
  margin-top: -5px;
  margin-left: 0;
  border-right: none;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 4px solid var(--ic-dark, #2D2D2D);
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url('ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
  font-family: "slick";
  src: url('slick.eot');
  src: url('slick.eot?#iefix') format("embedded-opentype"), url('slick.woff') format("woff"), url('slick.ttf') format("truetype"), url('slick.svg#slick') format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
.bar-chart {
  width: 100%;
  height: 100%;
  display: flex;
  column-gap: 8px;
  justify-content: space-evenly;
}
.bar-chart__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  min-width: 10px;
  width: 100%;
}
.bar-chart__column {
  width: 100%;
  overflow: hidden;
  background-color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.bar-chart__column-data {
  height: 100%;
  width: 100%;
}
.remove-button {
  background-color: transparent;
  color: var(--typo-primary, #2E3538);
  display: flex;
  align-items: center;
}
.remove-button__icon {
  display: flex;
  margin-left: -5px;
  margin-right: 5px;
}
.remove-button--size-md {
  height: 24px;
  padding: 0 10px;
  font-size: 13px;
}
.remove-button--size-lg {
  height: 32px;
  font-size: 14px;
  padding: 0 15px;
}
.remove-button--size-xl {
  height: 40px;
  padding: 0 30px;
  font-size: 15px;
}
.remove-button--icon.remove-button--size-md .remove-button__icon {
  margin-right: 5px;
}
.remove-button--icon.remove-button--size-lg .remove-button__icon {
  margin-right: 10px;
}
.remove-button--no-gutter {
  padding-right: 0;
  padding-left: 0;
}
.remove-button--no-gutter .remove-button__icon {
  margin-left: 0;
}
.panel-button {
  width: 100%;
  padding: 8px 10px 6px 10px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  text-align: left;
}
.panel-button:not(:last-child) {
  margin-bottom: 6px;
}
.panel-button:hover {
  background-color: var(--G-1, #F3F3F4);
}
.panel-button:hover .panel-button__description {
  color: var(--typo-primary, #2E3538);
}
.panel-button:disabled {
  cursor: not-allowed;
}
.panel-button--active, .panel-button--active:hover {
  background-color: var(--solution-primary-color);
}
.panel-button--active .panel-button__description,
.panel-button--active .panel-button__head, .panel-button--active:hover .panel-button__description,
.panel-button--active:hover .panel-button__head {
  color: var(--typo-white, var(--G-0, #FFFFFF));
}
.panel-button__actions {
  margin-top: 6px;
  border-top: 1px dashed var(--G-2, #DEDEDE);
  padding-top: 6px;
}
.r-arrow-button {
  max-width: 100%;
}
.r-arrow-button__icon {
  transition: color 150ms ease-out , transform 150ms ease-out;
  color: var(--r-arrow-button-icon-color);
  font-size: 0;
  line-height: 1;
}
.r-arrow-button__text {
  margin-right: 3px;
  transition: color 150ms ease-out;
  color: var(--r-arrow-button-text-color);
}
.r-arrow-button__wrapper {
  display: flex;
  align-items: center;
  height: 22px;
  padding-left: 7px;
  padding-right: 4px;
  padding-left: 7px;
  padding-right: 4px;
  background-color: var(--r-arrow-button-bg-color);
  border-radius: 5px;
  transition: background 150ms ease-out;
}
.r-arrow-button:hover .r-arrow-button__wrapper {
  background-color: var(--r-arrow-button-bg-hover-color);
  transition: background 200ms ease-in;
}
.r-arrow-button:hover .r-arrow-button__icon {
  transition: color 200ms ease-in , transform 200ms ease-in;
  color: var(--r-arrow-button-icon-hover-color);
}
.r-arrow-button:hover .r-arrow-button__text {
  transition: color 200ms ease-in;
  color: var(--r-arrow-button-text-hover-color);
}
.r-arrow-button--subitems-filter .r-arrow-button__wrapper {
  position: relative;
  left: -7px;
}
.r-arrow-button--record-comments .r-arrow-button__wrapper {
  align-items: end;
  height: 16px;
  padding: 0;
}
.r-arrow-button--record-comments .r-arrow-button__icon {
  transform: rotate(0);
}
.r-arrow-button--record-comments.is-active .r-arrow-button__wrapper {
  align-items: center;
}
.r-arrow-button--record-comments.is-active .r-arrow-button__icon {
  transform: rotate(180deg);
}
.dropdown-toggle-button {
  transform: rotate(0);
  transition: transform 200ms ease-in;
}
.dropdown-toggle-button--is-open {
  transform: rotate(45deg);
  transition: transform 150ms ease-out;
}
.explore-button {
  width: 100%;
  height: 42px;
  background-color: var(--solution-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: var(--G-0, #FFFFFF);
  padding: 0 22px;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.explore-button:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.explore-button__content {
  margin-right: 6px;
}
.favorite-button {
  color: var(--G-3, #C7C8C9);
  cursor: pointer;
}
.favorite-button:hover {
  opacity: 0.5;
}
.favorite-button--pressed {
  color: #FDA80D;
}
.favorite-button--pressed:hover {
  color: #f0c330;
}
.favorite-button--contrast:hover {
  opacity: 0.6;
}
.favorite-button--contrast.favorite-button--pressed {
  color: var(--G-0, #FFFFFF);
}
.create-new-account {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 13px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  transition: background-color 150ms ease-out;
}
.create-new-account:hover {
  background-color: var(--solution-primary-color);
  transition: background-color 200ms ease-in;
}
.create-new-account:hover .create-new-account__text {
  color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in;
}
.create-new-account:hover .create-new-account__icon {
  fill: var(--G-0, #FFFFFF);
}
.create-new-account__text {
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.create-new-account__icon {
  fill: var(--G-4, #B2B2B3);
  margin-right: 20px;
}
.user-activity {
  position: relative;
}
.user-activity:not(:last-child) {
  margin-bottom: 9px;
}
.user-activity__icon {
  position: absolute;
  left: -30px;
  top: 0px;
}
.user-activity__heading {
  margin-bottom: 4px;
  width: 100%;
}
.user-activity__body {
  display: flex;
  flex-wrap: wrap;
}
.user-activity-item {
  display: inline-flex;
  flex-wrap: wrap;
  flex-basis: auto;
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
  max-width: 100%;
  margin-bottom: 5px;
}
.user-activity-item:not(:last-child) {
  margin-right: 5px;
}
.user-activity-item .components-wrapper {
  width: 100%;
}
.user-activity-item ss-display-field-outlet,
.user-activity-item ss-rich-text-area-field-display {
  overflow: visible;
}
.base-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.section {
  display: block;
}
.section:not(:last-child) {
  margin-bottom: 22px;
}
.section[hidden] {
  display: none !important;
}
.widget-banner {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 5px 10px 12px;
  padding: 20px 18px 18px 20px;
  background-color: var(--solution-secondary-color);
  border-radius: 5px;
}
.widget-banner ~ .notifications-panel {
  height: calc(100% - 205px);
}
.widget-banner ~ .favorites-panel__scrollbar {
  height: calc(100% - 205px);
}
.widget-banner__content {
  width: 233px;
}
.widget-banner__title {
  margin-bottom: 12px;
  font-weight: 600;
}
.widget-banner__title span {
  font-weight: 700;
}
.widget-banner__button {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 8px;
}
.widget-banner__inner-button {
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
}
.widget-banner__link-button {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.widget-banner__img-content {
  max-width: 100%;
}
.country-phone {
  display: flex;
  align-items: center;
}
.country-phone__flag {
  overflow: hidden;
  line-height: 0;
  max-width: 19px;
  min-width: 19px;
  margin-right: 6px;
  position: relative;
  vertical-align: middle;
}
.country-phone__flag + .country-phone__type {
  margin-right: 3px;
  font-size: 14px;
  vertical-align: middle;
}
.country-phone__tel {
  max-width: 100%;
  overflow: hidden;
  vertical-align: middle;
  color: var(--typo-primary, #2E3538);
}
.country-phone__tel:hover {
  color: var(--solution-highlight-color);
}
.country-phone__tel--highlighted {
  color: var(--solution-primary-color);
}
.country-phone__tel--highlighted:hover {
  color: var(--solution-highlight-color);
}
.country-phone--card .country-phone__tel {
  text-decoration: underline;
  transition: color 150ms ease-out;
}
.timestamp {
  display: flex;
  align-items: center;
  cursor: default;
}
.timestamp__icon {
  height: 16px;
  margin-right: 5px;
  color: var(--timestamp-icon-color, var(--typo-primary, #2E3538));
}
.timestamp__paragraph {
  display: inline;
  color: var(--timestamp-text-color, var(--typo-secondary, #878B92));
  font-size: var(--timestamp-text-size, 11px);
}
.timestamp__paragraph:not(:last-child) {
  margin-right: 4px;
}
.coming-soon-tooltip {
  padding: 7px 0;
}
.coming-soon-tooltip__tag {
  width: max-content;
  margin: 0 auto 9px;
  padding: 1px 8px;
  background-color: #F1273F;
  border-radius: 45px;
}
.crop-image-area__head, .crop-image-area__footer {
  display: flex;
  align-items: center;
}
.crop-image-area__add-button {
  margin-right: 10px;
}
.crop-image-area__hr {
  margin: 12px 0;
  border-top: 0;
  border-bottom: 1px solid rgba(222, 222, 222, 0.7);
}
.crop-image-area__no-image-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 254px;
  padding: 15px 0;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
}
.crop-image-area__body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 254px;
  margin: 0 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 8px;
}
.crop-image-area__image {
  border: 2px dashed #C8C8C8;
  box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  cursor: grab;
}
.crop-image-area__remove {
  margin-left: auto;
}
.crop-image-area--round .crop-image-area__image {
  width: 243px;
  height: 243px;
  border-radius: 50%;
}
.crop-image-area--rect .crop-image-area__image {
  width: 100%;
  height: 158px;
}
.social-input {
  display: flex;
  align-items: center;
}
.social-input__icon {
  margin-right: 5px;
}
.social-input__content {
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 35px;
  padding: 0 12px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
}
.icon-link {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  border-radius: 50%;
  background-color: var(--G-1, #F3F3F4);
  text-decoration: none;
  transition: background-color 150ms ease-out;
}
.icon-link:hover {
  background-color: var(--G-1-5, #E9E9E9);
  transition: background-color 200ms ease-in;
}
.report-tools-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--solution-secondary-color);
  padding: 0 15px;
  min-height: 40px;
  border-radius: 0 0 5px 5px;
}
.report-tools-footer__help {
  padding: 0;
}
.report-tools-footer__clear-button {
  cursor: pointer;
  color: var(--solution-primary-color);
}
.report-tools-footer__clear-button:hover {
  color: var(--solution-hover-color);
}
.report-tools-footer__actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.report-tools-footer__buttons {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  gap: 10px;
}
.report-tools-footer__apply {
  --button-spinner-size: 12px;
  --button-spinner-position: calc(50% - 6px);
}
.field-picker-editor {
  position: relative;
}
.field-picker-editor__input-group {
  padding: 8px 20px 8px 12px;
  cursor: text;
}
.field-picker-editor__add-button {
  position: absolute;
  right: var(--picker-button-right, 6px);
  top: var(--picker-button-top, 6px);
  cursor: pointer;
}
.field-picker-editor__editor {
  width: 100%;
  height: 100%;
  min-height: var(--picker-min-height, 72px);
}
.field-picker-editor .ProseMirror {
  font-size: 13px;
}
.field-picker-editor .ProseMirror p {
  margin: 0;
  line-height: 25px;
}
.field-picker-editor-dropdown__header {
  border-bottom: 1px solid var(--G-1-2, #F0F0F0);
  padding-top: var(--field-picker-editor-dropdown-header-padding-top, 0);
}
.field-picker-editor-dropdown__list-options {
  padding-top: 6px !important;
}
.r-search-field {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.r-search-field__icon {
  display: flex;
  color: var(--search-icon-color, var(--ic-light, #c7cdcf));
  margin-right: var(--search-icon-margin-right, 3px);
}
.r-search-field__input {
  flex-grow: 1;
  display: flex;
}
.r-search-field__clear {
  color: var(--ic-light, #c7cdcf);
  display: flex;
  align-items: center;
  opacity: var(--search-clear-button-opacity, 0);
  visibility: var(--search-clear-button-visibility, hidden);
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.r-search-field__clear:hover {
  color: #FF5757;
}
.r-search-field__line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  border-radius: 20px;
  background-color: var(--solution-primary-color);
  transition: transform 250ms ease-in-out, background 250ms ease-in-out;
  transform: scaleX(0);
  transform-origin: left top;
}
.r-search-field.is-focus .r-search-field__line, .r-search-field.is-active .r-search-field__line {
  transform: scaleX(1);
}
.r-search-field.is-active:not(.is-focus) .r-search-field__line {
  background-color: var(--G-2, #DEDEDE);
}
.r-search-field.is-clear-visible .r-search-field__clear {
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.r-search-field--main {
  padding-left: 9px;
  padding-bottom: 3px;
}
.r-search-field--main .r-search-field__clear {
  margin-right: 10px;
}
.r-search-field--light {
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
}
.r-search-field--outsides {
  padding: 0 10px;
}
.r-search-field--dark-clear .r-search-field__clear {
  color: var(--ic-dark, #2D2D2D);
}
.r-search-field--highlight.is-active .r-search-field__icon {
  color: var(--search-icon-highlight-color);
}
.expandable-search-field {
  padding: 0 12px;
  width: 52px;
  height: 32px;
  overflow: hidden;
  background: var(--G-0-5, #FAFAFA);
  border: 1px solid var(--G-4, #B2B2B3);
  box-sizing: border-box;
  border-radius: 93.1548px;
  transition: width 250ms ease-in-out;
  cursor: pointer;
}
.expandable-search-field > div {
  margin-top: -2px;
}
.expandable-search-field:focus-within {
  width: 200px;
}
.expandable-search-field.is-expanded {
  width: 200px;
}
.input-field-label {
  position: relative;
  display: flex;
  align-items: center;
}
.input-field-label__content {
  cursor: default;
  position: absolute;
  right: 100%;
  width: max-content;
  margin-right: 10px;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.input-field-label__content.is-visible {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.input-field-label__error-message {
  position: absolute;
  left: calc(100% + 10px);
  z-index: 1;
  width: max-content;
  padding: 8px 13px;
  background-color: #FEECEE;
  color: #FF5757;
  border-radius: 5px;
  font-size: 13px;
  text-align: left;
}
.input-field-label__error-message::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: -4px;
  width: 8px;
  height: 8px;
  display: block;
  background-color: #FEECEE;
  transform: rotate(45deg);
}
.date-picker-field {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 109px;
  height: 30px;
  cursor: pointer;
}
.date-picker-field.is-active .date-picker-field__icon {
  color: var(--solution-hover-color);
}
.date-picker-field.is-error .date-picker-field__icon {
  color: #FF5757;
}
.date-picker-field__value {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.date-picker-field__placeholder {
  font-style: italic;
}
.date-picker-field__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 33px;
  color: var(--solution-primary-color);
}
.r-color-picker-input-group {
  display: flex;
  align-items: center;
}
.r-color-picker-input-group__input, .r-color-picker-input-group__color-picker, .r-color-picker-input-group__remove {
  flex-grow: 0;
  flex-shrink: 0;
}
.r-color-picker-input-group__input {
  width: 276px;
  margin-right: 10px;
}
.r-color-picker-input-group__remove {
  margin-left: 15px;
}
.color-picker-input-group-option {
  height: 32px;
  overflow: hidden;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding-left: 17px;
}
.color-picker-input-group-option__icon {
  color: var(--solution-primary-color);
  margin-right: 10px;
  display: flex;
}
.color-picker-input-group-option__text {
  flex-grow: 1;
  color: var(--tertiary, #6B6B6B);
}
.color-picker-input-group-option:hover .color-picker-input-group-option__icon {
  color: var(--solution-hover-color);
}
.color-picker-input-group-option:hover .color-picker-input-group-option__text {
  color: var(--typo-primary, #2E3538);
}
.color-picker-input-group-option.is-selected .color-picker-input-group-option__icon, .color-picker-input-group-option.is-selected:hover .color-picker-input-group-option__icon {
  color: var(--ic-light, #c7cdcf);
}
.color-picker-input-group-option.is-selected .color-picker-input-group-option__text, .color-picker-input-group-option.is-selected:hover .color-picker-input-group-option__text {
  color: var(--typo-primary, #2E3538);
}
.color-picker-input-group-option.is-selected {
  padding-left: 0px;
}
.color-picker-input-group-option.is-selected .color-picker-input-group-option__icon {
  margin-right: 10px;
}
.color-picker-input-group-option.is-selected .color-picker-input-group-option__text {
  font-weight: 400;
}
.PhoneInput {
  display: flex;
}
.phone-input__clear {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.phone-input__select, .phone-input__country-select {
  border-radius: 0 !important;
}
.phone-input__select .select-placeholder__arrow, .phone-input__country-select .select-placeholder__arrow {
  padding-right: 3px !important;
}
.phone-input__select:hover, .phone-input__country-select:hover {
  background-color: transparent !important;
}
.phone-input__country-select {
  width: 50px !important;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.phone-input__type-option {
  text-transform: capitalize;
  height: 24px;
}
.hidden-focusable-input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
  transform: scale(0);
}
.number-field {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.number-field input {
  width: 100%;
  height: 100%;
  font-size: 13px;
  padding: 0 10px;
  background-color: transparent;
  color: var(--typo-primary, #2E3538);
  line-height: normal;
  font-family: inherit;
  text-overflow: ellipsis;
}
.number-field input::placeholder {
  font-family: inherit;
}
.number-field input::-webkit-inner-spin-button {
  display: none;
}
.number-field--text-size-m input {
  font-size: 13px;
}
.number-field--text-size-l input {
  font-size: 14px;
}
.number-field--placeholder-color-inactive input::placeholder {
  color: var(--inactive, #B2B2B3);
}
.number-field--placeholder-color-secondary input::placeholder {
  color: var(--typo-secondary, #878B92);
}
.number-field-group__input {
  height: var(--number-field-group-height, 32px);
}
.fluid-col {
  position: relative;
}
.fluid-col--5 {
  width: 5%;
}
.fluid-col--10 {
  width: 10%;
}
.fluid-col--15 {
  width: 15%;
}
.fluid-col--20 {
  width: 20%;
}
.fluid-col--25 {
  width: 25%;
}
.fluid-col--30 {
  width: 30%;
}
.fluid-col--35 {
  width: 35%;
}
.fluid-col--40 {
  width: 40%;
}
.fluid-col--45 {
  width: 45%;
}
.fluid-col--50 {
  width: 50%;
}
.fluid-col--55 {
  width: 55%;
}
.fluid-col--60 {
  width: 60%;
}
.fluid-col--65 {
  width: 65%;
}
.fluid-col--70 {
  width: 70%;
}
.fluid-col--75 {
  width: 75%;
}
.fluid-col--80 {
  width: 80%;
}
.fluid-col--85 {
  width: 85%;
}
.fluid-col--90 {
  width: 90%;
}
.fluid-col--95 {
  width: 95%;
}
.fluid-col--100 {
  width: 100%;
}
.fluid-col--33-3 {
  width: 33.33%;
}
.fluid-col--66-6 {
  width: 66.66%;
}
.fluid-col--gutter-7-5 {
  padding: 0 7.5px;
}
.fluid-col--gutter-15 {
  padding: 0 15px;
}
.fluid-col--gutter-10 {
  padding: 0 10px;
}
.fluid-col--gutter-5 {
  padding: 0 5px;
}
.row {
  display: flex;
}
.row--gutter-25 {
  margin: 0 -25px;
}
.row--gutter-15 {
  margin: 0 -15px;
}
.row--gutter-10 {
  margin: 0 -10px;
}
.row--gutter-12 {
  margin: 0 -12px;
}
.row--gutter-12-5 {
  margin: 0 -12.5px;
}
.row--gutter-7-5 {
  margin: 0 -7.5px;
}
.row--gutter-5 {
  margin: 0 -5px;
}
.row--gutter-0 {
  margin: 0;
}
.row--wrap {
  flex-wrap: wrap;
}
.row--align-top {
  align-items: flex-start;
}
.row--align-middle {
  align-items: center;
}
.row--align-bottom {
  align-items: flex-end;
}
.row--align-stretch {
  align-items: stretch;
}
.row--justify-left {
  justify-content: flex-start;
}
.row--justify-right {
  justify-content: flex-end;
}
.row--justify-center {
  justify-content: center;
}
.row--justify-between {
  justify-content: space-between;
}
.input-group-compact-line {
  display: table-row;
  border-collapse: collapse;
  position: relative;
}
.input-group-compact-line__td {
  opacity: 0;
  display: table-cell;
  max-width: 0;
  height: 35px;
  column-span: all;
}
.input-group-compact-line__div {
  position: absolute;
}
.input-group-compact-line--gutter-15 .input-group-compact-line__div {
  width: calc(100% - 30px);
  left: 15px;
}
.input-group-compact-line--gutter-30 .input-group-compact-line__div {
  width: calc(100% - 60px);
  left: 30px;
}
.modal-header-solution {
  display: flex;
  align-items: center;
  min-height: 48px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  padding: 0 30px 16px 30px;
  background-color: var(--G-0, #FFFFFF);
}
.modal-header-solution__in {
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  margin-top: -2px;
}
.modal-header-solution__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  min-width: 46px;
  height: 46px;
  margin-right: 15px;
  background-color: var(--solution-primary-color);
  border-radius: 5px;
  color: var(--G-0, #FFFFFF);
}
.modal-header-solution__title {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  color: var(--typo-primary, #2E3538);
}
.modal-header-solution__subtitle {
  color: var(--typo-secondary, #878B92);
}
.modal-header-solution__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: -4px;
  margin-left: auto;
  padding-left: 15px;
}
.modal-header-solution--align-vertical {
  align-items: flex-start;
}
.modal-header-solution--align-vertical .modal-header-solution__actions {
  margin-top: 5px;
}
.modal-header-edit-record {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  padding: 4px 30px 20px 30px;
  background-color: var(--G-0, #FFFFFF);
}
.modal-header-edit-record__head {
  display: flex;
  align-items: center;
}
.modal-header-edit-record__icon {
  margin-right: 7px;
  color: var(--G-4, #B2B2B3);
}
.modal-header-edit-record__field-name {
  color: var(--typo-secondary, #878B92);
}
.modal-header-edit-record__autonumber {
  color: #3D4446;
  background-color: rgba(0, 0, 0, 0.09);
  padding: 1px 6px;
  border-radius: 3px;
  margin-left: 12px;
  height: 18px;
  display: flex;
  align-items: center;
}
.modal-header-edit-record__actions {
  position: relative;
  left: 4px;
  top: 2px;
}
.modal-header-simple {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 20px 18px 20px;
  background-color: var(--G-0, #FFFFFF);
}
.modal-header-simple__icon {
  color: var(--solution-primary-color);
}
.modal-helper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 233px;
  height: 100%;
  margin-right: 1px;
  padding: 20px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  box-shadow: 0 4px 10px rgba(128, 128, 128, 0.25);
}
.modal-helper--align-left {
  align-items: flex-start;
}
.modal-helper--align-left .modal-helper__descr {
  text-align: left;
}
.modal-helper__image {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 16px;
}
.modal-helper__title {
  margin-bottom: 9px;
}
.modal-helper__descr {
  text-align: center;
}
.field-option {
  height: 34px;
  overflow: hidden;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.field-option__icon {
  color: var(--solution-primary-color);
  margin-right: 9px;
  display: flex;
}
.field-option__text {
  flex-grow: 1;
}
.field-option:hover .field-option__icon {
  color: var(--typo-primary, #2E3538);
}
.field-option.is-coming-soon .field-option__icon {
  color: var(--G-2, #DEDEDE);
}
.field-option.is-coming-soon .field-option__text {
  color: var(--inactive, #B2B2B3);
}
.field-option.is-coming-soon:hover .field-option__icon {
  color: var(--G-2, #DEDEDE);
}
.member-option {
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  height: 36px;
  padding: 0 5px;
}
.member-option__pill {
  max-width: 100%;
}
.pill-option {
  height: 36px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pill-option__profile {
  color: var(--G-3, #C7C8C9);
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.pill-option:hover .pill-option__profile {
  opacity: 1;
}
.member-option {
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  height: 36px;
  padding: 0 5px;
}
.member-option__pill {
  max-width: 100%;
}
.figure-option {
  height: 40px;
  padding: 0 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.figure-option__figure {
  margin-right: 10px;
}
.figure-option.is-selected {
  height: 50px;
}
.figure-option.is-coming-soon {
  color: var(--inactive, #B2B2B3);
}
.figure-option.is-coming-soon .figure-option__figure {
  opacity: 0.5;
}
.default-badge-option {
  height: 28px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.default-badge-option.is-selected {
  padding-right: 0;
  padding-left: 0;
}
.default-badge-option.is-selected .default-badge-option__content {
  flex-grow: initial;
}
.default-badge-option__content {
  flex-grow: 1;
  overflow: hidden;
}
.default-badge-option__badge {
  display: flex;
  margin-left: 6px;
}
.default-icon-option {
  position: relative;
  display: flex;
  align-items: center;
  height: 32px;
  width: 100%;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.default-icon-option::before {
  content: "";
  position: absolute;
  left: -5px;
  right: -5px;
  top: 0;
  bottom: 0;
  display: block;
}
.default-icon-option__icon {
  color: var(--solution-primary-color);
  margin-right: 13px;
  display: flex;
}
.default-icon-option__arrow-icon {
  margin-left: auto;
}
.default-icon-option:hover .default-icon-option__icon {
  color: var(--typo-primary, #2E3538);
}
.default-icon-option.is-active .default-icon-option__icon {
  color: var(--solution-hover-color);
}
.default-icon-option.is-active .default-icon-option__arrow-icon {
  color: var(--solution-primary-color);
}
.solution-option {
  height: 32px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.solution-option__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 27px;
  width: 27px;
  height: 26px;
  margin-right: 9px;
  border-radius: 5px;
}
.solution-option__badge {
  width: auto;
  margin-left: auto;
}
.solution-option__name {
  padding-right: 5px;
}
.solution-option.is-active:before {
  content: " ";
  position: absolute;
  right: 15px;
  width: 4px;
  height: 8px;
  border-right: 2px solid #3EAC40;
  border-bottom: 2px solid #3EAC40;
  transform: rotate(45deg) translate(0, -50%);
}
.team-option {
  height: 36px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.state-option {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  color: var(--G-0, #FFFFFF);
}
.state-option.is-selected {
  width: 18px;
  height: 18px;
  border: 2px solid var(--G-2, #DEDEDE);
  padding-right: 0;
  padding-left: 0;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 50%;
  color: #3EAC40;
}
.state-option.is-selected:not(.is-complete):hover {
  border-color: var(--G-3, #C7C8C9);
}
.state-option.is-complete {
  border-color: #3EAC40;
}
.priority-option {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 0 10px;
  cursor: pointer;
}
.priority-option.is-active:before {
  content: " ";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 4px;
  height: 8px;
  border-right: 2px solid #3EAC40;
  border-bottom: 2px solid #3EAC40;
  transform: rotate(45deg) translate(0, -50%);
}
.priority-option.is-active.is-clear {
  display: none;
}
.priority-option__icon {
  display: flex;
  margin-right: 13px;
  color: var(--ic-light, #c7cdcf);
}
.circle-dashed-label {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border: 1px dashed var(--G-3, #C7C8C9);
  border-radius: 50%;
  color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
  cursor: pointer;
}
.circle-dashed-label.is-filled {
  border-color: transparent;
}
.circle-dashed-label.is-filled:hover {
  border-color: var(--G-3, #C7C8C9);
}
.circle-dashed-label:hover {
  border-color: var(--G-6, #868788);
  color: var(--G-6, #868788);
  transition: border-color 150ms ease-out;
}
.circle-dashed-label__tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
  width: inherit;
  height: inherit;
}
.is-open .circle-dashed-label {
  border-color: var(--G-3, #C7C8C9);
}
.all-option {
  height: 34px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.all-option__icon {
  min-width: 27px;
  width: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  color: #3EAC40;
}
.all-option__badge {
  width: auto;
  margin-left: auto;
}
.radio-single-select-option {
  display: flex;
  padding: 8px;
  background-color: var(--radio-single-select-option-bg, var(--G-0-5, #FAFAFA));
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 200ms ease-in;
}
.radio-single-select-option__label {
  padding-left: 10px;
}
.radio-single-select-option__text {
  display: inline;
}
.radio-single-select-option__default {
  margin-left: 4px;
}
.radio-single-select-option__help-text {
  margin-top: 4px;
}
.radio-single-select-option.is-checked, .radio-single-select-option:hover {
  background-color: var(--radio-single-select-option-checked-bg, var(--G-1, #F3F3F4));
  transition: background-color 200ms ease-in;
}
.radio-single-select-option.is-readonly {
  cursor: default;
}
.r-checked-option {
  display: flex;
  gap: 10px;
  color: var(--typo-primary, #2E3538);
  padding: 15px;
  cursor: pointer;
  border-radius: 5px;
}
.r-checked-option--selected {
  background: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.r-checked-option--selected .r-checked-option__description {
  color: var(--G-0, #FFFFFF);
}
.r-checked-option:not(.r-checked-option--selected):hover {
  background: var(--G-1, #F3F3F4);
}
.r-checked-option:not(.r-checked-option--selected):hover .r-checked-option__description {
  color: var(--typo-primary, #2E3538);
}
.r-checked-option__description {
  color: var(--typo-secondary, #878B92);
}
.r-checked-option__icon-wrapper {
  width: 16px;
  flex: 1 0 auto;
}
.r-checked-option__icon {
  margin-top: 3px;
  border-radius: 50%;
}
.country-option {
  height: 24px;
  display: flex;
  align-items: center;
  padding: 0 6px;
}
.country-option__flag {
  margin-right: 10px;
}
.current-member-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.current-member-option.is-selected {
  height: 26px;
}
.current-member-option:not(.is-selected) {
  height: var(--current-member-option-height, 36px);
  padding: var(--current-member-option-padding, 6px);
  border-radius: 5px;
}
.current-member-option:not(.is-selected):hover {
  background-color: var(--current-member-option-hover-bg, var(--G-1, #F3F3F4));
}
.current-member-option__avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 6px;
  border-radius: 50%;
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--G-4, #B2B2B3);
}
.current-member-option__name {
  overflow: hidden;
  flex-grow: 1;
  padding-right: 6px;
}
.current-member-option__tooltip {
  margin-right: 7px;
}
.current-member-teams-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.current-member-teams-option.is-selected {
  height: 26px;
}
.current-member-teams-option:not(.is-selected) {
  height: var(--current-member-option-height, 36px);
  padding: var(--current-member-option-padding, 6px);
  border-radius: 5px;
}
.current-member-teams-option:not(.is-selected):hover {
  background-color: var(--current-member-option-hover-bg, var(--G-1, #F3F3F4));
}
.current-member-teams-option__avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 6px;
  border-radius: 50%;
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--G-4, #B2B2B3);
}
.current-member-teams-option__name {
  overflow: hidden;
  flex-grow: 1;
  padding-right: 6px;
}
.current-member-teams-option__tooltip {
  margin-right: 7px;
}
.type-select {
  height: 52px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 4px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  position: relative;
  transition: border 150ms ease-out;
}
.type-select::before, .type-select::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 5px;
  transition: opacity 150ms ease-out;
  pointer-events: none;
}
.type-select:after {
  box-shadow: 0 0 0 3px var(--solution-secondary-color);
  opacity: 0;
}
.type-select:before {
  box-shadow: 0 0 0 3px var(--G-1, #F3F3F4);
  opacity: 1;
}
.type-select:hover, .type-select.is-active {
  transition: border 200ms ease-in;
}
.type-select:hover {
  border-color: var(--G-3, #C7C8C9);
}
.type-select.is-active {
  border-color: var(--solution-primary-color);
}
.type-select.is-active:after {
  opacity: 1;
}
.type-select.is-active:before {
  opacity: 0;
}
.type-select.is-active:before, .type-select.is-active:after {
  transition: opacity 200ms ease-in;
}
.panel-select {
  display: inline-block;
}
.figure-select {
  display: inline-block;
  background: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
}
.vertical-tabs-multiple-select {
  width: 100%;
}
.vertical-tabs-multiple-select__option {
  margin: 0 5px 5px 0;
}
.vertical-tabs-multiple-select__placeholder {
  min-height: inherit;
}
.count-badge-option {
  height: 28px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.count-badge-option.is-selected {
  padding-right: 0;
  padding-left: 0;
}
.count-badge-option.is-selected .count-badge-option__content {
  flex-grow: initial;
}
.count-badge-option__badge {
  display: flex;
  margin-right: 7px;
}
.count-badge-option__content {
  flex-grow: 1;
  overflow: hidden;
}
.autocomplete-multiple {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid var(--G-4, #B2B2B3);
  border-radius: 5px;
  position: relative;
  width: 100%;
  min-width: 0;
  background-color: var(--G-0, #FFFFFF);
}
.autocomplete-multiple__selected-list {
  padding: 4px 5px 0;
  max-height: 103px;
}
.autocomplete-multiple__selected-item {
  display: inline-flex;
  margin-right: 4px;
  margin-bottom: 4px;
}
.autocomplete-multiple__input {
  flex-grow: 1;
  width: 100px;
}
.autocomplete-multiple__input input {
  padding: 0;
  padding-left: 5px;
}
.autocomplete-multiple__list {
  padding: 10px 0;
  max-height: 200px;
}
.autocomplete-multiple__scrollbar {
  width: 100%;
  height: 100%;
  max-height: 180px;
}
.autocomplete-multiple__item {
  margin: 0 10px 4px;
}
.autocomplete-single {
  display: flex;
  flex-direction: column;
}
.autocomplete-single__selected-item {
  display: block;
  margin-bottom: 4px;
}
.autocomplete-single__input {
  flex-grow: 1;
  width: 100px;
}
.autocomplete-single__scrollbar {
  height: 250px;
  max-height: 250px;
}
.autocomplete-single__item {
  padding: 0 5px;
  width: 100%;
}
.autocomplete-single__item:first-child {
  padding-top: 10px;
}
.autocomplete-single__item:last-child {
  padding-bottom: 10px;
}
.member-multiple-select {
  min-height: 26px;
  max-height: var(--member-multiple-select-height, auto);
  overflow: hidden;
  margin-left: 3px;
  padding-right: 16px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.member-multiple-select__option {
  margin: 0 5px 5px 0;
}
.member-multiple-select--image-only-display {
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 8px;
  margin-left: 5px;
}
.member-team-multiple-select {
  min-height: 34px;
}
.state-select {
  display: inline-flex;
}
.state-select__list .select-list-items__option:not(:last-child) {
  margin-bottom: 4px;
}
.circle-dashed-select {
  overflow: hidden;
  display: inline-flex;
  width: 26px;
}
.circle-dashed-select__list .options-list__option:not(:hover).is-active {
  background-color: transparent;
}
.circle-dashed-select__list .options-list__option:not(:last-child) {
  margin-bottom: 4px;
}
.plain-select {
  height: 34px;
}
.radio-single-select__option {
  width: 100%;
  margin-bottom: 1px;
}
.radio-single-select__add-option {
  width: 100%;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  padding: 8px;
  margin-top: 1px;
  border: 1px solid var(--G-1, #F3F3F4);
}
.radio-single-select__add-option.is-edit {
  border-color: var(--solution-primary-color);
}
.input-custom-select__selected-value.is-empty {
  color: var(--inactive, #B2B2B3);
}
.option-nested {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 566px;
  height: 30px;
  padding: 0 16px 0 8px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.option-nested__icon {
  margin-right: 8px;
  color: var(--solution-primary-color);
}
.option-nested__hidden {
  margin-left: 8px;
}
.option-nested__indicator {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  margin-left: -5px;
  cursor: pointer;
}
.option-nested__text {
  color: var(--tertiary, #6B6B6B);
}
.option-nested__childrens {
  margin-top: 1px;
}
.option-nested--hover:not(.option-nested--selected):not(.option-nested--disabled) {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.option-nested--hover:not(.option-nested--selected):not(.option-nested--disabled) .option-nested__text,
.option-nested--hover:not(.option-nested--selected):not(.option-nested--disabled) .option-nested__icon {
  color: var(--typo-primary, #2E3538);
}
.option-nested:hover:not(.option-nested--selected):not(.option-nested--disabled) {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.option-nested:hover:not(.option-nested--selected):not(.option-nested--disabled) .option-nested__text,
.option-nested:hover:not(.option-nested--selected):not(.option-nested--disabled) .option-nested__icon {
  color: var(--typo-primary, #2E3538);
}
.option-nested--children {
  padding-left: 30px;
}
.option-nested--selected {
  padding: 0;
}
.option-nested--disabled {
  cursor: default;
}
.option-nested--disabled .option-nested__text,
.option-nested--disabled .option-nested__icon {
  color: var(--G-4, #B2B2B3);
  cursor: default;
}
.nested-select {
  --single-select-min-height: 30px;
  --arrow-select-top-position: -2px;
  --expanding-right-position: 0;
  min-height: 32px;
}
.nested-select-items {
  --expanding-dropdown-option-grow: 1;
}
.nested-select-dropdown {
  min-width: 224px;
  max-width: inherit;
}
.team-multiple-select {
  min-height: 26px;
  max-height: var(--team-multiple-select-height, auto);
  overflow: hidden;
  margin-left: 3px;
  padding-right: 16px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.team-multiple-select__option {
  margin: 0 5px 5px 0;
}
.team-multiple-select--image-only-display {
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 8px;
  margin-left: 5px;
}
.select-panel__wrapper {
  width: var(--member-select-panel-width, 305px);
}
.simple-slider-message__subtitle {
  margin-bottom: 24px;
}
.simple-slider-message__title .title--xxxl {
  font-size: 38px;
  line-height: 48px;
}
.simple-slider-message__title strong {
  font-weight: 600;
}
.simple-slider {
  padding: 0 40px;
}
.simple-slider .slick-slider {
  padding-bottom: 64px;
}
.simple-slider .slick-dots {
  bottom: 36px;
}
.simple-slider .slick-dots li {
  width: 16px;
  height: 16px;
  margin: 0;
}
.simple-slider .slick-dots li button {
  width: 16px;
  height: 16px;
  padding: 4px;
}
.simple-slider .slick-dots li button::before {
  width: 16px;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  color: var(--solution-primary-color);
  opacity: 0.3;
}
.simple-slider .slick-dots li.slick-active button::before {
  color: var(--solution-primary-color);
  opacity: 1;
}
.simple-slider .slick-prev::before,
.simple-slider .slick-next::before {
  color: var(--solution-primary-color);
  opacity: 1;
}
.simple-slider .slick-prev:hover::before,
.simple-slider .slick-next:hover::before {
  color: var(--solution-hover-color);
}
.info-table {
  display: table;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.info-table-row {
  display: table-row;
}
.info-table-row .cell {
  display: table-cell;
  vertical-align: baseline;
}
.info-table-row:not(:last-child) .cell {
  padding-bottom: 13px;
}
.info-table-row--user-info:not(:last-child) .cell {
  padding-bottom: 8px;
}
.info-table-row--user-info .cell:first-child {
  min-width: 100px;
  padding-right: 15px;
}
.info-table-row--user-info .cell:last-child {
  width: 100%;
}
.info-table-row--primary .cell:first-child {
  min-width: 75px;
  padding-right: 15px;
}
.info-table-row--primary .cell:last-child {
  width: 100%;
}
.info-table-row--secondary .cell:first-child {
  min-width: 80px;
  padding-right: 15px;
}
.info-table-row--secondary .cell:last-child {
  width: 100%;
  vertical-align: top;
}
.info-table-row--basic .cell:first-child {
  min-width: 79px;
  padding-right: 15px;
}
.info-table-row--basic .cell:last-child {
  width: 100%;
}
.info-table-row--relative .cell:first-child {
  width: 114px;
  padding-right: 17px;
}
.info-table-row--location .cell:first-child {
  padding-right: 15px;
}
.info-table-row--location .cell:last-child {
  min-width: 127px;
  padding-left: 11px;
  vertical-align: middle;
}
.info-table-row--location:not(:last-child) .cell {
  padding-bottom: 15px;
}
.info-table-row--big .cell:first-child {
  min-width: 152px;
  padding-right: 15px;
}
.info-table-row--big .cell:last-child {
  width: 100%;
}
.info-table-row--responsive .cell:first-child {
  padding-right: 15px;
}
.info-table-row--responsive .cell:first-child > div {
  white-space: nowrap;
}
.info-table-row--responsive .cell:last-child {
  width: 100%;
}
.email-pill {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  height: 26px;
  border-radius: calc(26px / 2);
  border: 1px solid var(--G-1-5, #E9E9E9);
  position: relative;
  cursor: pointer;
  padding: 0 8px 0 10px;
}
.email-pill__main {
  position: relative;
  flex-grow: 1;
  margin-right: 4px;
  overflow: hidden;
  color: var(--solution-primary-color);
  font-size: 13px;
  line-height: 18px;
}
.email-pill__input {
  background-color: transparent;
}
.email-pill__field {
  white-space: nowrap;
}
.email-pill__controls {
  flex-shrink: 0;
  flex-grow: 0;
  display: inline-flex;
  align-items: center;
}
.email-pill__controls-item {
  font-size: 0;
  color: var(--ic-light, #c7cdcf);
}
.email-pill__controls-item:not(:last-child) {
  margin-right: 3px;
}
.email-pill__controls-item:hover {
  color: var(--ic-dark, #2D2D2D);
}
.email-pill__control-check {
  color: #3EAC40;
}
.email-pill__control-check:hover {
  color: #3EAC40;
}
.email-pill.is-editing .email-pill__main {
  margin-right: 7px;
  color: var(--typo-primary, #2E3538);
}
.email-pill.is-invalid {
  border-color: #FF5757;
  background-color: #FEECEE;
}
.hashtag-pill {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  line-height: 26px;
  height: 26px;
  background-color: var(--G-1-5, #E9E9E9);
  border-radius: 4px;
  color: var(--typo-primary, #2E3538);
  transition: background-color 150ms ease-out;
}
.hashtag-pill__icon {
  margin-right: 7px;
  background-image: url("/assets/icons/hashtag.svg");
  width: 16px;
  height: 16px;
  transition: opacity 150ms ease-out;
}
.hashtag-pill__remove {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.hashtag-pill:hover {
  background-color: var(--G-2, #DEDEDE);
  transition: background-color 200ms ease-in;
}
.hashtag-pill.is-disabled {
  cursor: default;
}
.hashtag-pill.is-disabled:hover {
  background-color: var(--G-1-5, #E9E9E9);
}
.hashtag-pill--remove:hover {
  background-color: var(--G-2, #DEDEDE);
  transition: background-color 200ms ease-in;
}
.hashtag-pill--remove:hover .hashtag-pill__icon {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.hashtag-pill--remove:hover .hashtag-pill__remove {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.pill {
  height: var(--r-pill-height);
  position: relative;
  display: inline-flex;
  cursor: pointer;
  border-radius: var(--r-border-radius-default);
  color: var(--r-color-default);
  overflow: var(--r-pill-overflow, visible);
  transition: color 150ms ease-out;
}
.pill__in {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: var(--r-pill-justify-content, center);
  border-radius: inherit;
  border: 1px solid var(--r-border-default);
  background-color: var(--r-background-default);
  padding: 0 10px;
  padding-left: var(--r-padding);
  transition: background-color 150ms ease-out , border-color 150ms ease-out , border-radius 150ms ease-out;
}
.pill__dot {
  color: var(--solution-primary-color);
  margin-right: 6px;
  min-width: 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.pill__icon {
  color: var(--solution-primary-color);
  margin-right: 6px;
  display: flex;
}
.pill__remove {
  color: var(--r-remove-button-color);
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 5px;
}
.pill__remove:hover {
  color: var(--r-remove-button-color-hover);
}
.pill:hover {
  color: var(--r-color-hover);
  transition: color 200ms ease-in;
}
.pill:hover .pill__in {
  border-color: var(--r-border-hover);
  background-color: var(--r-background-hover);
  transition: background-color 200ms ease-in , border-color 200ms ease-in , border-radius 200ms ease-in;
}
.pill.is-active {
  color: var(--r-color-active);
  transition: color 200ms ease-in;
}
.pill--removable .pill__in {
  padding-right: 26px;
}
.pill--removable.pill--animated-remove::before, .pill--removable.pill--animated-remove::after {
  content: "";
  width: 100%;
  height: var(--r-pill-height);
  position: absolute;
  top: 0;
  left: 0;
  background-color: inherit;
  z-index: -1;
  border-radius: inherit;
  border: 1px solid transparent;
  transform-origin: 0 50%;
  transition: transform 150ms ease-out , border-color 150ms ease-out;
}
.pill--removable.pill--animated-remove::before {
  background-color: var(--G-0, #FFFFFF);
  left: 2px;
}
.pill--removable.pill--animated-remove::after {
  background-color: var(--r-background-default);
  border-color: var(--r-border-default);
}
.pill--removable.pill--animated-remove .pill__remove {
  right: -10px;
  opacity: 0;
  pointer-events: none;
}
.pill--removable.pill--animated-remove.pill--removable .pill__in {
  padding-right: 10px;
}
.pill--removable.pill--animated-remove:hover {
  z-index: 2;
}
.pill--removable.pill--animated-remove:hover .pill__in {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent;
}
.pill--removable.pill--animated-remove:hover::before, .pill--removable.pill--animated-remove:hover::after {
  transform: translateX(15px);
  transition: transform 200ms ease-in , border-color 200ms ease-in;
}
.pill--removable.pill--animated-remove:hover::after {
  background-color: var(--r-background-hover);
  border-color: var(--r-border-hover);
}
.pill--removable.pill--animated-remove:hover .pill__remove {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 200ms ease-in;
}
.multiple-select-field-control--linked-card .pill, .single-select-field-control--linked-card .pill {
  height: 24px;
}
.pill--ellipsis {
  max-width: 100%;
}
.pills-list {
  display: flex;
  align-content: flex-start;
  overflow: hidden;
  flex-wrap: wrap;
}
.pills-list--nowrap {
  flex-wrap: nowrap;
}
.editable-pill {
  display: inline-flex;
  align-items: center;
  padding: 0 8px 0 10px;
  margin-right: 4px;
  margin-bottom: 4px;
  height: 26px;
  background-color: var(--G-0-5, #FAFAFA);
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 46px;
}
.editable-pill__input {
  background-color: transparent;
  min-width: 6px;
}
.editable-pill__label {
  margin-right: 4px;
  color: var(--solution-primary-color);
  transition: color 150ms ease-out;
}
.editable-pill__label:hover {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.editable-pill.is-active {
  border-color: var(--G-5, #9B9C9E);
}
.editable-pill.is-error {
  background-color: rgba(254, 236, 238, 0.2);
  border-color: #FF5757;
}
.editable-pill.is-error .editable-pill__label {
  color: var(--typo-primary, #2E3538);
}
.r-avatar-pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  height: 26px;
  padding-right: 12px;
  color: var(--typo-primary, #2E3538);
  cursor: pointer;
}
.r-avatar-pill::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -1px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 13px;
  transition: all 250ms ease-in-out;
}
.r-avatar-pill.is-active {
  color: var(--solution-primary-color);
}
.r-avatar-pill--solution-color {
  color: var(--solution-primary-color);
}
.r-avatar-pill--have-hover:hover {
  color: var(--solution-primary-color);
}
.r-avatar-pill--have-hover:hover:before {
  border-color: var(--G-4, #B2B2B3);
}
.r-avatar-pill__avatar {
  margin-right: 6px;
}
.r-avatar-pill__name {
  position: relative;
}
.r-avatar-pill__remove {
  z-index: 5;
  position: absolute;
  top: 50%;
  right: 5px;
  display: inline-flex;
  color: var(--G-3, #C7C8C9);
  transition: opacity 200ms ease;
  transform: translate(0, -50%);
}
.r-avatar-pill__remove:hover {
  color: #FF5757;
}
.r-avatar-pill--removable {
  padding-right: 26px;
}
.r-avatar-pill--removable-on-hover:hover {
  z-index: 2;
}
.r-avatar-pill--removable-on-hover:hover::before {
  right: -14px;
}
.r-avatar-pill--removable-on-hover:hover .r-avatar-pill__remove {
  opacity: 1;
  pointer-events: all;
}
.r-avatar-pill--removable-on-hover .r-avatar-pill__remove {
  opacity: 0;
  right: -8px;
  pointer-events: none;
}
.member-pill {
  max-width: 100%;
}
.field-type-pill {
  display: inline-flex;
  align-items: center;
  height: 24px;
  border: 1px solid transparent;
  padding: 0 8px 0 6px;
  border-radius: 4px;
  background-color: var(--solution-secondary-color);
  color: var(--typo-primary, #2E3538);
  transition: border-color 150ms ease-out;
}
.field-type-pill:not(.is-disabled):not(.is-error):not(.is-removable):hover {
  border-color: var(--solution-hover-color);
  transition: border-color 200ms ease-in;
  cursor: pointer;
}
.field-type-pill.is-selected {
  border-color: var(--G-1, #F3F3F4);
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
}
.field-type-pill.is-disabled {
  border-color: var(--G-1-5, #E9E9E9);
  background-color: var(--G-0-5, #FAFAFA);
  color: var(--G-6, #868788);
}
.field-type-pill.is-disabled .field-type-pill__icon {
  fill: var(--G-4, #B2B2B3);
}
.field-type-pill.is-error {
  border-color: #FBEAF1;
  background-color: #FBEAF1;
}
.field-type-pill__icon {
  margin-right: 6px;
  fill: var(--solution-primary-color);
}
.field-type-pill__remove {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  margin: 0 -4px 0 6px;
  color: var(--G-8, #4d4d4d);
  cursor: pointer;
}
.field-type-pill__remove:hover {
  color: #FF5757;
}
.field-type-pill__text {
  max-width: 150px;
}
.field-type-pills-list {
  display: flex;
  flex-wrap: wrap;
}
.field-type-pills-list__item {
  margin: 0 6px 4px 0;
}
.field-type-pills-list__more {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
}
.field-type-pills-list__more .icon {
  margin-right: 7px;
}
.field-type-pills-list__more:hover {
  color: var(--solution-hover-color);
}
.link-pill {
  margin-right: 7px;
  margin-bottom: 7px;
  max-width: 100%;
}
.link-pill__tooltip {
  max-width: calc(100% - 32px);
}
.link-pill__tooltip > div {
  max-width: 100%;
}
.link-pill__favicon {
  margin-right: 6px;
}
.link-pill__link {
  min-height: 20px;
  margin-right: 10px;
}
.early-access-pill {
  background: #FFB938;
  align-items: center;
  display: inline-flex;
  border-radius: 40px;
  color: white;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.45px;
  line-height: 14px;
  padding: 3px 8px;
  text-transform: uppercase;
}
.virtual-scroll {
  position: relative;
  height: 100%;
  display: block;
  overflow: auto;
}
.is-nested {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
}
.is-nested::-webkit-scrollbar {
  display: none !important;
}
.virtual-scroll-spacer {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 1px;
  transform-origin: 0 0;
}
.iconbox {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 44px;
  padding-left: 10px;
}
.iconbox:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--G-2, #DEDEDE);
}
.iconbox__button {
  appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  color: var(--solution-primary-color);
}
.sort-direction-icon {
  color: #979797;
  transform: translateY(-6px);
  white-space: nowrap;
}
.sort-direction-icon--asc .sort-direction-icon__arrow {
  transform: translateY(9px);
}
.sort-direction-icon__arrow {
  margin-right: -3px;
  fill: currentColor;
  transform: translateY(6px) rotate(180deg);
}
.number-arrows {
  height: 100%;
  border-left: 1px solid var(--G-1-5, #E9E9E9);
  -webkit-user-select: none;
          user-select: none;
}
.number-arrows__arrow {
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 50%;
  padding: 2px 0 0 1px;
  color: var(--G-5, #9B9C9E);
  cursor: pointer;
}
.number-arrows__arrow:hover {
  color: #2d2d2d;
}
.progress-bar {
  width: 100%;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
}
.progress-bar__body {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.progress-bar__filler {
  height: 100%;
  width: 100%;
  border-radius: inherit;
  margin-left: -100%;
  transition: transform 200ms linear;
}
.vertical-tabs-dropdown-panel__container {
  display: flex;
}
.vertical-tabs-dropdown-panel__tabs {
  padding: 7px 5px;
  border-right: 1px solid #E3E3E3;
}
.vertical-tabs-dropdown-panel__tab {
  background: transparent;
  color: tertiary;
  border-radius: 5px;
  padding: 7px 10px;
  text-transform: capitalize;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.vertical-tabs-dropdown-panel__tab--selected {
  background: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.vertical-tabs-dropdown-panel__tabs-item {
  margin-bottom: 1px;
}
.vertical-tabs-dropdown-panel__tabs-item:hover, .vertical-tabs-dropdown-panel__tabs-item:focus {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
  transition: background 200ms ease-in;
}
.vertical-tabs-dropdown-panel__tab-text {
  padding-right: 10px;
}
.vertical-tabs-dropdown-panel__content {
  height: 270px;
  padding: 7px 5px;
  flex-grow: 1;
}
.vertical-tabs-dropdown-panel__footer {
  display: flex;
  border-top: 1px solid var(--h-line-70, rgba(222, 222, 222, 0.7));
  background-color: var(--G-0-5, #FAFAFA);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.vertical-tabs-dropdown-panel__button {
  width: 50%;
  padding: 10px;
}
.vertical-tabs-dropdown-panel__button:not(:last-child) {
  border-right: 1px solid var(--G-1-2, #F0F0F0);
}
.view-option {
  position: relative;
  min-height: 40px;
  margin: 0 5px;
  display: flex;
  align-items: center;
  padding: 8px 9px 8px 7px;
  border-radius: 5px;
  cursor: pointer;
  transition: background 150ms ease-out;
}
.view-option__icon {
  display: flex;
  margin-right: 9px;
}
.view-option__plus {
  display: flex;
  color: var(--ic-light, #c7cdcf);
  transition: color 150ms ease-out;
}
.view-option__text {
  overflow: hidden;
  display: flex;
  flex-grow: 1;
  padding-top: 2px;
  padding-bottom: 2px;
}
.view-option:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in;
}
.view-option:hover .view-option__plus {
  color: var(--solution-primary-color);
  transition: color 200ms ease-in;
}
.company-option {
  position: relative;
  background-color: transparent;
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 5px 10px 5px 6px;
  border-radius: 5px;
  cursor: pointer;
  transition: background 150ms ease-out;
}
.company-option__icon {
  display: flex;
  width: 32px;
  height: 32px;
  background: var(--G-0, #FFFFFF);
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--G-2, #DEDEDE);
  border-radius: 5px;
}
.company-option__text {
  overflow: hidden;
  flex-grow: 1;
  transition: color 150ms ease-out;
}
.company-option:hover {
  background-color: var(--solution-primary-color);
  transition: background 200ms ease-in;
}
.company-option:hover .company-option__text {
  color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in;
}
.import-menu-option {
  height: 52px;
  padding: 0 5px;
  width: 100%;
}
.import-menu-option:not(:last-child) {
  margin-bottom: 4px;
}
.import-menu-option__in {
  height: 100%;
  padding: 0 10px;
  display: flex;
  align-items: center;
  background-color: transparent;
  border-radius: 5px;
  transition: background 150ms ease-out;
}
.import-menu-option__icon {
  margin-right: 13px;
}
.import-menu-option__text-content {
  text-align: left;
}
.import-menu-option__text {
  padding-top: 2px;
  padding-bottom: 2px;
  color: var(--typo-primary, #2E3538);
  transition: color 150ms ease-out;
}
.import-menu-option__sub-text {
  color: var(--typo-secondary, #878B92);
  transition: color 150ms ease-out;
}
.import-menu-option:hover .import-menu-option__in, .import-menu-option.is-active .import-menu-option__in {
  background-color: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in;
}
.import-menu-option:hover .import-menu-option__sub-text, .import-menu-option.is-active .import-menu-option__sub-text {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.import-menu-option:hover .import-menu-option__icon, .import-menu-option.is-active .import-menu-option__icon {
  color: #2d2d2d;
}
.import-menu-option:hover .import-menu-option__arrow, .import-menu-option.is-active .import-menu-option__arrow {
  color: var(--solution-primary-color);
}
.import-menu-option.is-disabled {
  pointer-events: none;
}
.import-menu-option.is-disabled .import-menu-option__icon,
.import-menu-option.is-disabled .import-menu-option__arrow {
  fill: var(--ic-light, #c7cdcf) !important;
}
.import-menu-option.is-disabled .import-menu-option__text {
  color: var(--G-3, #C7C8C9);
}
.import-menu-option.is-coming-soon {
  cursor: default;
}
.import-menu-option.is-coming-soon .import-menu-option__icon {
  opacity: 0.5;
}
.import-menu-option.is-coming-soon .import-menu-option__text {
  color: var(--inactive, #B2B2B3);
}
.import-menu-option.is-coming-soon:hover .import-menu-option__text {
  color: var(--inactive, #B2B2B3);
}
.thin-option {
  display: flex;
  gap: 10px;
  height: 28px;
  width: 100%;
  align-items: center;
  color: var(--tertiary, #6B6B6B);
  padding: 0 12px;
  border-radius: 5px;
  transition: color 150ms ease-out , background-color 150ms ease-out;
}
.thin-option b {
  font-weight: 600;
}
.thin-option__icon {
  color: var(--G-8, #4d4d4d);
}
.thin-option__material-icon {
  font-size: 22px;
  font-variation-settings: "FILL" 0, "GRAD" 0, "wght" 200;
  color: var(--G-8, #4d4d4d);
}
.thin-option__actions {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}
.thin-option__info {
  opacity: 0;
  color: var(--G-4, #B2B2B3);
  transition: opacity 150ms ease-out , color 150ms ease-out;
}
.thin-option__info:hover {
  color: var(--G-8, #4d4d4d);
  transition: color 200ms ease-in;
}
.thin-option__submenu {
  margin-left: -5px;
}
.thin-option:hover, .thin-option.is-active {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in , background-color 200ms ease-in;
}
.thin-option:hover .thin-option__info, .thin-option.is-active .thin-option__info {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.thin-option.is-disabled .thin-option__icon,
.thin-option.is-disabled .thin-option__name {
  opacity: 0.5;
}
.slider-menu {
  display: flex;
  flex-direction: column;
  position: relative;
}
.slider-menu-item {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  transition: background 150ms ease-out , color 150ms ease-out;
}
.slider-menu-item__icon {
  color: var(--solution-primary-color);
  margin-right: 13px;
  transition: color 150ms ease-out;
}
.slider-menu-item__label {
  font-weight: 600;
  transition: background 150ms ease-out , color 150ms ease-out , font-weight 150ms ease-out;
}
.slider-menu-item:not(:last-child) {
  margin-bottom: 2px;
}
.slider-menu-item:hover, .slider-menu-item.is-active {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.slider-menu-item:hover .slider-menu-item__icon,
.slider-menu-item:hover .slider-menu-item__label, .slider-menu-item.is-active .slider-menu-item__icon,
.slider-menu-item.is-active .slider-menu-item__label {
  color: var(--G-0, #FFFFFF);
}
.slider-menu-item.is-active {
  cursor: default;
}
.slider-menu-item--size-lg {
  height: 36px;
  padding: 0 15px;
}
.slider-menu-item--size-md {
  height: 32px;
  padding: 0 10px;
}
.slider-menu-item--size-sm {
  height: 30px;
  padding: 0 15px;
}
.slider-menu-item--first-level .slider-menu-item__label {
  font-weight: 600;
  transition: color 150ms ease-out;
}
.slider-menu-item--first-level:hover, .slider-menu-item--first-level.is-active {
  background-color: var(--solution-primary-color);
}
.slider-menu-item--first-level:hover .slider-menu-item__label, .slider-menu-item--first-level.is-active .slider-menu-item__label {
  color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in;
}
.slider-menu-item--first-level.is-active {
  cursor: default;
}
.slider-menu-item--second-level .slider-menu-item__label {
  font-weight: normal;
  transition: font-weight 150ms ease-out , color 150ms ease-out;
}
.slider-menu-item--second-level:hover, .slider-menu-item--second-level.is-active {
  background-color: transparent;
  transition: background 200ms ease-in;
}
.slider-menu-item--second-level:hover .slider-menu-item__label, .slider-menu-item--second-level.is-active .slider-menu-item__label {
  font-weight: 600;
  color: var(--solution-primary-color);
  transition: font-weight 200ms ease-in , color 200ms ease-in;
}
.slider-menu-anchor {
  display: block;
  position: absolute;
  left: 0;
  transform: translateY(0);
  width: 100%;
  height: 36px;
  border-radius: 5px;
  background-color: var(--solution-primary-color);
  transition: transform 150ms ease-out;
}
.sub-menu {
  padding: 0 0 8px 28px;
}
.sidebar-navigations {
  height: 100%;
}
.sidebar-navigations__list {
  padding-top: 11px;
}
.sidebar-navigations__scrollbar {
  height: 100%;
}
.sidebar-navigation-link {
  height: 36px;
  padding: 0 15px;
  font-size: 15px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  background-color: transparent;
  cursor: pointer;
  transition: color 150ms ease-out , background 150ms ease-out;
}
.sidebar-navigation-link:hover:not(.is-active) {
  color: var(--solution-primary-color);
  transition: color 150ms ease-out;
}
.sidebar-navigation-link.is-active {
  font-weight: 600;
  background-color: var(--G-1, #F3F3F4);
  transition: background 150ms ease-out;
}
.basic-popover-container {
  position: relative;
}
.basic-popover-container__arrow {
  border: 8px solid transparent;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity ease-in-out 100ms;
  width: 0;
}
.basic-popover-container__arrow--left {
  border-left-color: var(--G-3, #C7C8C9);
}
.basic-popover-container__arrow--right {
  border-right-color: var(--G-3, #C7C8C9);
}
.member-preview-popover-view {
  width: 205px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.member-preview-popover-view__inner {
  position: relative;
}
.member-preview-popover-view__inner::after {
  border-radius: 5px;
  border: 0.5px solid #cacbcc;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  pointer-events: none;
}
.member-preview-popover-view__header {
  position: relative;
  padding-top: 68px;
  padding-left: 21px;
  padding-right: 21px;
  padding-bottom: 12px;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  display: flex;
  flex-direction: column;
}
.member-preview-popover-view__header .r-avatar__status {
  border: 1px solid #FFFFFF;
  right: 11px;
  top: 10px;
}
.member-preview-popover-view__body {
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 12px 11px;
  display: flex;
  flex-direction: column;
}
.member-preview-popover-view__body .member-preview-popover-view__row {
  text-align: left;
}
.member-preview-popover-view__body .member-preview-popover-view__row:not(:last-of-type) {
  margin-bottom: 3px;
}
.member-preview-popover-view__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  height: 110px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
}
.member-preview-popover-view__svg {
  display: block;
  height: 100%;
  width: 100%;
}
.member-preview-popover-view__clip {
  position: absolute;
  top: 0;
}
.member-preview-popover-view__avatar {
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 8px;
  position: relative;
}
.member-preview-popover-view__avatar:before {
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
  content: "";
  height: calc(100% + 4px);
  left: -2px;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
}
.member-preview-popover-view__avatar svg {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.member-preview-popover-view__btn {
  padding: 0 11px 12px 11px;
}
.member-preview-popover-view__row {
  text-align: center;
  width: 100%;
}
.member-preview-popover-view__row_contacts:not(:last-of-type) {
  margin-bottom: 4px;
}
.member-preview-popover-view__close {
  left: 100%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}
.member-preview-popover-view__row, .member-preview-popover-view__btn {
  position: relative;
  z-index: 1;
}
.member-preview-popover-view__availability {
  display: flex;
  align-items: center;
  margin: 0 11px 10px 11px;
  padding: 4px 10px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.member-preview-popover-view__emoji {
  display: flex;
  min-width: 16px;
  margin-right: 6px;
}
.member-preview-popover-view__status {
  word-break: break-word;
}
.member-preview-popover-view__invited {
  max-width: 100%;
}
.member-preview-popover-view__invited, .member-preview-popover-view__inactive, .member-preview-popover-view__deleted {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  background-color: var(--G-7, #6F7173);
  border-radius: 14px;
}
.member-preview-popover-view__inactive, .member-preview-popover-view__deleted {
  background-color: #FF5757;
}
.member-preview-popover-view__action {
  width: 100%;
  justify-content: center;
}
.member-preview-popover-view--close {
  border-top-right-radius: 50px;
}
.member-preview-popover-view--close .member-preview-popover-view__inner::after {
  border-top: 0;
  border-right: 0;
}
.member-preview-popover-view--close .member-preview-popover-view__body::after {
  content: "";
  border-bottom-right-radius: 5px;
  border-right: 0.5px solid #cacbcc;
  height: calc(100% - 18px);
  position: absolute;
  top: 18px;
  right: 0;
  width: 5px;
}
.member-preview-popover-view--close .member-preview-popover-view__svg--image {
  border-top: 0.5px solid #cacbcc;
  clip-path: url(#member-preview-popover-view-clip);
}
.member-preview-popover-view--invited .member-preview-popover-view__bg {
  height: 80px;
}
.member-preview-popover-view--invited .member-preview-popover-view__email {
  padding-top: 10px;
  width: 100%;
  margin-top: 12px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.member-preview-popover-view--invited .member-preview-popover-view__header {
  padding-top: 25px;
  padding-bottom: 0;
}
.member-preview-popover-view--invited .member-preview-popover-view__btn {
  padding-top: 0;
}
.member-preview-popover-view--invited .member-preview-popover-view__body {
  align-items: center;
  border: none;
  padding-bottom: 11px;
  padding-top: 0;
  justify-content: center;
}
.member-preview-popover-view--invited .member-preview-popover-view__body--tag {
  align-items: center;
  justify-content: center;
}
.member-preview-popover-view--cover .member-preview-popover-view__bg {
  left: 0px;
  width: 100%;
}
.member-preview-popover-view--inactive .member-preview-popover-view__body, .member-preview-popover-view--deleted .member-preview-popover-view__body {
  align-items: center;
  border: none;
  padding-bottom: 11px;
  padding-top: 0;
  justify-content: center;
}
.member-preview-popover-view--inactive .member-preview-popover-view__body--tag, .member-preview-popover-view--deleted .member-preview-popover-view__body--tag {
  align-items: center;
  justify-content: center;
}
.member-preview-popover-view--inactive .member-preview-popover-view__assigned-date,
.member-preview-popover-view--inactive .member-preview-popover-view__deleted-date, .member-preview-popover-view--deleted .member-preview-popover-view__assigned-date,
.member-preview-popover-view--deleted .member-preview-popover-view__deleted-date {
  padding: 14px 26px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  text-align: center;
}
.members-list-popover-view {
  position: relative;
  max-width: 500px;
  min-width: 205px;
  padding: 0 3px 0 0;
  background-color: #2d2d2d;
  border-radius: 5px;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
}
.members-list-popover-view__scrollbar {
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  max-height: 415px;
  padding: 10px 0;
}
.members-list-popover-view__scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.members-list-popover-view__scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
.members-list-popover-view__scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.members-list-popover-view__scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.members-list-popover-view__item {
  padding: 4px 16px;
  cursor: pointer;
}
.form-popup {
  position: relative;
  width: 100%;
  max-width: 497px;
  padding: 23px 30px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.form-popup__header {
  display: flex;
  margin-bottom: 26px;
}
.form-popup__title {
  overflow: hidden;
}
.form-popup__close {
  position: absolute;
  top: 15px;
  right: 15px;
}
.form-popup__body {
  margin-bottom: 30px;
}
.form-popup__actions {
  display: flex;
  justify-content: flex-end;
}
.form-popup__actions > *:not(:last-child) {
  margin-right: 10px;
}
.form-popup-field {
  margin-bottom: 12px;
}
.form-popup-field__title {
  margin-bottom: 7px;
}
.teams-list-popover-view {
  position: relative;
  max-width: 500px;
  min-width: 205px;
  padding: 0 3px 0 0;
  background-color: #2d2d2d;
  border-radius: 5px;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
}
.teams-list-popover-view__scrollbar {
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  max-height: 415px;
  padding: 10px 0;
}
.teams-list-popover-view__scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.teams-list-popover-view__scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
.teams-list-popover-view__scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.teams-list-popover-view__scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.teams-list-popover-view__item {
  padding: 4px 16px;
  cursor: pointer;
}
.report-toolbar {
  z-index: 1200;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  background-color: var(--G-0, #FFFFFF);
}
.report-toolbar__view {
  position: relative;
  display: flex;
  margin-right: 40px;
  padding-right: 41px;
}
.report-toolbar__view:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 32px;
  background-color: var(--G-1-5, #E9E9E9);
  transform: translate(0, -50%);
}
.report-toolbar__controls {
  display: flex;
}
.report-toolbar__actions {
  display: flex;
  margin-left: auto;
}
.r-report-tool-options {
  padding: 18px 15px 25px;
}
.r-report-tool-options__heading, .r-report-tool-options__descr {
  font-size: 0;
}
.r-report-tool-options__heading {
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.r-report-tool-options__optional-text {
  margin-left: 6px;
}
.r-report-tool-options__descr {
  margin-bottom: 16px;
}
.r-report-tool-options__warning-text {
  padding-top: 12px;
  border-top: 1px solid #E3E3E3;
  margin-bottom: 12px;
  color: #F1273F;
}
.r-report-tool-options--optional {
  padding-top: 23px;
  border-top: 1px solid var(--G-2, #DEDEDE);
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  background-color: var(--G-0-5, #FAFAFA);
}
.error-page {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 50px);
  padding: 20px 0;
  background-color: var(--G-1, #F3F3F4);
}
.error-page__img {
  max-width: 713px;
}
.error-page__title {
  margin: 24px 0;
}
.error-page__description {
  max-width: 437px;
}
.error-page--full-height {
  height: 100vh;
}
.errors-500 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}
.errors-500__gif {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 327px;
  height: 327px;
  margin-bottom: 30px;
}
.errors-500__gif::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(46, 53, 56, 0.3);
}
.errors-500__text {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  font-size: 18px;
  line-height: 54px;
}
.errors-500__text span {
  display: block;
  font-size: 100px;
}
.errors-500__title {
  margin-bottom: 5px;
}
.errors-500__subtitle {
  max-width: 350px;
  margin-bottom: 20px;
}
.error-404 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 50px);
  padding: 20px 0;
}
.error-404__gif-wrap {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 327px;
  height: 327px;
  margin-bottom: 30px;
}
.error-404__gif {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.error-404__text {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  font-size: 100px;
  line-height: 54px;
}
.error-404__title {
  margin-bottom: 5px;
}
.error-404__subtitle {
  max-width: 350px;
  margin-bottom: 40px;
}
.error-404__button {
  margin-bottom: 21px;
}
.maintanance-page {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}
.maintanance-page__gif-wrap {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 327px;
  height: 327px;
  margin-bottom: 30px;
}
.maintanance-page__gif {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.maintanance-page__title {
  margin-bottom: 5px;
}
.maintanance-page__subtitle {
  max-width: 350px;
}
.avatar-option {
  margin-left: -5px;
}
.avatar-option__avatar {
  z-index: 0;
  box-shadow: 0 0 0 2px var(--G-0, #FFFFFF);
}
.avatar-option__avatar:hover {
  box-shadow: 0 0 0 2px var(--solution-primary-color);
}
.avatar-list {
  display: inline-block;
  --avatar-list-border-color: var(--G-0, #FFFFFF);
  --avatar-list-top-nagative-margin: 0;
}
.avatar-list__item {
  display: inline-flex;
  vertical-align: middle;
  margin-right: -2px;
  margin-top: var(--avatar-list-top-nagative-margin);
  margin-left: var(--avatar-list-item-marign-left);
}
.avatar-list__avatar {
  box-shadow: 0 0 0 2px var(--avatar-list-border-color);
}
.avatar-list--multiline .avatar-list__item {
  margin-bottom: 2px;
}
.avatar-list-more {
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  margin-top: var(--avatar-list-more-top, 8px);
  position: absolute;
}
.avatar-list-more.avatar-list-more__clickable {
  cursor: pointer;
  pointer-events: all;
}
.avatar-picker {
  display: flex;
  align-items: center;
}
.avatar-picker__inner, .avatar-picker__list {
  display: flex;
  align-items: center;
}
.avatar-picker__add-button {
  z-index: 3001;
  margin-left: 10px;
}
.avatar-picker__extra {
  margin-left: 5px;
  cursor: pointer;
}
.member-entry {
  display: flex;
  align-items: center;
}
.member-entry--default {
  width: 100%;
}
.member-entry--in-group {
  max-width: calc(100% - 100px);
}
.member-entry--activity-history {
  align-items: unset;
}
.member-entry--activity-history .member-entry__avatar {
  margin-right: 16px;
}
.member-entry__avatar {
  margin-right: 12px;
}
.member-entry__body {
  max-width: calc(100% - 56px);
  min-width: 0;
  width: 100%;
  font-size: 0;
}
.member-extra {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  padding: 4px 10px 4px 6px;
  transition: background-color 150ms ease-out;
}
.member-extra__user {
  width: calc(100% - 26px);
}
.member-extra__profile {
  color: var(--G-3, #C7C8C9);
  font-size: 0;
  margin-left: 10px;
  display: flex;
  opacity: var(--select-option-is-hover-opacity);
  transition: color 150ms ease-out;
}
.member-extra__profile:hover {
  color: var(--user-extra-black, #2f3638);
}
.member-extra__profile.is-popover-active {
  color: var(--user-extra-black, #2f3638);
  opacity: 1;
}
.member-extra:not(.member-extra--list-item) .member-extra__user-pill {
  border: 0;
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 150ms ease-out;
}
.member-extra:not(.member-extra--list-item) .member-extra__user-pill:hover {
  border: 0;
  background-color: var(--G-1, #F3F3F4);
}
.member-extra:not(.member-extra--list-item):hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.member-extra:not(.member-extra--list-item):hover .member-extra__user-pill {
  background-color: var(--G-0-5, #FAFAFA);
  transition: background-color 200ms ease-in;
}
.member-extra--list-item {
  background: transparent;
}
.member-extra--list-item:hover .member-extra__user-pill {
  border-color: var(--G-1-5, #E9E9E9);
  color: var(--ic-dark, #2D2D2D);
}
.member-item {
  border-radius: 5px;
  background-color: transparent;
  padding: 10px 5px 10px 14px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  transition: background 100ms ease-in;
}
.member-item:last-child {
  margin-bottom: 5px;
}
.member-item:hover:not(.member-item--active) {
  background-color: var(--G-1-5, #E9E9E9);
  transition: background 200ms ease-out;
}
.member-item--active {
  background-color: var(--solution-primary-color);
}
.member-item--small {
  padding-top: 6px;
  padding-bottom: 6px;
}
.member-item__info {
  display: flex;
  align-items: center;
}
.member-item__avatar {
  margin-right: 12px;
}
.member-item__titles span {
  position: relative;
  padding-right: 11px;
  font-weight: 600;
}
.member-item__titles span:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: 4px;
  height: 3px;
  width: 3px;
  background-color: currentColor;
  border-radius: 50%;
}
.member-item__status {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.member-item__datetime {
  min-width: 75px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid var(--G-2, #DEDEDE);
  padding-left: 8px;
}
.member-item__date {
  font-size: 24px;
  line-height: 29px;
  margin-bottom: -3px;
}
.member-item__month {
  font-size: 0;
  white-space: nowrap;
  max-width: 85px;
}
.member-item__badge {
  width: auto;
}
.avatar-invited {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--G-7, #6F7173);
}
.avatar-invited--size-m {
  background-color: var(--G-2, #DEDEDE);
}
.named-member-list-avatar {
  display: flex;
  align-items: center;
}
.named-member-list-avatar__name {
  margin-left: 10px;
  width: 100%;
  height: 100%;
  max-width: calc(100% - 34px);
  align-items: center;
}
.named-member-list-avatar:hover .named-member-list-avatar__name {
  color: var(--typo-primary, #2E3538);
}
.member-information {
  overflow: hidden;
  display: flex;
  align-items: center;
}
.member-information--size-l .member-information__avatar {
  margin-right: 12px;
}
.member-information--size-xl .member-information__avatar {
  margin-right: 20px;
}
.member-information__body {
  flex-grow: 1;
  overflow: hidden;
}
.user-information {
  display: flex;
  align-items: center;
}
.user-information__avatar {
  margin-right: 20px;
}
.base-avatar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  line-height: 100%;
  color: var(--G-0, #FFFFFF);
  text-transform: uppercase;
  border-radius: 50%;
}
.base-avatar.no-outline:before {
  display: none;
}
.base-avatar:before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  display: block;
  border: 1px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
}
.base-avatar:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 12px;
  height: 12px;
  border: 2px solid var(--G-0, #FFFFFF);
  display: none;
  border-radius: 50%;
}
.base-avatar__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.base-avatar__button {
  display: none;
  position: absolute;
  color: white;
  left: -3px;
  top: -3px;
  width: 12px;
  height: 12px;
  z-index: 1;
}
.base-avatar:hover {
  z-index: 1;
}
.base-avatar:hover .base-avatar__button {
  display: flex;
}
.base-avatar.is-clickable {
  cursor: pointer;
}
.base-avatar--online:after {
  display: block;
  background-color: #3EAC40;
}
.base-avatar--offline:after {
  display: block;
  background-color: #FF5757;
}
.base-avatar--size-xxxxl {
  width: 200px;
  height: 200px;
  padding-bottom: 6px;
  font-size: 96px;
}
.base-avatar--size-xxxxl:after {
  top: 17px;
  right: 28px;
}
.base-avatar--size-xxxl {
  height: 112px;
  width: 112px;
  font-size: 44px;
}
.base-avatar--size-xxxl:after {
  top: 8px;
  right: 14px;
}
.base-avatar--size-xxl {
  width: 88px;
  min-width: 88px;
  height: 88px;
  font-size: 40px;
}
.base-avatar--size-xxl:before {
  display: none;
}
.base-avatar--size-xxl:after {
  top: 10px;
  right: 5px;
}
.base-avatar--size-xl {
  width: 64px;
  min-width: 64px;
  height: 64px;
  font-size: 20px;
}
.base-avatar--size-xl:after {
  top: 7px;
  right: -2px;
}
.base-avatar--size-l {
  width: 44px;
  min-width: 44px;
  height: 44px;
  font-size: 15px;
}
.base-avatar--size-l:after {
  top: 2px;
}
.base-avatar--size-l.is-invited {
  background-color: var(--G-7, #6F7173);
}
.base-avatar--size-m-2 {
  width: 32px;
  min-width: 32px;
  height: 32px;
  font-size: 12px;
}
.base-avatar--size-m-2:before {
  display: none;
}
.base-avatar--size-m {
  width: 24px;
  min-width: 24px;
  height: 24px;
  font-size: 10px;
}
.base-avatar--size-m:before {
  display: none;
}
.base-avatar--size-m:after {
  top: -3px;
  right: -5px;
}
.base-avatar--size-s {
  width: 16px;
  min-width: 16px;
  height: 16px;
  font-size: 8px;
}
.base-avatar--size-s:before {
  display: none;
}
.base-avatar--size-s:after {
  top: -1px;
  right: -2px;
  width: 6px;
  height: 6px;
  border-width: 0;
}
.base-avatar--size-member-preview {
  height: 112px;
  min-width: 112px;
  width: 112px;
  font-size: 40px;
}
.base-avatar.has-avatar {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.base-avatar.has-avatar::before {
  display: none;
}
.named-member-avatar {
  display: flex;
  align-items: center;
}
.named-member-avatar__name {
  margin-left: 10px;
  height: 100%;
  max-width: calc(100% - 34px);
  align-items: center;
}
.named-member-avatar__name > span {
  width: 100%;
  height: 100%;
}
.avatar-list-wrapped {
  display: flex;
  flex-wrap: wrap;
  padding: 3px;
}
.avatar-list-wrapped__item {
  width: var(--avatar-list-wrapped-size, 28px);
  height: var(--avatar-list-wrapped-size, 28px);
  border-color: var(--G-0, #FFFFFF);
  border-style: solid;
  border-width: var(--avatar-list-wrapped-border-width, 2px);
  margin: var(--avatar-list-wrapped-margin, -3px);
  border-radius: 50%;
  z-index: 1;
  position: relative;
}
.member-picker__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.member-picker__add {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 5px;
  color: var(--typo-secondary, #878B92);
  cursor: pointer;
}
.member-picker__add-text {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding-left: 10px;
}
.member-picker__pill {
  margin-bottom: 5px;
}
.member-picker__pill:not(:last-child) {
  margin-right: 4px;
}
.member-pill-preview {
  max-width: 100%;
}
.member-pill-preview-popover {
  margin-left: 3px;
}
.avatar-pill-picker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 4px;
}
.avatar-pill-picker__add-button {
  z-index: 3001;
  margin-top: 1px;
  margin-right: 6px;
}
.avatar-pill-picker__add-button .icon-button {
  width: 24px;
  height: 24px;
}
.avatar-pill-picker__extra {
  padding-left: 5px;
  cursor: pointer;
}
.avatar-pill-picker__extra span {
  position: relative;
}
.avatar-pill-picker__extra span:before {
  content: " ";
  position: absolute;
  top: -5px;
  right: -10px;
  bottom: -5px;
  left: -15px;
}
.panel-default {
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  right: 0;
  border-left: 1px solid var(--G-2, #DEDEDE);
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.12);
}
.panel-default--position-absolute {
  position: absolute;
}
.panel-default--position-relative {
  position: relative;
}
.panel-default--position-fixed {
  border-left: none;
}
.panel-default.is-dragging .panel-default__resizer {
  cursor: grabbing;
}
.panel-default.is-dragging .panel-default__resizer:before {
  opacity: 1;
  visibility: visible;
}
.panel-default.is-dragging .panel-default__resizer-slider {
  opacity: 1;
}
.panel-default__resizer {
  z-index: 15;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  width: 20px;
  cursor: grab;
  -webkit-user-select: none;
          user-select: none;
}
.panel-default__resizer:hover:before {
  opacity: 1;
  visibility: visible;
}
.panel-default__resizer:hover .panel-default__resizer-slider {
  opacity: 1;
}
.panel-default__resizer:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9px;
  width: 2px;
  background-color: var(--solution-primary-color);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
}
.panel-default__resizer-slider {
  border-radius: 5px;
  width: 8px;
  height: 40px;
  background-color: var(--solution-primary-color);
  position: absolute;
  top: 0;
  left: 6px;
  opacity: 0;
}
.panel-default--default-animation {
  transition: transform 300ms ease-in;
  transform: translateX(105%);
}
.panel-default--default-animation.is-active {
  transition: transform 300ms ease-out;
  transform: translateX(0);
}
.loading-experience {
  z-index: 6000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #3A86FF;
  transition: opacity 0.2s ease-in-out;
}
.loading-experience--hidden {
  opacity: 0;
  pointer-events: none;
}
.loading-experience__title {
  font-size: 24px;
  letter-spacing: 0.5px;
}
.loading-experience__status {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 224px;
  height: 224px;
  margin: 0 auto;
}
.loading-experience__progress {
  position: relative;
  display: block;
  width: 224px;
  height: 224px;
  padding: 8px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transform: rotate(-90deg);
}
.loading-experience__progress::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 208px;
  height: 208px;
  border-radius: 50%;
  border: 8px solid #d7e6ff;
}
.loading-experience__progress svg {
  position: relative;
  z-index: 1;
  display: block;
  width: 208px;
  height: 208px;
}
.loading-experience__progress svg circle {
  stroke-width: 3px;
  stroke: #3A86FF;
  stroke-linecap: round;
  fill: none;
  transition: stroke-dashoffset 900ms cubic-bezier(0, 1, 0.5, 1);
}
.loading-experience__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading-experience__logo-custom {
  width: 100%;
  max-width: 120px;
  max-height: 120px;
  object-fit: contain;
  object-position: center;
}
.loading-experience__text {
  position: relative;
  top: 20px;
}
.loading-experience__text .loading-experience__line {
  position: absolute;
  bottom: -11px;
  right: 5px;
  max-width: 117px;
}
.loading-experience-line {
  stroke: #FF9210;
}
.loading-experience-line__part {
  stroke-width: 2px;
  stroke-linecap: round;
}
.loading-experience-line__part--1 {
  stroke-dasharray: 155px;
  stroke-dashoffset: -155px;
  animation-name: firstPartOfLine;
  animation-timing-function: ease;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}
.loading-experience-line__part--2 {
  stroke-dasharray: 130px;
  stroke-dashoffset: 130px;
  animation-name: secondPartOfLine;
  animation-delay: 0.4s;
  animation-timing-function: ease;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}
@keyframes firstPartOfLine {
  0% {
    stroke-dashoffset: -155px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes secondPartOfLine {
  0% {
    stroke-dashoffset: 130px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.loading-experience-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 68px;
  height: 75px;
}
.loading-experience-logo__part {
  width: 68px;
  height: 21px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 47% 0% 43% 0%/116% 0% 130% 0%;
  transform: skewX(1deg);
}
.loading-experience-logo__part--rotated {
  transform: rotateY(180deg) skewX(1deg);
}
.loading-experience-logo__part--first {
  background-color: #f0b427;
}
.loading-experience-logo__part--second {
  background-color: #f25432;
}
.loading-experience-logo__part--third {
  background-color: #3986ff;
}
.long-preloader {
  z-index: 5000;
  position: fixed;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border-radius: 10px;
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  box-shadow: -1px 4px 8px rgba(128, 128, 128, 0.5);
  border: 1px solid rgba(15, 15, 15, 0.05);
}
.template-sidebar {
  width: 320px;
  height: 100%;
  padding-top: 16px;
  border-right: 1px solid var(--line, #ececec);
  border-radius: 8px 0 0 8px;
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  flex-direction: column;
  padding: 16px 30px 0;
  flex: 0 0 auto;
}
.template-sidebar__header {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.template-sidebar__search {
  margin-bottom: 16px;
}
.template-sidebar__logo {
  min-width: 46px;
  min-width: 46px;
  height: 46px;
  border-radius: 5px;
  background-color: var(--solution-primary-color);
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-search-panel {
  display: flex;
  align-items: center;
}
.template-search-panel__home {
  margin-right: 5px;
  min-width: 35px;
  min-height: 35px;
  width: 35px;
  border-radius: 5px;
  background-color: var(--solution-secondary-color);
  color: var(--solution-primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: default;
  pointer-events: none;
}
.template-search-panel__home.is-active {
  cursor: pointer;
  pointer-events: all;
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--ic-dark, #2D2D2D);
  transition: background 150ms ease-out;
}
.template-search-panel__home.is-active:hover {
  background-color: var(--solution-secondary-color);
  color: var(--solution-primary-color);
  transition: background 200ms ease-in;
}
.template-search-panel__search {
  flex-grow: 1;
}
.mobile-gate {
  background: var(--G-0, #FFFFFF);
  text-align: center;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}
@media only screen and (max-width: 360px) {
  .mobile-gate {
    padding: 0 25px;
  }
}
.mobile-gate__content {
  padding-bottom: 50px;
}
.mobile-gate__links {
  margin-top: 50px;
  margin-bottom: 48px;
  line-height: 0;
}
.mobile-gate__link {
  margin-bottom: 12px;
  display: block;
}
.mobile-gate__header {
  padding-top: 32px;
  margin-bottom: 43px;
  width: 100%;
  text-align: left;
  background-color: var(--G-0, #FFFFFF);
  z-index: 1;
}
.mobile-gate__header img {
  max-width: 158px;
}
.mobile-gate__title {
  margin-bottom: 22px;
  font-size: 36px;
  line-height: normal;
}
.mobile-gate__app-text {
  margin-top: 12px;
  text-align: center;
  width: 100%;
  text-align: left;
}
.mobile-gate__app {
  margin-right: 10px;
}
.mobile-gate__footer {
  margin-bottom: 12px;
  display: block;
}
.sortable-items-list {
  max-height: 170px;
  overflow-y: auto;
}
.sortable-items-list--has-items {
  margin-bottom: 10px;
}
.sortable-item {
  border: solid 1px var(--G-1, #F3F3F4);
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  padding: 10px 8px 10px 30px;
  position: relative;
  transition: padding 0.15s;
}
.sortable-item + .sortable-item {
  margin-top: 4px;
}
.sortable-item:hover {
  background-color: var(--G-0-5, #FAFAFA);
  padding-right: 38px;
}
.sortable-item__sortable-handle {
  cursor: move;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.sortable-item__content-wrapper {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.sortable-item__delete-item {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.15s;
  line-height: 0;
}
.sortable-item:hover .sortable-item__sortable-handle, .sortable-item:hover .sortable-item__delete-item {
  opacity: 1;
}
.named-team-avatar {
  display: flex;
  align-items: center;
}
.named-team-avatar__name {
  margin-left: 10px;
  width: 100%;
  height: 100%;
  max-width: calc(100% - 34px);
  align-items: center;
}
.named-team-avatar__name > span {
  width: 100%;
  height: 100%;
}
.team-extra {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  padding: 4px 10px 4px 6px;
  transition: background-color 150ms ease-out;
}
.team-extra__user {
  width: calc(100% - 26px);
}
.team-extra__profile {
  color: var(--G-3, #C7C8C9);
  font-size: 0;
  margin-left: 10px;
  display: flex;
  opacity: var(--select-option-is-hover-opacity);
  transition: color 150ms ease-out;
}
.team-extra__profile:hover {
  color: var(--user-extra-black, #2f3638);
}
.team-extra__profile.is-popover-active {
  color: var(--user-extra-black, #2f3638);
  opacity: 1;
}
.team-extra:not(.team-extra--list-item) .team-extra__user-pill {
  border: 0;
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 150ms ease-out;
}
.team-extra:not(.team-extra--list-item) .team-extra__user-pill:hover {
  border: 0;
  background-color: var(--G-1, #F3F3F4);
}
.team-extra:not(.team-extra--list-item):hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.team-extra:not(.team-extra--list-item):hover .team-extra__user-pill {
  background-color: var(--G-0-5, #FAFAFA);
  transition: background-color 200ms ease-in;
}
.team-extra--list-item {
  background: transparent;
}
.team-extra--list-item:hover .team-extra__user-pill {
  border-color: var(--G-1-5, #E9E9E9);
  color: var(--ic-dark, #2D2D2D);
}
.named-team-list-avatar {
  display: flex;
  align-items: center;
}
.named-team-list-avatar__name {
  margin-left: 10px;
  width: 100%;
  height: 100%;
  max-width: calc(100% - 34px);
  align-items: center;
}
.named-team-list-avatar:hover .named-team-list-avatar__name {
  color: var(--typo-primary, #2E3538);
}
.mobile-browser-gate {
  background: var(--G-0, #FFFFFF);
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
  position: relative;
  min-height: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
@media only screen and (max-width: 360px) {
  .mobile-browser-gate {
    padding: 0 25px;
  }
}
.mobile-browser-gate__header {
  position: relative;
  width: 100%;
  height: 74px;
  padding-top: 32px;
  margin-bottom: 43px;
  z-index: 1;
  text-align: left;
  background-color: var(--G-0, #FFFFFF);
}
@media only screen and (max-width: 360px) {
  .mobile-browser-gate__header {
    padding-top: 25px;
  }
}
.mobile-browser-gate__header img {
  max-width: 158px;
}
.mobile-browser-gate__title {
  margin-bottom: 28px;
  font-size: 36px;
  line-height: normal;
}
.mobile-browser-gate__description {
  position: relative;
  z-index: 1;
}
.mobile-browser-gate__description:not(:last-child) {
  margin-bottom: 28px;
}
.mobile-browser-gate__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  align-items: center;
  padding-bottom: 50px;
}
.mobile-browser-gate__links {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  margin: 22px 0 60px;
  line-height: 0;
}
.mobile-browser-gate__link {
  display: block;
}
.mobile-browser-gate__link:not(:last-child) {
  margin-bottom: 12px;
}
.mobile-browser-gate__footer {
  margin-bottom: 12px;
  display: block;
  text-align: center;
}
.onboarding-modal {
  min-width: 907px;
  border-radius: 5px;
  overflow: hidden;
}
.onboarding-modal__image {
  display: flex;
  justify-content: center;
  height: 300px;
  background-color: var(--solution-secondary-color);
  margin-bottom: 40px;
  padding-right: 10px;
}
.onboarding-modal__image-content {
  max-width: 100%;
}
.onboarding-modal__title {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 13px;
}
.onboarding-modal__text {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.onboarding-modal__link-text {
  margin-left: 5px;
}
.onboarding-modal__buttons {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.onboarding-modal__link-button {
  padding: 0 30px;
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.onboarding-modal__bold {
  font-weight: 700;
}
.onboarding-video-modal {
  border-radius: 8px;
  overflow: hidden;
  width: 907px;
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
  position: relative;
  transition: max-height 400ms ease-out, width 400ms ease-out;
}
.onboarding-video-modal__wrapper {
  display: block;
}
.onboarding-video-modal__header {
  position: relative;
  text-align: center;
  height: 300px;
  background-color: var(--solution-secondary-color);
  cursor: pointer;
}
.onboarding-video-modal__header:hover .onboarding-video-modal__play-button {
  transform: scale(1.1);
  transition: transform 200ms ease-in;
}
.onboarding-video-modal__image {
  max-width: 850px;
  display: inline-block;
  font-size: 0;
}
.onboarding-video-modal__play-button {
  position: absolute;
  top: 56%;
  left: 50%;
  margin-left: -51px;
  transform: scale(1);
  transition: transform 150ms ease-out;
}
.onboarding-video-modal__content {
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
}
.onboarding-video-modal__media {
  border: 4px solid var(--G-0, #FFFFFF);
  border-radius: 6px;
  height: 100%;
  opacity: 0;
  transition: opacity 100ms ease-in;
  transition-delay: 500ms;
  height: 0;
  border-width: 0;
  pointer-events: none;
}
.onboarding-video-modal__text {
  max-width: 800px;
}
.onboarding-video-modal__title {
  margin-bottom: 13px;
}
.onboarding-video-modal__button {
  margin-top: 40px;
}
.onboarding-video-modal__iframe {
  font-size: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.onboarding-video-modal__close {
  position: absolute;
  min-width: 38px;
  width: 38px;
  height: 38px;
  top: 8px;
  right: 8px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(77, 77, 77, 0.3);
}
.onboarding-video-modal.is-video-visible {
  background-color: var(--G-0, #FFFFFF);
  width: 1140px;
  height: 654px;
  max-height: 654px;
}
.onboarding-video-modal.is-video-visible .onboarding-video-modal__media {
  border-width: 4px;
  height: 100%;
  opacity: 1;
  pointer-events: all;
}
.onboarding-video-modal.is-video-visible .onboarding-video-modal__wrapper {
  display: none;
}
.application-navbar {
  position: relative;
  overflow: hidden;
  height: 34px;
  background-color: var(--solution-secondary-color);
}
.application-navbar__scrollarea {
  width: 100%;
  height: inherit;
}
.application-navbar__scrollarea .ScrollbarsCustom-Track {
  display: none;
}
.application-navbar__arrow {
  z-index: 4;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 30px;
  margin: auto 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.066);
  border-radius: 4px;
  cursor: pointer;
}
.application-navbar__arrow--left {
  left: 0;
}
.application-navbar__arrow--left .icon {
  transform: rotate(90deg);
}
.application-navbar__arrow--right {
  right: 0;
}
.application-navbar__arrow--right .icon {
  transform: rotate(-90deg);
}
.application-navbar-list {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: max-content;
  height: 34px;
  padding-right: 15px;
  padding-left: 15px;
}
.application-navbar-list__items {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: inherit;
}
.application-navbar-list__indicator {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 4px;
  background-color: var(--solution-primary-color);
  transition: transform 200ms ease-out, left 200ms ease-out;
  transform-origin: 50% 50%;
  transform: scaleX(1);
}
.application-navbar-list__indicator.is-hover {
  transform: scaleX(var(--hover-scale));
}
.application-navbar-list__indicator.is-dnd {
  transition: none;
}
.application-navbar-list__indicator.is-dnd-active-app, .application-navbar-list__indicator.is-edit-active-app {
  visibility: hidden;
}
.application-navbar-item {
  z-index: 3;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.application-navbar-item:hover {
  --app-navbar-arrow-opacity: 1;
}
.application-navbar-item.is-underlined:before {
  content: " ";
  position: absolute;
  right: 15px;
  bottom: -5px;
  left: 15px;
  height: 4px;
  background-color: var(--solution-primary-color);
}
.application-navbar-item.is-active {
  --app-navbar-arrow-opacity: 1;
}
.application-navbar-item.is-active .application-navbar-item__link {
  font-weight: 600;
}
.application-navbar-item:not(.is-active) .application-navbar-item__link {
  transition: color 0.2s ease-in-out;
}
.application-navbar-item:not(.is-active) .application-navbar-item__link:after {
  content: "";
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--solution-primary-color);
  border-radius: 5px;
  transition: opacity 0.2s ease-in-out;
}
.application-navbar-item:not(.is-active):hover .application-navbar-item__link {
  color: var(--G-0, #FFFFFF);
}
.application-navbar-item:not(.is-active):hover .application-navbar-item__link::after {
  opacity: 1;
}
.application-navbar-item:not(.is-active):hover .application-navbar-item__icon {
  color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in;
}
#application-navbar-portal .application-navbar-item__link {
  color: var(--G-0, #FFFFFF);
  transition: color 0.2s ease-in-out;
}
#application-navbar-portal .application-navbar-item__link:after {
  content: "";
  z-index: -1;
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--solution-primary-color);
  border-radius: 5px;
  transition: opacity 0.2s ease-in-out;
}
.application-navbar-item__link {
  display: flex;
  align-items: center;
  height: 24px;
  font-weight: 500;
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: color 0.2s ease-in-out;
}
.application-navbar-item__icon {
  overflow: hidden;
  display: inline-block;
  max-width: 20px;
  margin-right: 4px;
  font-size: 20px;
  color: var(--solution-primary-color);
  transition: color 150ms ease-out;
}
.application-navbar-item__spinner {
  opacity: 0.5;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 15px;
  font-weight: 500;
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
  white-space: nowrap;
  pointer-events: none;
}
.application-navbar-item-menu {
  opacity: var(--app-navbar-arrow-opacity, 0);
  z-index: 4;
  margin-right: -4px;
  display: inline-block;
  cursor: pointer;
  color: var(--solution-primary-color);
  line-height: 0;
  transition: opacity 150ms ease-out;
}
.application-navbar-item-menu.is-active {
  opacity: 1;
}
.application-navbar-item-menu__panel {
  --menu-option-height: 36px;
}
.application-navbar-item-menu__option {
  color: var(--tertiary, #6B6B6B);
}
.application-navbar-item-menu__badge {
  margin-left: 7px;
}
.application-navbar-item-menu__separator {
  margin-top: 8px;
  margin-bottom: 4px;
}
.application-navbar-item-menu__separator--top {
  margin-bottom: 8px;
}
.application-navbar-item-menu-input {
  padding: 0 15px 12px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.application-navbar-item-menu-input__field {
  position: relative;
  border: 1px dashed var(--G-3, #C7C8C9);
  padding: 0 10px;
  border-radius: 5px;
  transition: border-color 150ms ease-out;
}
.application-navbar-item-menu-input__field:hover {
  border-color: var(--G-5, #9B9C9E);
  transition: border-color 200ms ease-in;
}
.application-navbar-item-menu-input__field.is-focus {
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in;
}
.application-navbar-item-menu-input__error {
  padding-top: 4px;
  line-height: 1.6;
}
.application-nav-bar-preloader {
  display: flex;
  max-width: 100%;
  overflow: hidden;
}
.application-nav-bar-preloader__svg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -720px;
}
.application-nav-bar-preloader__path {
  animation: preloading 2000ms linear infinite normal forwards;
}
@keyframes preloading {
  0% {
    fill-opacity: 1;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  50% {
    fill-opacity: 0.5;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  to {
    fill-opacity: 1;
  }
}
.application-add-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  background-color: transparent;
  color: var(--solution-primary-color);
  transition: transform 200ms ease-in-out;
}
.application-add-button.is-disabled {
  color: var(--ic-light, #c7cdcf);
}
.application-add-button:not(.is-disabled):before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
  transform: scale(0.7);
}
.application-add-button:not(.is-disabled).is-active, .application-add-button:not(.is-disabled):hover {
  color: var(--solution-hover-color);
}
.application-add-button:not(.is-disabled).is-active:before, .application-add-button:not(.is-disabled):hover:before {
  opacity: 0.2;
  transform: scale(1);
}
.application-add-button-outer {
  margin-right: 10px;
}
.application-add-button__tooltip {
  margin-left: 10px;
}
.application-change-record-term {
  margin-top: 8px;
  margin-bottom: -12px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 12px 15px 8px 15px;
  background-color: var(--G-0-5, #FAFAFA);
}
.application-change-record-term__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-bottom: 7px;
}
.application-change-record-term__dropdown {
  --select-option-margin-bottom: 4px;
  --select-option-active-background: transparent;
  --select-list-items-additional-margin-top: -2px;
  --select-list-items-additional-margin-bottom: 10px;
  --select-list-items-additional-padding-bottom: 4px;
}
.application-change-record-term__option {
  height: 28px;
}
.application-change-record-term-tooltip {
  --tooltip-content-button-margin-top: 8px;
}
.app-menu-icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 2px;
  background-color: var(--app-menu-icon-background, var(--G-1, #F3F3F4));
  color: var(--G-4, #B2B2B3);
  margin-right: 10px;
  transition: background-color 150ms ease-out;
}
.selected-app-menu-icon {
  color: var(--solution-primary-color);
  font-size: 20px;
  margin-right: 10px;
}
.app-icon-submenu:hover {
  --app-menu-icon-background: var(--G-0-5, #FAFAFA);
}
.app-import-menu-option.is-disabled .icon {
  opacity: 0.7;
}
.app-import-menu-option__in {
  display: flex;
  align-items: center;
}
.app-import-menu-option__soon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 3px 8px;
  border-radius: 20px;
  background-color: var(--G-3, #C7C8C9);
  letter-spacing: 0.45px;
}
.app-navbar-exit-hidden-table-button {
  z-index: 2;
  position: absolute;
  top: 8px;
  left: 18px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.app-navbar-exit-hidden-table-button:hover .app-navbar-exit-hidden-table-button__icon,
.app-navbar-exit-hidden-table-button:hover .app-navbar-exit-hidden-table-button__text {
  color: var(--solution-hover-color);
}
.app-navbar-exit-hidden-table-button__icon {
  color: var(--ic-darker, #151515);
}
.app-navbar-exit-hidden-table-button__text {
  color: var(--tertiary, #6B6B6B);
}
.app-navbar-list-menu {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  color: var(--solution-primary-color);
  transition: color 150ms ease-out;
}
.app-navbar-list-menu::before {
  content: " ";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--solution-primary-color);
  border-radius: 4px;
  transition: opacity 150ms ease-out;
}
.app-navbar-list-menu:hover, .app-navbar-list-menu.is-active {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.app-navbar-list-menu:hover::before, .app-navbar-list-menu.is-active::before {
  opacity: 0.2;
  transition: opacity 200ms ease-in;
}
.app-navbar-list-menu__search {
  margin-bottom: -5px;
  padding: 5px;
}
.app-navbar-list-menu__search input {
  padding: 0 12px;
}
.app-navbar-list-menu__wrap {
  overflow: hidden;
  overflow-y: auto;
  max-height: 398px;
  margin-right: 2px;
  padding-bottom: 5px;
  -webkit-user-select: none;
          user-select: none;
}
.app-navbar-list-menu__wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.app-navbar-list-menu__wrap::-webkit-scrollbar-track {
  background-color: transparent;
}
.app-navbar-list-menu__wrap::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.app-navbar-list-menu__wrap::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.app-navbar-list-menu__title {
  margin: 14px 17px 4px 17px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 6px;
}
.app-navbar-list-menu__noresults {
  padding: 20px 17px 15px 17px;
  text-align: center;
}
.app-navbar-list-menu__actions {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 4px 0 5px 0;
}
.app-navbar-list-menu__addnew {
  z-index: 2;
  position: absolute;
  top: 14px;
  left: 15px;
}
.app-navbar-list-menu__addnew div {
  width: 16px;
  height: 16px;
}
.app-navbar-list-menu__tooltip {
  margin-right: 15px;
}
.app-navbar-list-menu-option {
  position: relative;
  display: flex;
  align-items: center;
  height: 28px;
  margin: 0 5px 4px 5px;
  padding: 0 10px 0 12px;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.app-navbar-list-menu-option:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.app-navbar-list-menu-option:hover .app-navbar-list-menu-option__icon {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.app-navbar-list-menu-option:hover .app-navbar-list-menu-option__value {
  color: var(--typo-primary, #2E3538);
}
.app-navbar-list-menu-option:hover .app-navbar-list-menu-option__actions {
  opacity: 1;
  max-width: 100%;
  transition: opacity 200ms ease-in , max-width 200ms ease-in;
}
#app-navbar-list-menu-portal .app-navbar-list-menu-option {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
#app-navbar-list-menu-portal .app-navbar-list-menu-option .app-navbar-list-menu-option__actions {
  opacity: 1;
  max-width: 100%;
  transition: opacity 200ms ease-in , max-width 200ms ease-in;
}
.app-navbar-list-menu-option__value {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: 7px;
  color: var(--tertiary, #6B6B6B);
}
.app-navbar-list-menu-option__icon {
  overflow: hidden;
  flex-shrink: 0;
  display: inline-block;
  max-width: 20px;
  font-size: 20px;
  color: var(--solution-primary-color);
  transition: color 150ms ease-out;
}
.app-navbar-list-menu-option__actions {
  opacity: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 10px;
  max-width: 0%;
  margin-left: auto;
  transition: max-width 150ms ease-out;
}
.app-navbar-list-menu-option__eye {
  margin-left: 5px;
  color: var(--G-5, #9B9C9E);
  cursor: pointer;
}
.app-navbar-list-menu-option__eye:hover {
  color: var(--G-8, #4d4d4d);
}
.app-navbar-list-menu-option__drag {
  display: inline-flex;
  color: var(--G-5, #9B9C9E);
  cursor: grab;
}
.app-navbar-list-menu-option__drag:active {
  cursor: grabbing;
}
.app-navbar-list-menu-option__drag:hover {
  color: var(--G-8, #4d4d4d);
}
.application-add-options {
  min-width: 240px;
  padding: 5px 0 12px 0;
  --menu-option-color: var(--tertiary, #6B6B6B);
}
.application-add-options__scratch {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 42px;
  margin: 0 5px 20px 5px;
  border-radius: 5px;
  background-color: var(--solution-secondary-color);
  color: var(--solution-primary-color);
  cursor: pointer;
  transition: color 150ms ease-out;
}
.application-add-options__scratch:hover {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.application-add-options__hr {
  margin: 9px 17px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.application-add-options__hr .text {
  margin-bottom: 6px;
}
.application-description-tooltip__inner {
  padding: 16px 12px;
  width: 306px;
}
.application-description-tooltip__description {
  margin-top: 12px;
}
.application-description-tooltip__icon-container {
  height: 7px;
}
.application-description-tooltip__icon {
  fill: var(--G-8, #4d4d4d);
  transition: color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.33;
}
.application-description-tooltip__icon.is-current {
  fill: var(--solution-primary-color);
  opacity: 0.6;
}
.application-description-tooltip__icon:hover {
  fill: var(--solution-primary-color);
  opacity: 1;
}
.flash-notification-close-button {
  color: var(--G-0, #FFFFFF);
  height: 16px;
  width: 16px;
  opacity: 0.4;
  transition: 0.3s ease;
  margin-left: 14px;
  margin-right: 5px;
  position: relative;
  transition: opacity 200ms ease-in;
}
.flash-notification-close-button:before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.11);
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.flash-notification-close-button:hover {
  opacity: 0.7;
}
.flash-notification-close-button:hover:before {
  opacity: 1;
}
.flash-notification {
  display: flex;
  align-items: center;
}
.flash-notification__icon {
  align-items: center;
  display: flex;
  margin-right: 15px;
}
.flash-notification__icon--success {
  background: #3EAC40;
  border-radius: 50%;
}
.flash-notification__action-button {
  margin-left: 14px;
  height: 26px;
  border-radius: 6px;
  padding: 0 10px;
  color: white;
  font-weight: 600;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.1019607843);
  line-height: 26px;
  cursor: pointer;
}
.flash-notification-message__button {
  height: 26px;
  margin-left: 14px;
  padding: 4px 10px 4px 10px;
  border-radius: 6px;
  gap: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-in;
}
.flash-notification-message__button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.flash-notification-toast-container {
  width: unset;
  min-width: 100px;
}
.flash-notification-toast {
  color: var(--G-0, #FFFFFF);
  background: #2d2d2d;
  min-height: 40px;
  border-radius: 4px;
  padding: 12px 9px 12px 15px;
  align-items: center;
  cursor: default;
}
.get-mobile-app-modal-view {
  border: 2px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
}
.get-mobile-app-modal-view__form {
  display: flex;
  align-items: center;
  padding: 26px 15px;
  background-color: var(--G-0-5, #FAFAFA);
}
.get-mobile-app-modal-view__phone {
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-right: 9px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 4px;
}
.get-mobile-app-modal-view__phone-flag {
  position: relative;
  display: flex;
  align-items: center;
  width: 52px;
  height: 33px;
  padding: 0 2px 0 9px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.get-mobile-app-modal-view__arrow {
  margin-left: 3px;
  color: var(--solution-primary-color);
}
.get-mobile-app-modal-view__links {
  display: flex;
  justify-content: space-between;
  padding: 12px 15px;
  background-color: var(--G-1-5, #E9E9E9);
}
.get-mobile-app-modal-view__links img {
  height: 47px;
}
.get-mobile-app-placeholder-dialog {
  padding: 87px 0 24px;
}
.get-mobile-app-placeholder-dialog-description {
  margin-bottom: 34px;
}
.get-mobile-app-placeholder-dialog-body {
  margin-bottom: 24px;
  display: flex;
}
.get-mobile-app-placeholder-dialog-body__link {
  max-width: 201px;
  margin: 0 5px;
  position: relative;
  font-size: 0;
  padding: 6px 6px 20px 6px;
  border-radius: 6px;
  background: var(--G-0-5, #FAFAFA);
  border: 1px solid var(--G-2, #DEDEDE);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.get-mobile-app-placeholder-dialog-body__link > img:not(:last-child) {
  margin-bottom: 18px;
}
.file-not-support-format {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-not-support-format__in {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.file-not-support-format__icon {
  margin-bottom: 24px;
}
.file-not-support-format__title {
  margin-bottom: 2px;
}
.file-not-support-format__description {
  margin-bottom: 24px;
}
.gallery-menu {
  margin: 0 12px;
}
.gallery-menu__button.is-active, .gallery-menu__button {
  color: var(--solution-primary-color);
}
.gallery-menu__button {
  background-color: transparent;
}
.gallery-menu__button:hover {
  background-color: var(--G-1-5, #E9E9E9);
}
.gallery-menu.is-dark-mode .gallery-menu__button,
.gallery-menu.is-dark-mode .gallery-menu__button.is-active {
  color: var(--G-0, #FFFFFF);
}
.gallery-menu.is-dark-mode .gallery-menu__button:hover,
.gallery-menu.is-dark-mode .gallery-menu__button.is-active {
  background-color: var(--G-8, #4d4d4d);
}
.modal-header-drill-in {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0px 30px 0px 30px;
  height: 62px;
  display: flex;
  align-items: center;
  border-radius: 5px 5px 0 0;
  background-color: var(--G-0, #FFFFFF);
}
.modal-header-drill-in__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 24px;
}
.modal-header-drill-in__title {
  font-size: 22px;
  line-height: 30px;
}
.modal-header-drill-in__actions {
  display: flex;
  gap: 10px;
}
.modal-header-drill-in__close {
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: var(--G-1, #F3F3F4);
  color: var(--G-5, #9B9C9E);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 150ms ease-out;
}
.modal-header-drill-in__close:hover {
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--G-8, #4d4d4d);
  transition: background-color 200ms ease-in;
}
.drill-in-modal {
  height: calc(100vh - 60px);
  width: calc(100vw - 60px);
}
.drill-in-modal .modal__body {
  display: flex;
  flex-direction: column;
  background-color: var(--G-0, #FFFFFF);
}
.drill-in-modal__controls {
  padding: 0 30px;
  height: 55px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
}
.drill-in-grid-view {
  overflow: hidden;
  height: 100%;
}
.drill-in-record {
  position: relative;
  left: 0;
  width: 100%;
  max-width: 800px;
  padding: 0px 30px;
}
.drill-in-record:not(:first-child) {
  padding-top: 6px;
}
.drill-in-record:last-child {
  padding-bottom: 20px;
}
.error-message {
  display: flex;
  align-items: center;
}
.error-message--error {
  background-color: #FF5757;
}
.error-message--warning {
  background-color: #FFF2DC;
  border: 1px solid #FFB938;
}
.error-message__icon, .error-message__text {
  display: flex;
}
.error-message--rect {
  border-radius: 5px;
  min-height: 40px;
  padding: 5px 13px;
}
.error-message--rect .error-message__icon {
  margin-right: 9px;
}
.error-message--round {
  padding: 2px 10px 2px 5px;
  min-height: 23px;
  border-radius: 20px;
}
.error-message--round .error-message__icon {
  margin-right: 4px;
}
.invite-members-modal__content {
  padding: 0 30px 30px;
  background-color: #FFF;
}
.invite-members-modal__tabs .r-basic-tab-wrapper--icon:not(:last-child) {
  margin: 0;
}
.invite-members-modal__tabs {
  margin-bottom: 12px;
}
.invite-members-modal__warning {
  margin-bottom: 30px;
}
.invite-members-modal__learn-more {
  margin-left: 3px;
  text-decoration: underline;
  cursor: pointer;
}
.invite-members-modal__learn-more:hover {
  text-decoration: none;
}
.invite-members-modal__mail-input {
  min-height: 80px;
  max-height: 125px;
}
.invite-members-modal__details {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.invite-members-modal__details-input {
  display: block;
  margin-bottom: 12px;
}
.invite-members-modal__details-button {
  display: flex;
}
.invite-members-modal__form {
  padding: 15px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 8px;
}
.invite-members-modal__form-p {
  margin-top: 8px;
}
.invite-members-modal__form-group {
  display: flex;
  column-gap: 30px;
}
.invite-members-modal__disabled-input:hover .react-input-field__icon {
  cursor: auto;
}
.invite-members-modal__arrow-icon {
  text-align: center;
  align-self: flex-end;
  padding-bottom: 4px;
  width: 8%;
}
.invite-members-modal__radio-button {
  margin-bottom: 10px;
}
.invite-members-modal__radio-button-text {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.invite-members-modal__separator {
  border: 1px solid var(--G-1-5, #E9E9E9);
  content: "";
  width: 100%;
  margin: 20px 0;
}
.invite-members-modal__invalid-email-message {
  display: flex;
}
.invite-members-modal__teams-footer {
  padding: 10px 14px;
  border-top: 1px solid var(--G-1, #F3F3F4);
}
.invite-member-badge {
  margin-left: 6px;
}
.invite-member-role-option.is-not-available {
  pointer-events: none;
}
.invite-member-role-option.is-not-available .text--m, .invite-member-role-option.is-not-available .mywork-record-field__in, .invite-member-role-option.is-not-available .results-not-found__description {
  display: flex;
  align-items: center;
}
.invite-existing-members-warning-modal__dialog-body {
  width: 100%;
}
.invite-existing-members-warning-modal__emails-box {
  background: var(--G-0-5, #FAFAFA);
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 10px;
  border-radius: 5px;
  text-align: center;
}
.availability-status-form {
  padding: 24px 30px 9px;
  display: flex;
}
.availability-status-form__input {
  width: 100%;
}
.save-member-status-button {
  margin-left: 15px;
}
.availability-status-date {
  background-color: var(--G-0-5, #FAFAFA);
  padding: 12px 30px;
  position: relative;
  min-height: 63px;
  border-top: 1px solid var(--G-2, #DEDEDE);
  display: flex;
  align-items: center;
  --select-placeholder-background: var(--G-0-5, #FAFAFA);
}
.availability-status-date__label {
  margin-right: 5px;
}
.availability-status-date__back {
  position: absolute;
  right: 29px;
  top: 50%;
  margin-top: -8px;
  color: var(--G-4, #B2B2B3);
  cursor: pointer;
}
.availability-status-date__back:hover {
  color: var(--G-7, #6F7173);
}
.emoji-status-dropdown {
  margin-top: 1px;
  display: inline-flex;
  align-items: center;
  background-color: var(--G-1-5, #E9E9E9);
  cursor: pointer;
  height: 33px;
  margin-right: 10px;
  padding: 0 5px 0 10px;
  border-radius: 5px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.emoji-status-dropdown__icon {
  margin-left: 5px;
  color: var(--G-5, #9B9C9E);
  transform: rotate(0);
  transition: transform 150ms ease-out , color 150ms ease-out;
}
.emoji-status-dropdown.is-open {
  background-color: var(--G-0, #FFFFFF);
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.emoji-status-dropdown.is-open .emoji-status-dropdown__icon {
  transform: rotate(180deg);
  color: var(--solution-primary-color);
  transition: transform 150ms ease-out , color 150ms ease-out;
}
.emoji-status-dropdown:hover .emoji-status-dropdown__icon {
  color: var(--solution-primary-color);
  transition: transform 150ms ease-out , color 150ms ease-out;
}
.emoji-dropdown-no-results {
  padding-bottom: 16px;
}
.availability-status-date-time {
  display: flex;
  align-items: center;
}
.availability-status-date-time__separator-text {
  margin-left: 10px;
  margin-right: 5px;
}
.availability-status-date-time__calendar {
  min-width: 150px;
}
.availability-status-date-time__time {
  min-width: 110px;
}
.status-time-selected-option {
  margin-right: 5px;
}
.calendar-select-today {
  height: 52px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--G-2, #DEDEDE);
  color: var(--solution-primary-color);
}
.calendar-select-today:hover {
  color: var(--solution-hover-color);
}
.passcode-required-modal__form {
  width: 320px;
  margin: 0 auto;
}
.passcode-required-modal__input {
  border-radius: 100px;
}
.passcode-required-modal__input::after {
  border-radius: inherit;
}
.passcode-required-modal__error {
  margin-top: 4px;
}
.passcode-required-modal__submit {
  width: 100%;
  margin-top: 18px;
  justify-content: center;
}
.workflow-managers-modal {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 60px);
  --modal-header-icon-bg: #FFF2DC;
  --modal-header-icon-color: #FFB938;
}
.workflow-managers-modal__scrollbar {
  width: 100%;
  max-height: 100%;
  background-color: var(--G-0-5, #FAFAFA);
}
.workflow-managers-modal__list {
  padding: 7px 15px;
}
.workflow-managers-modal__member, .workflow-managers-modal__team {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.workflow-managers-modal__member:hover, .workflow-managers-modal__team:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.workflow-managers-modal__member:hover .workflow-managers-modal__remove, .workflow-managers-modal__team:hover .workflow-managers-modal__remove {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.workflow-managers-modal__remove {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.ask-for-confirmation-modal {
  min-width: 500px;
  max-width: 500px;
  width: 100%;
  position: relative;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
}
.ask-for-confirmation-modal__footer {
  border-top: 1px solid var(--G-2, #DEDEDE);
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px;
  gap: 10px;
}
.ask-for-confirmation-modal__content {
  padding: 33px 30px 31px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ask-for-confirmation-modal__close {
  color: var(--G-4, #B2B2B3);
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.ask-for-confirmation-modal__close:hover {
  color: var(--G-8, #4d4d4d);
}
.ask-for-confirmation-modal__confirm {
  overflow: hidden;
}
.shortcut-modal {
  min-width: 500px;
  position: relative;
  max-height: calc(100vh - 60px);
}
.shortcut-modal__title {
  padding: 30px 30px 0;
}
.shortcut-modal__content {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  padding: 0 30px 37px;
}
.shortcut-modal__group {
  margin-top: 38px;
}
.shortcut-modal__group--item {
  margin-top: 30px;
}
.shortcut-modal__close {
  color: var(--G-6, #868788);
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  z-index: 1;
}
.shortcut-modal__close:hover {
  color: var(--G-8, #4d4d4d);
}
.shortcut-modal__scrollbar {
  min-width: 500px;
  max-height: calc(100vh - 60px);
  position: relative;
  max-width: 500px;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 5px;
}
.shortcut-modal-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shortcut-modal-row__buttons {
  display: flex;
  align-items: center;
  gap: 3px;
}
.shortcut-modal-row__button {
  border: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  background-color: var(--G-1, #F3F3F4);
  color: var(--tertiary, #6B6B6B);
  font-size: 13px;
  font-weight: 600;
  height: 26px;
  border-radius: 5px;
}
.permissions-header {
  min-height: 70px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 8px 8px 0 0;
}
.permissions-header__icon {
  margin-right: 15px;
  min-width: 42px;
  width: 42px;
  height: 42px;
  border-radius: 5px;
  background-color: var(--solution-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.permissions-header__titles {
  display: flex;
  flex-direction: column;
}
.permissions-header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.permissions-header__help {
  min-width: 35px;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background-color: var(--G-1, #F3F3F4);
  color: var(--solution-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.permissions-header__help:hover {
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--solution-hover-color);
}
.permissions-header__close {
  min-width: 35px;
  width: 35px;
  height: 35px;
  color: var(--G-3, #C7C8C9);
  display: flex;
  align-items: center;
  justify-content: center;
}
.permissions-header__close:hover {
  color: var(--G-8, #4d4d4d);
}
.permissions-table-list {
  padding: 28px 20px 20px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.permissions-table-list__title {
  margin-bottom: 10px;
}
.permissions-table-list__item {
  padding-left: 19px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  opacity: 0.8;
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: opacity 150ms ease-out;
}
.permissions-table-list__item:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  height: 25px;
  background-color: var(--solution-primary-color);
  width: 4px;
  border-radius: 10px;
  opacity: 0;
  transform: scaleY(0.3);
  transition: opacity 150ms ease-out , transform 150ms ease-out;
}
.permissions-table-list__item.is-active {
  opacity: 1;
}
.permissions-table-list__item.is-active:before {
  opacity: 1;
  transform: scaleY(1);
  transition: opacity 200ms ease-in , transform 200ms ease-in;
}
.permissions-table-list__item:hover {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.permissions-table-list-scrollbar {
  height: 100%;
  width: 100%;
  max-width: 281px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.permissions-table-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.permissions-table-content__header {
  padding: 20px 50px 0 50px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.permissions-table-content__tabs {
  margin-bottom: 5px;
  margin-bottom: 1px;
}
.permissions-table-content__tabs .r-basic-tab--large {
  padding: 13px 0;
}
.permissions-table-content__body {
  height: 100%;
}
.table-permissions {
  padding: 20px 50px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  --member-team-autocomplete-background-color: var(--G-0, #FFFFFF);
  --advanced-permission-picker-autocomplete-max-width: none;
  --member-team-autocomplete-border-display: none;
  --member-team-autocomplete-border: 1px solid var(--G-1-5, #E9E9E9);
  --member-team-autocomplete-border-radius: 5px;
  --member-team-autocomplete-padding: 1px 4px;
  --advanced-permission-picker-buttons-margin-top: 0;
  --member-team-autocomplete-pill-margin: 2px;
  --member-team-autocomplete-search-min-height: 32px;
}
.table-permissions__section {
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px;
  transition: background-color 150ms ease-out;
}
.table-permissions__section:before {
  display: none;
}
.table-permissions__section.is-inactive {
  background-color: var(--G-0-5, #FAFAFA);
  transition: background-color 150ms ease-out;
}
.table-permissions__scrollbar {
  height: calc(100% - 55px);
}
.table-permissions__advanced-permission-picker {
  position: relative;
  transition: border-color 150ms ease-out;
}
.table-permissions__advanced-permission-picker::before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  opacity: 0;
  pointer-events: none;
  display: block;
  border: 3px solid var(--solution-primary-color);
  visibility: hidden;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.table-permissions__advanced-permission-picker.is-active {
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in;
}
.table-permissions__advanced-permission-picker.is-active::before {
  opacity: 0.3;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.table-permissions__advanced-permission-picker:hover {
  border-color: var(--G-4, #B2B2B3);
  transition: border-color 200ms ease-in;
}
.table-permissions__access-button {
  min-width: 150px;
  border-radius: 5px;
  height: 36px;
  padding: 0 25px 0 15px;
  display: flex;
  position: relative;
  align-items: center;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  transition: border-color 150ms ease-out;
}
.table-permissions__access-button::before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  opacity: 0;
  pointer-events: none;
  display: block;
  border: 3px solid var(--solution-primary-color);
  visibility: hidden;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.table-permissions__access-button:hover {
  border-color: var(--G-4, #B2B2B3);
  transition: border-color 200ms ease-in;
}
.table-permissions__access-button.is-active {
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in;
}
.table-permissions__access-button.is-active:before {
  opacity: 0.3;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.table-permissions__access-button.is-disabled {
  pointer-events: none;
  background-color: var(--G-0-5, #FAFAFA);
}
.table-permissions__access-button-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.record-permissions {
  padding: 30px 50px;
}
.record-permissions__header {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.record-permissions__scrollbar {
  height: calc(100% - 55px);
}
.record-permissions__add-rule-button {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--tertiary, #6B6B6B);
  cursor: pointer;
  margin-top: 20px;
  transition: color 150ms ease-out;
}
.record-permissions__add-rule-button:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-permissions__add-rule-button:hover .record-permissions__add-rule-button-icon {
  color: var(--G-8, #4d4d4d);
}
.record-permissions__add-rule-button-icon {
  color: var(--G-7, #6F7173);
}
.record-permission-rule {
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 15px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 8px;
  transition: background-color 150ms ease-out;
}
.record-permission-rule:not(:last-child) {
  margin-bottom: 20px;
}
.record-permission-rule__header {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 10px;
}
.record-permission-rule__remove {
  margin-left: auto;
  color: var(--G-3, #C7C8C9);
  margin-top: 2px;
}
.record-permission-rule__remove:hover {
  color: var(--G-5, #9B9C9E);
}
.record-permission-rule__toggle {
  position: relative;
  margin-top: 2px;
  font-size: 0;
  transform: rotate(0deg);
  transition: transform 150ms ease-out;
}
.record-permission-rule__toggle::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
}
.record-permission-rule__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}
.record-permission-rule__rules {
  display: flex;
  margin-left: auto;
}
.record-permission-rule__menu-option {
  --menu-option-height: 28px;
  --menu-option-inner-padding-right: 12px;
  --menu-option-inner-padding-left: 12px;
}
.record-permission-rule__rule {
  width: 60px;
  justify-content: center;
  display: flex;
  opacity: 0.2;
}
.record-permission-rule__rule.is-allowed {
  opacity: 1;
}
.record-permission-rule__menu {
  margin-right: -7px;
  margin-top: -4px;
}
.record-permission-rule__last-updated {
  padding-left: 25px;
  margin-top: 20px;
  margin-bottom: -5px;
  display: block;
}
.record-permission-rule__menu-button {
  min-width: 24px;
  height: 24px;
  width: 24px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-8, #4d4d4d);
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.record-permission-rule__menu-button:hover, .record-permission-rule__menu-button.is-active {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.record-permission-rule__footer-actions {
  border-radius: 0 0 8px 8px;
  background-color: var(--G-0, #FFFFFF);
  margin: 20px -15px -15px;
}
.record-permission-rule.is-expanded {
  background-color: var(--G-0-5, #FAFAFA);
  box-shadow: none;
  transition: background-color 200ms ease-in;
}
.record-permission-rule.is-expanded .record-permission-rule__toggle {
  transform: rotate(90deg);
  transition: transform 200ms ease-in;
}
.audience-record-permission-rule {
  padding: 15px 20px;
  border-radius: 8px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  margin-top: 18px;
}
.audience-record-permission-rule__title {
  display: block;
  margin-bottom: 15px;
}
.audience-record-permission-rule__select {
  width: 210px;
}
.audience-record-permission-rule__option {
  height: 28px;
  padding: 0 25px 0 10px;
  line-height: 28px;
  display: block;
  position: relative;
}
.audience-record-permission-rule__body {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.audience-record-permission-rule__list-items {
  --select-option-margin-bottom: 4px;
  --select-option-active-background: transparent;
}
.audience-record-permission-rule__no-results {
  padding: 5px 20px;
}
.audience-record-permission-rule__option-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.record-permissions-header {
  height: 38px;
  display: flex;
  align-items: center;
  padding: 10px 43px 10px 42px;
}
.record-permissions-header__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.record-permissions-header__action {
  width: 60px;
  display: block;
  text-align: center;
}
.permission-audience-picker {
  flex: 1;
}
.permission-audience-picker__button {
  height: 36px;
  font-size: 13px;
  font-weight: 500;
  padding: 0 25px 0 12px;
  color: var(--tertiary, #6B6B6B);
  line-height: 36px;
  position: relative;
  text-align: left;
  width: 100%;
  background-color: transparent;
  border-radius: 5px;
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 150ms ease-out , background-color 150ms ease-out;
}
.permission-audience-picker__button:hover {
  color: var(--typo-primary, #2E3538);
  background-color: var(--G-1, #F3F3F4);
  transition: color 200ms ease-in , background-color 200ms ease-in;
}
.permission-audience-picker__button:not(:last-child) {
  margin-right: 4px;
}
.permission-audience-picker__input {
  cursor: pointer;
}
.permission-audience-picker__input-group {
  min-height: 36px;
}
.permission-audience-picker__button-icon {
  position: absolute;
  right: 9px;
  top: 50%;
  margin-top: -8px;
}
.permission-audience-picker__buttons {
  padding: 10px 5px 5px;
}
.permission-audience-picker__member-option {
  display: flex;
  padding-right: 10px;
  padding-left: 10px;
}
.record-permissions-rule-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--typo-primary, #2E3538);
  min-width: 50px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.record-permissions-rule-title.is-display-mode {
  border-bottom: 1px dashed transparent;
}
.record-restriction-rules {
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  margin-top: 20px;
}
.record-restriction-rules__header {
  padding: 16px 20px 12px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.record-restriction-rule {
  padding: 20px 17px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.record-restriction-rule:not(:last-child) {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.record-restriction-rule__header {
  display: flex;
  align-items: center;
}
.record-restriction-rule__label {
  height: 28px;
  background-color: var(--G-1, #F3F3F4);
  padding: 0 10px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  min-width: 84px;
  margin-bottom: auto;
  margin-top: 2px;
}
.record-restriction-rule__switcher {
  position: absolute;
  top: 27px;
  right: 17px;
}
.record-restriction-rule__no-restriction {
  margin-left: 20px;
}
.record-restriction-rule__filter {
  width: 100%;
  margin-top: 20px;
  background-color: var(--G-0-5, #FAFAFA);
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  --filter-condition-badge-padding: 7px 16px;
  --filter-conditions-actions-padding-bottom: 0;
  --filter-conditions-actions-margin-left: -90px;
  --filter-condition-badge-width: 80px;
  --filter-move-padding: 5px 10px 0 10px;
  --filter-group-background-color: var(--G-1, #F3F3F4);
  --filter-group-border: 1px solid var(--G-1-5, #E9E9E9);
  --filter-window-content-fields-min-width: auto;
  --filter-window-content-dropdown-min-width: auto;
}
.record-restriction-rule__filter .filter-content__dropdown-input {
  min-width: auto !important;
}
.record-restriction-rule__filter .filter-content__dropdown-input .react-input-group {
  width: auto !important;
}
.record-restriction-rule__filter .filter-group {
  --filter-condition-badge-background-color: var(--G-1-5, #E9E9E9);
}
.record-restriction-rule__filter .filter-group .filter-window-add-filter,
.record-restriction-rule__filter .filter-group .filter-window-move {
  padding-bottom: 0;
}
.record-restriction-rule__filter .filter-conditions__first {
  position: relative;
  top: -5px;
}
.users-restriction-rule {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  flex-grow: 1;
}
.users-restriction-rule__header {
  display: flex;
  gap: 12px;
  align-items: center;
}
.users-restriction-rule__selectors {
  margin-top: 10px;
}
.restriction-select {
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  --single-select-min-height: 28px;
  --select-placeholder-padding-left: 0;
  --arrow-select-top-position: -2px;
  --select-placeholder-arrow-right: 2px;
  height: 28px;
  transition: border-color 150ms ease-out;
}
.restriction-select__option {
  height: 28px;
  line-height: 28px;
  padding: 0 25px 0 12px;
  position: relative;
  display: block;
}
.is-disabled .restriction-select__option {
  color: var(--inactive, #B2B2B3);
}
.restriction-select__option-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.restriction-select.is-opened {
  border-color: var(--G-5, #9B9C9E);
  transition: border-color 200ms ease-in;
}
.record-permissions-pill-select {
  width: 100%;
}
.record-permissions-pill-select__header {
  margin-top: 4px;
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  justify-content: space-between;
}
.record-permissions-pill-select__input {
  cursor: pointer;
}
.record-permissions-pill-select__option {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
.record-permissions-pill-select__list {
  --select-option-margin-bottom: 4px;
}
.record-permissions-pill-select__footer {
  background-color: var(--G-0-5, #FAFAFA);
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  height: 36px;
  min-height: 36px;
  display: flex;
  border-radius: 0 0 5px 5px;
}
.record-permissions-pill-select__footer-button {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.record-permissions-pill-select__footer-button:first-child {
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.record-permissions-pill-select__footer-button:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-permissions-rule-description {
  color: var(--typo-primary, #2E3538);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  min-width: 100px;
  margin-right: -26px;
}
.record-permissions-rule-description.is-display-mode {
  margin-right: -277px;
  color: var(--typo-secondary, #878B92);
  transition: color 150ms ease-out;
}
.record-permissions-rule-description.is-display-mode:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-permissions-rule-description.is-display-mode.has-value:hover {
  color: var(--typo-secondary, #878B92);
}
.record-tabs-select-list__title {
  height: 38px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  margin-top: 4px;
  padding: 0 15px;
}
.record-tabs-select-list__button {
  height: 28px;
  font-size: 13px;
  font-weight: 500;
  padding: 0 25px 0 12px;
  color: var(--tertiary, #6B6B6B);
  line-height: 28px;
  position: relative;
  text-align: left;
  width: 100%;
  background-color: transparent;
  border-radius: 5px;
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 150ms ease-out , background-color 150ms ease-out;
}
.record-tabs-select-list__button:hover {
  color: var(--typo-primary, #2E3538);
  background-color: var(--G-1, #F3F3F4);
  transition: color 200ms ease-in , background-color 200ms ease-in;
}
.record-tabs-select-list__button-icon {
  position: absolute;
  right: 9px;
  top: 50%;
  margin-top: -8px;
}
.record-tabs-select-list__buttons {
  padding: 10px 5px 5px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.record-tabs-with-section-picker {
  width: 100%;
}
.record-tabs-with-section-picker__input {
  cursor: pointer;
}
.record-sections-select-list__list-container {
  margin-top: -12px;
  display: flex;
  flex-direction: column;
}
.record-sections-select-list__option {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
.record-sections-select-list__list {
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.record-sections-select-list__footer {
  background-color: var(--G-0-5, #FAFAFA);
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  height: 36px;
  min-height: 36px;
  display: flex;
  border-radius: 0 0 5px 5px;
  margin-top: -12px;
}
.record-sections-select-list__footer-button {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.record-sections-select-list__footer-button:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-sections-select-list__footer-button:first-child {
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.record-sections-select-list__toggle-all {
  margin: 9px 4px;
  color: var(--tertiary, #6B6B6B);
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  gap: 10px;
  background-color: transparent;
  transition: color 150ms ease-out , background-color 150ms ease-out;
}
.record-sections-select-list__toggle-all:hover {
  color: var(--typo-primary, #2E3538);
  background-color: var(--G-1, #F3F3F4);
  transition: color 200ms ease-in , background-color 200ms ease-in;
}
.record-sections-select-list__toggle-all-text {
  transition: color 150ms ease-out;
}
.record-sections-select-list.is-empty .record-sections-select-list__list {
  border-top: none;
}
.permission-footer-actions {
  height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.permission-footer-actions__actions {
  display: flex;
  gap: 10px;
}
.delete-rule-confirmation-modal__description span {
  font-weight: 500;
}
.dynamic-permissions-modal {
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  border-radius: 8px;
  overflow: hidden;
}
.dynamic-permissions-modal__body {
  height: 100%;
  display: flex;
}
.advanced-permission-picker {
  display: flex;
  align-items: flex-start;
  margin-bottom: 27px;
}
.advanced-permission-picker__autocomplete {
  flex-grow: 1;
  margin-right: 10px;
  padding: 3px;
  max-width: var(--advanced-permission-picker-autocomplete-max-width, 438px);
}
.advanced-permission-picker__buttons {
  margin-top: var(--advanced-permission-picker-buttons-margin-top, 2px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.advanced-permission-picker__add-button {
  justify-content: center;
  margin-left: 10px;
  min-width: 59px;
}
.advanced-permission-picker__add-button.is-disabled {
  background-color: var(--G-3, #C7C8C9);
  opacity: 1;
}
.advanced-permissions-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  margin-left: -10px;
}
.advanced-permissions-row__remove {
  color: transparent;
}
.advanced-permissions-row:hover {
  background: var(--G-0-5, #FAFAFA);
}
.advanced-permissions-row:hover .advanced-permissions-row__remove {
  color: var(--G-4, #B2B2B3);
}
.advanced-permissions-row:hover .advanced-permissions-row__remove:hover {
  color: var(--G-6, #868788);
}
.advanced-permissions-row--example {
  pointer-events: none;
}
.advanced-permissions-row--example:hover {
  background: transparent;
}
.advanced-permissions-row--example .advanced-permissions-row__avatar {
  background-image: url("/assets/images/man-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.advanced-permissions-row--example .advanced-permissions-row__avatar::before {
  content: none;
}
.advanced-permissions-row--example .advanced-permissions-row__avatar .base-avatar__initials {
  display: none;
}
.advanced-permissions-row__entity {
  display: flex;
  align-items: center;
}
.advanced-permissions-row__texts {
  padding-left: 9px;
}
.advanced-permissions-row__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 182px;
}
.advanced-permissions-row__buttons--example {
  justify-content: flex-end;
}
.advanced-permissions-row__remove {
  margin-left: 10px;
}
.advanced-permissions-row__avatar {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.permission-level-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 200ms ease-out;
  border: 1px solid transparent;
  cursor: pointer;
}
.permission-level-toggle--round {
  border-radius: 100%;
}
.permission-level-toggle--square {
  border-radius: 4px;
}
.permission-level-toggle--small {
  width: 16px;
  height: 16px;
}
.permission-level-toggle--medium {
  width: 24px;
  height: 24px;
}
.member-team-autocomplete {
  position: relative;
  background: var(--member-team-autocomplete-background-color, var(--G-0-5, #FAFAFA));
  padding: var(--member-team-autocomplete-padding, 2px);
  border: var(--member-team-autocomplete-border, none);
  border-radius: var(--member-team-autocomplete-border-radius, 5px 5px 0 0);
}
.member-team-autocomplete::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background-color: var(--G-6, #868788);
  display: var(--member-team-autocomplete-border-display, block);
}
.member-team-autocomplete__pill {
  margin: var(--member-team-autocomplete-pill-margin, 2px);
  display: flex;
}
.member-team-autocomplete__search {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: var(--member-team-autocomplete-search-min-height, 34px);
  margin-right: 4px;
}
.member-team-autocomplete__input {
  flex-grow: 1;
  flex-shrink: 1;
  width: auto;
}
.member-team-autocomplete__option {
  height: 36px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.member-team-autocomplete__option--members {
  padding: 0;
}
.member-team-autocomplete__user {
  padding: 0 10px;
}
.member-team-autocomplete__dropdown {
  box-shadow: rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.member-team-autocomplete__dropdown .option:has(.member-team-autocomplete__group-header) {
  cursor: default;
}
.member-team-autocomplete__dropdown .option:has(.member-team-autocomplete__group-header), .member-team-autocomplete__dropdown .option:has(.member-team-autocomplete__group-header):hover, .member-team-autocomplete__dropdown .option:has(.member-team-autocomplete__group-header).is-focused, .member-team-autocomplete__dropdown .option:has(.member-team-autocomplete__group-header).is-active {
  background-color: transparent !important;
}
.member-team-autocomplete__group-header {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 600;
  color: var(--G-5, #9B9C9E);
}
.member-team-autocomplete__group-header--with-top-spacing {
  margin-top: 5px;
  padding-bottom: 6px;
}
.permission-access-picker__dropdown {
  width: 300px;
  padding: 5px;
}
.permission-access-picker__button {
  font-size: 9px;
  min-width: 59px;
}
.permission-access-picker__button.is-disabled {
  background-color: transparent;
}
.permissions-advanced-group__header {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  color: var(--G-9, #232B36);
}
.permissions-advanced-group__body {
  margin-top: 5px;
  margin-bottom: 16px;
}
.permissions-modal-member-count {
  display: flex;
  align-items: center;
}
.permissions-modal-member-count__text {
  color: var(--typo-secondary, #878B92);
  margin-left: 5px;
}
.permissions-modal-member-count__badge {
  width: auto;
}
.permissions-modal-section {
  border-radius: 5px;
  background: var(--G-0, #FFFFFF);
  position: relative;
  z-index: 1;
}
.permissions-modal-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 5px;
  pointer-events: none;
  transition: opacity 150ms ease-out;
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 30, 0.1), 0px 1px 2px 0 rgba(0, 0, 30, 0.1);
}
.permissions-modal-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding: 11px 10px 11px 20px;
}
.permissions-modal-section__description {
  display: flex;
  align-items: center;
}
.permissions-modal-section__toggle {
  margin-right: 12px;
}
.permissions-modal-section__body {
  border-top: 1px solid rgba(222, 222, 222, 0.7);
  padding: 11px 20px 15px;
}
.permissions-modal-section.is-inactive {
  cursor: pointer;
}
.permissions-modal-section__title {
  display: flex;
  align-items: center;
}
.permissions-modal-section__title-icon {
  margin-left: 6px;
}
.permissions-modal-section__tooltip-icon {
  margin-left: 8px;
}
.permissions-modal--field .permissions-modal__body {
  max-height: 466px;
  background-color: var(--G-0, #FFFFFF);
}
.permissions-modal--field .permissions-modal__content {
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: var(--G-0, #FFFFFF);
}
.permissions-modal__wrapper {
  overflow: hidden;
  display: flex;
  margin: -30px -30px 0 -30px;
  padding: 30px 30px 0 30px;
}
.permissions-modal__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--G-0-5, #FAFAFA);
}
.permissions-modal__scrollbar {
  overflow: hidden;
  flex-grow: 1;
}
.permissions-modal__scrollbar .scrollbar {
  max-height: 100%;
}
.permissions-modal__content {
  padding: 22px 30px;
}
.permissions-modal__section:not(:last-child) {
  margin-bottom: 12px;
}
.permissions-modal__footer-text {
  padding: 16px 0;
}
.permissions-modal-banner {
  padding: 30px;
  position: relative;
  margin: 5px 8px 12px 10px;
}
.permissions-modal-banner__content {
  width: 70%;
}
.permissions-modal-banner__title {
  margin-bottom: 6px;
  font-weight: 600;
}
.permissions-modal-banner__button {
  justify-content: start;
  margin-top: 24px;
}
.permissions-modal-banner__img {
  position: absolute;
  right: 0;
  bottom: -2px;
  width: 180px;
}
.permissions-modal-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: calc(100vh - 60px);
}
.permissions-solution-owners {
  display: flex;
  align-items: center;
}
.permissions-solution-owners__crown {
  margin-right: 10px;
}
.team-multi-select {
  position: relative;
}
.team-multi-select__control {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -4px 0;
}
.team-multi-select__add {
  margin-right: 20px;
}
.team-multi-select__pill {
  margin: 4px 4px 4px 0;
}
.team-multi-select-dropdown__wrapper {
  width: 300px;
}
.team-multi-select-dropdown__option {
  height: 36px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.team-multi-select-dropdown__action-buttons {
  display: flex;
  border-top: 1px solid var(--G-1-2, #F0F0F0);
}
.team-multi-select-dropdown__action {
  width: 100%;
  height: 37px;
  padding: 10px;
  color: var(--tertiary, #6B6B6B);
  border-right: 1px solid var(--G-1-2, #F0F0F0);
}
.team-multi-select-dropdown__action:hover {
  background: var(--G-1, #F3F3F4);
}
.team-multi-select-dropdown__action:last-child {
  border-right: none;
}
.solution-owners-picker {
  display: flex;
  align-items: center;
}
.solution-owners-picker__owners {
  display: flex;
  align-items: center;
}
.solution-owners-picker__avatar {
  margin-left: -5px;
  border: 1px solid var(--G-0, #FFFFFF);
  position: relative;
  border-radius: 100%;
}
.solution-owners-picker__avatar:hover {
  z-index: 1;
}
.solution-owners-picker__add-button {
  margin-left: 16px;
}
.advanced-permissions-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 51px;
}
.advanced-permissions-empty-state__text {
  max-width: 246px;
}
.advanced-permissions-empty-state__example {
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  padding: 2px 10px 1px;
  margin-top: 24px;
}
.advanced-permissions-empty-state__arrow {
  display: block;
  position: absolute;
  height: 100px;
  bottom: 50%;
  left: 0;
  transform: translate(-100%, 0);
}
.permission-audience-config-section {
  margin-bottom: 28px;
}
.permission-audience-config-section:last-child {
  margin-bottom: 10px;
}
.permission-audience-config-section__title {
  margin-bottom: 8px;
}
.permission-audience-config-section__button {
  background: var(--solution-secondary-color);
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  padding: 10px 22px;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  transition: border-color 200ms ease-in;
}
.permission-audience-config-section__button:hover:not(.permission-audience-config-section__button--active):not(.permission-audience-config-section__button--disabled) {
  border-color: var(--G-3, #C7C8C9);
}
.permission-audience-config-section__button::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  pointer-events: none;
  border: 3px solid var(--solution-primary-color);
  border-radius: 8px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.permission-audience-config-section__button--active {
  border-color: var(--solution-primary-color);
}
.permission-audience-config-section__button--active::after {
  visibility: visible;
  opacity: 0.3;
}
.permission-audience-config-section__button > *:not(:last-child) {
  margin-right: 20px;
}
.permission-audience-config-section__button--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.permission-audience-config-section__button-content {
  flex: 1;
}
.permission-audience-config-section__button-content p {
  line-height: 1.5;
}
.permission-audience-config-section__note {
  margin-top: 8px;
}
.permission-audience-config-section__dropdown-body {
  padding: 10px;
}
.permission-audience-config-section__picker-group {
  display: flex;
  flex-wrap: wrap;
  min-height: 66px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  margin-top: 4px;
  padding: 6px 10px;
  position: relative;
  transition: border-color 200ms ease-in;
}
.permission-audience-config-section__picker-group:hover {
  border-color: var(--G-3, #C7C8C9);
}
.permission-audience-config-section__picker-button {
  position: absolute;
  right: 10px;
}
.permission-audience-config-section__pill {
  margin: 0 3px 3px 0;
}
.permissions-modal-solution-managers-section {
  --modal-header-icon-bg: #FFF2DC;
  --modal-header-icon-color: #FFB938;
}
.report-form {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 100%;
}
.report-form__actions {
  z-index: 5;
  height: 54px;
}
.report-form:not(.is-dropdown-shown-completely) .report-form__action-button {
  transition: transform 300ms ease-in-out;
}
.report-form__action-button, .report-form__input {
  position: relative;
  z-index: 2;
  padding: 11px 0px;
}
.report-form__action-button {
  z-index: 4;
}
.report-form__input {
  line-height: 28px;
  top: 3px;
  left: 10px;
}
.report-form__error {
  position: absolute;
  top: -5px;
}
.report-form__name {
  white-space: nowrap;
  display: inline-block;
  font-size: 22px;
  margin-right: 58px;
  font-weight: bold;
  z-index: 2;
  color: var(--typo-primary, #2E3538);
  letter-spacing: -0.4px;
  position: relative;
  min-width: 2px;
}
.report-form__name::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -10px;
  right: -9px;
  bottom: -3px;
  border: 1px dashed var(--solution-primary-color);
  border-radius: 5px;
  pointer-events: none;
}
.report-form__name.is-error {
  border-color: #FF5757;
}
.report-form__content {
  border-radius: 5px;
  will-change: transform;
}
.report-form__view {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.report-form__view-body {
  overflow: hidden;
  max-height: calc(100vh - 237px);
}
.report-form__view-head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px 10px 12px 10px;
}
.report-form__view-items {
  height: auto;
  max-height: calc(100vh - 279px);
}
.report-form__view-wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0px 5px;
}
.report-form__view-search {
  margin: 5px;
  background-color: var(--G-0-5, #FAFAFA);
}
.report-form__view-search input::placeholder {
  color: var(--G-4, #B2B2B3);
}
.report-form__view-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 13px 15px 13px;
}
.report-form__view-title {
  margin-bottom: 10px;
}
.report-form__view-menu {
  margin-right: 10px;
  min-height: 24px;
}
.report-form__close {
  min-width: 24px;
  height: 24px;
  width: 24px;
}
.report-form__wrapper {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 10px;
  z-index: 1;
}
.report-form__wrapper-list {
  position: relative;
  min-height: 100%;
}
.report-form__wrapper-item {
  display: block;
  width: 100%;
  margin: 0;
  transition: transform 200ms ease 0s;
}
.report-form__wrapper-item:not(:last-child) {
  padding-bottom: 1px;
}
.report-form__wrapper-item--hidden {
  display: none;
}
.report-form__list-title {
  margin: 25px 0 12px 7px;
}
.report-form__list-item {
  padding-left: 7px;
}
.report-form.is-open .report-form__content {
  transform: translateY(0);
  opacity: 1;
  transition: transform 200ms ease-in , opacity 200ms ease-in;
}
.report-form.is-open .report-form__view {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.base-page-heading--with-description .report-form {
  height: unset;
}
.report-form .report-toolbar-button--shared {
  margin: 6px;
}
.lock-report-menu.is-active .lock-report-menu__button {
  background-color: var(--solution-secondary-color);
  color: var(--solution-primary-color);
}
.lock-report-menu.is-disabled .lock-report-menu__button {
  background-color: transparent;
  color: var(--G-2, #DEDEDE);
  cursor: default;
}
.lock-report-menu.is-disabled .lock-report-menu__button:hover {
  background-color: transparent;
  color: var(--G-3, #C7C8C9);
}
.lock-report-menu__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 5px;
  color: var(--G-2, #DEDEDE);
  transition: background-color 150ms ease-out , color 150ms ease-out;
  cursor: pointer;
}
.lock-report-menu__button:hover {
  background-color: var(--solution-secondary-color);
  color: var(--solution-primary-color);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.lock-view-toggler {
  align-items: center;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 4px;
  display: flex;
  height: 30px;
  margin-top: 6px;
  padding: 6px 8px 6px 10px;
}
.lock-view-toggler__tooltip {
  margin-left: 4px;
  margin-right: auto;
}
.lock-view-toggler.is-active {
  background-color: #EEF6EE;
}
.lock-view-toggler.is-disabled .lock-view-toggler__content {
  color: var(--G-4, #B2B2B3);
}
.duplicate-report-icon__heading {
  overflow: hidden;
  text-align: center;
  max-width: 133px;
}
.duplicate-report-icon__icon {
  text-align: center;
  margin-bottom: 18px;
}
.duplicate-report-modal--wrapper-no-folder {
  margin-top: -107px;
}
.duplicate-report-modal__item-wrapper {
  display: flex;
  margin-bottom: 24px;
  position: relative;
}
.duplicate-report-modal__input {
  margin-bottom: 5px;
}
.duplicate-report-modal__item {
  align-items: center;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  display: flex;
  height: 145px;
  justify-content: center;
  padding: 0 10px;
  width: 50%;
}
.duplicate-report-modal__item--dublicate {
  background-color: var(--G-0, #FFFFFF);
}
.duplicate-report-modal__arrow {
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 50%;
  border: 2px solid var(--G-1, #F3F3F4);
  display: flex;
  height: 38px;
  justify-content: center;
  left: 50%;
  margin-left: -19px;
  margin-top: -19px;
  min-width: 38px;
  position: absolute;
  top: 50%;
  width: 38px;
  z-index: 1;
}
.duplicate-report-modal__label {
  margin-bottom: 0;
}
.duplicate-report-modal__label.is-active {
  color: var(--solution-primary-color);
  transition: color 150ms ease-out;
}
.duplicate-report-modal__label.is-error {
  color: #FF5757;
  transition: color 150ms ease-out;
}
.duplicate-report-modal__error {
  margin-top: 4px;
  position: absolute;
}
.duplicate-report-modal__visibility {
  column-gap: 10px;
  display: flex;
  flex-direction: row;
  margin-top: 24px;
}
.duplicate-report-modal__radio-option {
  background-color: transparent;
  border-radius: 6px;
  border: solid 1px var(--G-1-5, #E9E9E9);
  cursor: pointer;
  flex: 1 1 100%;
  padding: 8px 0;
  transition: background-color 150ms ease-out;
}
.duplicate-report-modal__radio-option:hover, .duplicate-report-modal__radio-option.selected {
  background-color: var(--G-0, #FFFFFF);
}
.duplicate-report-modal__radio-option__content {
  align-items: center;
  column-gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.duplicate-report-modal__radio-option__content .permission-level-toggle {
  margin-right: 4px;
}
.view-type {
  width: calc(50% - 15px);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  padding: 22px 20px 26px;
  cursor: pointer;
  margin-bottom: 24px;
  display: flex;
  position: relative;
  transition: transform 150ms ease-out;
}
.view-type:before, .view-type:after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background-color: transparent;
  pointer-events: none;
  border-radius: 5px;
  transition: opacity 150ms ease-out;
}
.view-type:before {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.066);
  opacity: 1;
}
.view-type:after {
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;
}
.view-type:hover {
  transform: translateY(-4px);
}
.view-type:hover .view-type__hover {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.view-type:hover::after {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.view-type:hover::before {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.view-type__image, .view-type__wrapper, .view-type__plus-icon {
  display: flex;
  align-items: center;
}
.view-type__wrapper {
  margin-bottom: 10px;
  gap: 13px;
}
.view-type__image {
  width: 127px;
  margin-right: 20px;
  justify-content: center;
  position: relative;
}
.view-type__title, .view-type__description {
  transition: color 150ms ease-out;
}
.view-type__hover {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 47px;
  height: 35px;
  border-radius: 5px 0 5px 0;
  background-color: #FCFCFC;
  opacity: 0;
  transition: opacity 150ms ease-out;
  overflow: hidden;
  z-index: 3;
  border: 1px solid var(--G-3, #C7C8C9);
  border-right: none;
  border-bottom: none;
}
.view-type__hover::before {
  content: "";
  width: 70px;
  height: 70px;
  background-color: #EFEFEF;
  position: absolute;
  top: 8px;
  left: 10px;
  transform: rotate(53deg);
  border: 1px solid var(--G-3, #C7C8C9);
  box-shadow: inset 0px 6px 8px rgba(0, 0, 0, 0.1);
}
.view-type__hover-icon {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
}
.view-types-wrapper {
  height: 100%;
  margin: 8px -30px 0;
  position: relative;
}
.view-types-wrapper:before {
  width: calc(100% - 60px);
  height: 1px;
  content: "";
  background: var(--G-2, #DEDEDE);
  position: absolute;
  left: 30px;
  top: 0;
  z-index: 2;
}
.view-types-wrapper__scrollarea {
  height: 100%;
}
.view-types-wrapper__content {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  padding: 24px 30px 0;
  margin-bottom: 14px;
}
.explore-view-types-modal-view-content {
  max-height: calc(100vh - 60px);
  height: 718px;
  padding: 5px 30px 30px;
  background-color: var(--G-0-5, #FAFAFA);
}
.private-reports-action-menu {
  margin-left: auto;
  margin-right: 17px;
  opacity: var(--report-group-actions-opacity, 0);
  visibility: var(--report-group-actions-visibility, hidden);
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.private-reports-action-menu.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.report-description-tooltip {
  width: 100%;
}
.report-description-tooltip__content-wrapper {
  color: white;
  padding: 10px;
  width: 280px;
}
.report-description-tooltip__report-name, .report-description-tooltip__report-app-name, .report-description-tooltip__report-description, .report-description-tooltip__subtitle {
  word-break: break-word;
}
.report-description-tooltip__report-app-name {
  opacity: 0.8;
}
.report-description-tooltip__report-description {
  margin-top: 4px;
}
.report-description-tooltip__subtitle {
  margin-top: 10px;
  opacity: 0.7;
}
.report-description-tooltip__availability-wrapper {
  display: flex;
  flex-direction: row;
  align-content: center;
}
.report-description-tooltip__icon-wrapper {
  line-height: 0;
  margin-right: 10px;
}
.report-description-tooltip__icon-wrapper svg {
  fill: white;
  opacity: 0.5;
}
.report-folder-drop-item {
  height: 1px;
  position: absolute;
  top: -2px;
  width: 100%;
}
.report-folder-drop-item.bottom {
  bottom: 0;
  top: unset;
}
.report-folder-group__items {
  margin-top: 1px;
  margin-left: 10px;
}
.report-folder-group__items .report-list-item {
  padding-left: 22px;
}
.report-folder-group__items .report-list-item.is-selected {
  padding-left: 17px;
}
.report-folder-group-wrapper {
  position: relative;
}
.report-folder-group-empty {
  margin: 5px 0 10px 32px;
}
.report-folder-item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 0 7px 0 10px;
  background-color: transparent;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.report-folder-item__arrow {
  transform: rotate(-90deg);
  color: var(--G-4, #B2B2B3);
}
.report-folder-item__actions {
  align-items: center;
  display: flex;
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.report-folder-item:hover:not(.is-editing), .report-folder-item.is-menu-opened {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.report-folder-item:hover .report-folder-item__actions, .report-folder-item.is-menu-opened .report-folder-item__actions {
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.report-folder-item.is-expanded .report-folder-item__arrow {
  transform: rotate(0);
}
.report-folder-item.muuri-item-dragging {
  background-color: var(--G-0, #FFFFFF);
  border: 2px solid var(--G-1, #F3F3F4);
  border-radius: 5px;
  opacity: 1;
  pointer-events: all;
  padding: 0 10px 0 26px;
}
.report-folder-item.muuri-item-dragging .report-folder-item__drag {
  opacity: 1;
  visibility: visible;
}
.report-folder-item.is-dragging {
  outline: solid 2px var(--G-1, #F3F3F4);
}
.report-folder-item.is-dragging:hover .report-folder-item__actions {
  display: none;
}
.report-folder-item.is-dragging:hover {
  background-color: var(--G-0, #FFFFFF);
}
.report-folder-menu-others-private-views {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding: 0 10px;
}
.report-folder-menu-others-private-views__toggle-text {
  align-self: center;
  cursor: pointer;
  margin-left: 13px;
}
.report-folder-name {
  font-size: 0;
  margin-left: 6px;
}
.report-folder-name__text {
  -webkit-user-select: none;
          user-select: none;
}
.report-folder-name__editing_wrapper {
  height: 100%;
  margin: -8px -5px;
  padding: 8px 5px;
  position: relative;
}
.report-folder-name__editing_error {
  color: #FF5757;
  font-size: 9px;
  left: 5px;
  position: absolute;
  top: -5px;
  width: -moz-fit-content;
  width: fit-content;
}
.report-folder-name__editing_input {
  border-radius: 3px;
  border: solid 1px var(--solution-primary-color);
  box-shadow: 0 0 0 3px var(--report-folder-name-editing-border-color);
  color: var(--typo-primary, #2E3538);
  display: flex;
  flex: 1 1 auto;
  font-size: 13px;
  font-weight: 500;
  height: 24px;
  line-height: 18px;
  padding: 2px 6px;
  width: 100%;
}
.report-folder-name__editing_input::placeholder {
  color: var(--inactive, #B2B2B3);
}
.report-folder-name__editing_input::selection {
  background-color: rgba(255, 185, 56, 0.3);
}
.report-folder-name.is-editing {
  width: 100%;
}
.report-folder-name:not(.is-editing) {
  overflow: hidden;
}
.report-folder-option-tooltip {
  width: 100%;
}
.report-folder-option-tooltip .menu-option__in {
  padding: 0 7px;
}
.report-folder-option-tooltip .menu-option__icon.icon {
  margin-right: 9px;
}
.report-folder-option-tooltip .menu-option__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: var(--typo-primary, #2E3538);
}
.report-folder-option-submenu-wrapper .menu-option-wrapper__list {
  padding: 5px 0;
}
.report-folder-option-submenu__option:hover .menu-option__icon.icon {
  fill: var(--ic-dark, #2D2D2D) !important;
}
.report-group {
  margin-bottom: 12px;
}
.report-group__section-header {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 12px 10px 3px 10px;
  border-bottom: solid 1px var(--G-1-5, #E9E9E9);
  padding-bottom: 6px;
  color: var(--typo-secondary, #878B92);
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.report-group__section-header-text {
  flex: 1;
}
.report-group__section-header-button {
  line-height: 16px;
  margin-right: 4px;
  color: var(--G-4, #B2B2B3);
  height: 16px;
}
.report-group__section-header-button svg {
  transform: rotate(0);
  transition: transform 150ms ease-out;
}
.report-group__section-header-button--closed svg {
  transform: rotate(-90deg);
  transition: transform 200ms ease-in;
}
.report-group__empty-text {
  padding: 7px 0 10px 32px;
  color: var(--G-4, #B2B2B3);
}
.report-group:hover {
  --report-group-actions-opacity: 1;
  --report-group-actions-visibility: visible;
}
.report-group__content-wrapper {
  position: relative;
}
.report-item-icon {
  line-height: 0;
}
.report-list-item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.report-list-item:not(:last-child) {
  margin-bottom: 1px;
}
.report-list-item.is-selected {
  border-radius: 0 5px 5px 0;
  margin-left: 5px;
  padding-left: 5px;
}
.report-list-item.is-selected::before {
  border-radius: 5px;
  content: "";
  height: 100%;
  left: -4px;
  position: absolute;
  width: 4px;
}
.report-list-item--view-mode-card.is-selected {
  background-color: #E7F0FE;
}
.report-list-item--view-mode-card.is-selected::before {
  background-color: #3A86FF;
}
.report-list-item--view-mode-calendar.is-selected {
  background-color: #FFEDE5;
}
.report-list-item--view-mode-calendar.is-selected::before {
  background-color: #FF9210;
}
.report-list-item--view-mode-chart.is-selected {
  background-color: #FBEAF1;
}
.report-list-item--view-mode-chart.is-selected::before {
  background-color: #EC506E;
}
.report-list-item--view-mode-grid.is-selected {
  background-color: #EEF6EE;
}
.report-list-item--view-mode-grid.is-selected::before {
  background-color: #3EAC40;
}
.report-list-item--view-mode-kanban.is-selected {
  background-color: #F2EAFA;
}
.report-list-item--view-mode-kanban.is-selected::before {
  background-color: #883CD0;
}
.report-list-item--view-mode-dashboard.is-selected {
  background-color: #EBF4F4;
}
.report-list-item--view-mode-dashboard.is-selected::before {
  background-color: #17C4C4;
}
.report-list-item--view-mode-map.is-selected {
  background-color: #FEECEE;
}
.report-list-item--view-mode-map.is-selected::before {
  background-color: #FF5757;
}
.report-list-item--view-mode-timeline.is-selected {
  background-color: #E5F8FF;
}
.report-list-item--view-mode-timeline.is-selected::before {
  background-color: #4ECCFD;
}
.report-list-item--view-mode-gantt.is-selected {
  background-color: #E5F8FF;
}
.report-list-item--view-mode-gantt.is-selected::before {
  background-color: #4ECCFD;
}
.report-list-item--view-mode-form.is-selected {
  background-color: #FFF2DC;
}
.report-list-item--view-mode-form.is-selected::before {
  background-color: #FFB938;
}
.report-list-item:hover:not(.is-selected), .report-list-item--active-edit:not(.is-selected) {
  background-color: var(--G-1, #F3F3F4);
}
.report-list-item:hover .report-list-item-inputs__controls-button,
.report-list-item:hover .report-list-item-inputs__controls, .report-list-item--active-edit .report-list-item-inputs__controls-button,
.report-list-item--active-edit .report-list-item-inputs__controls {
  opacity: 1;
}
.report-list-item__icon-type {
  display: flex;
  height: 16px;
  margin-right: 6px;
  position: relative;
}
.report-list-item.is-dragging {
  outline: solid 2px var(--G-1, #F3F3F4);
}
.report-list-item.is-dragging:hover .report-list-item-inputs__controls {
  display: none;
}
.report-list-item.is-dragging:hover:not(.is-selected) {
  background-color: var(--G-0, #FFFFFF);
}
.report-list-item-compact {
  display: flex;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  padding: 5px 9px 5px 7px;
  margin-bottom: 1px;
  transition: background-color 150ms ease-out;
}
.report-list-item-compact:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.report-list-item-compact:hover .report-list-item-compact__title {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.report-list-item-compact__icon {
  display: flex;
  margin-right: 9px;
}
.report-list-item-compact__text {
  width: calc(100% - 25px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.report-list-item-compact__title {
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.report-list-item-compact__title.full-width {
  max-width: 100%;
}
.report-list-item-compact__title, .report-list-item-compact__description {
  max-width: calc(50% - 10px);
}
.report-list-item-inputs {
  overflow: hidden;
  display: flex;
  width: 100%;
  align-items: center;
}
.report-list-item-inputs:hover .report-list-item-inputs__controls {
  display: flex;
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.report-list-item-inputs__titles {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: calc(100% + 10px);
  overflow: hidden;
  margin: -4px -6px;
  padding: 4px 6px;
}
.report-list-item-inputs__shared-icon {
  background-color: #FFF2DC;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 14px;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  color: #FFB938;
  margin-left: 6px;
}
.report-list-item-inputs__title {
  display: flex;
  align-items: center;
  transition: color 150ms ease-out;
}
.report-list-item-inputs__title-input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
}
.report-list-item-inputs__avatar {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--G-4, #B2B2B3);
  margin-left: 8px;
  cursor: pointer;
  border-radius: 50%;
}
.report-list-item-inputs__name-wrapper {
  position: relative;
  max-width: 100%;
  padding-left: 6px;
}
.report-list-item-inputs__name-wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  right: -6px;
  bottom: -3px;
  border-radius: 5px;
  transition: opacity 150ms ease-out;
  border: 1px dashed var(--solution-primary-color);
  pointer-events: none;
}
.report-list-item-inputs__name-wrapper.is-error:before {
  border-color: #FF5757;
}
.report-list-item-inputs__name {
  font-size: 13px;
  line-height: 18px;
  height: 18px;
  background: transparent;
  font-weight: 500;
  max-width: 100%;
  min-width: 2px;
  white-space: nowrap;
  overflow: hidden;
}
.report-list-item-inputs__title-input, .report-list-item-inputs__description-input {
  position: relative;
}
.report-list-item-inputs__title-clone, .report-list-item-inputs__title-input-field {
  font-size: 13px;
}
.report-list-item-inputs__title-input-field, .report-list-item-inputs__description-input-field {
  position: relative;
  z-index: 2;
  width: 100%;
  background: transparent;
}
.report-list-item-inputs__title-input-field::selection, .report-list-item-inputs__description-input-field::selection {
  background-color: var(--solution-secondary-color);
}
.report-list-item-inputs__description {
  word-break: break-word;
}
.report-list-item-inputs__description-clone, .report-list-item-inputs__description-input-field {
  font-size: 12px;
}
.report-list-item-inputs__description-clone {
  bottom: 0;
  overflow: hidden;
}
.report-list-item-inputs__description-clone:after {
  bottom: 0;
}
.report-list-item-inputs__error {
  position: absolute;
  top: -15px;
  left: 0;
}
.report-list-item-inputs__controls {
  display: flex;
  align-items: center;
  margin-left: auto;
  opacity: 0;
  visibility: visible;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.report-list-item-inputs__controls-button {
  transition: opacity 150ms ease-out;
}
.report-list-item-inputs__controls-button:not(first-child) {
  margin-left: 10px;
}
.report-list-item-inputs__menu, .report-list-item-inputs__type-menu--hide-until-hover {
  opacity: 0;
}
.report-list-item-inputs--active-edit .report-list-item-inputs__controls-button {
  opacity: 1;
}
.report-list-item-inputs--active-edit .report-list-item-inputs__controls {
  display: flex;
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.report-menu__report {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.report-menu__settings {
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.report-menu-footer {
  margin-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 19px 8px 19px 15px;
  display: flex;
  justify-content: space-between;
  margin-bottom: -12px;
  align-items: center;
}
.report-menu-footer .checkbox-label.is-disable .checkbox input:checked + .checkbox__label {
  background-color: var(--ic-light, #c7cdcf);
  border-color: var(--ic-light, #c7cdcf);
}
.report-toggle {
  display: flex;
  align-items: center;
  padding: 7px 20px;
  cursor: pointer;
}
.report-toggle__text {
  margin-left: 8px;
}
.report-type-menu-option {
  width: 251px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.report-type-menu-option:not(:last-child) {
  margin-bottom: 5px;
}
.report-type-menu-option:not(.is-active, .is-disabled):hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.report-type-menu-option__inner {
  padding: 12px 12px 12px 0;
}
.report-type-menu-option__content {
  position: relative;
}
.report-type-menu-option__check-icon {
  position: absolute;
  left: 12px;
  top: 4px;
}
.report-type-menu-option__main {
  position: relative;
  padding-left: 40px;
}
.report-type-menu-option__head {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}
.report-type-menu-option__head-icon {
  margin-right: 10px;
  flex-grow: 0;
  flex-shrink: 0;
}
.report-type-menu-option__head-text {
  color: var(--typo-primary, #2E3538);
}
.report-type-menu-option__text {
  color: var(--typo-secondary, #878B92);
}
.report-type-menu-option.is-active .report-type-menu-option__text {
  color: var(--typo-primary, #2E3538);
}
.report-type-menu-option.is-disabled {
  cursor: default;
}
.report-type-menu-option.is-disabled .report-type-menu-option__head-text,
.report-type-menu-option.is-disabled .report-type-menu-option__text {
  color: var(--G-3, #C7C8C9);
}
.report-type-submenu-option__lock-label {
  display: inline-block;
  margin-left: 4px;
}
.report-type-submenu-option__lock {
  color: #FF5757;
  margin-left: 4px;
  position: relative;
  top: 3px;
}
.report-view-mode-submenu__icon {
  margin-right: 11px;
  display: flex;
}
.report-view-mode-submenu__options {
  padding: 5px;
}
.report-view-mode-submenu-option {
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.report-view-mode-submenu-option:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.report-view-mode-submenu-option__content {
  height: 36px;
  width: 218px;
  display: flex;
  gap: 11px;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
}
.report-view-mode-submenu-option__check-spacer {
  flex-grow: 1;
}
.report-view-mode-submenu-option__team-label {
  margin-left: auto;
}
.report-view-mode-submenu-option.is-selected .report-view-mode-submenu-option__text {
  color: var(--typo-primary, #2E3538);
}
.report-view-mode-submenu-option:not(.is-selected):hover .report-view-mode-submenu-option__text {
  color: var(--typo-primary, #2E3538);
}
.report-view-list {
  padding-top: 5px;
  padding-bottom: 12px;
}
.report-view-list__explore {
  margin-bottom: -12px;
  margin-top: 12px;
}
.report-view-list__separator {
  margin: 7px 0;
}
.report-view-list__tooltip {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.report-view-list__tooltip .tooltip__outside {
  width: 100%;
}
.report-view-list__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.report-view-list__tooltip-item {
  width: 100%;
  display: block;
}
.report-view-list__no-option {
  display: flex;
  align-items: center;
}
.report-view-list__pro-label {
  margin-left: 6px;
}
.view-type--tooltip {
  margin-bottom: 0;
  width: 100%;
  padding: 0;
}
.view-type--tooltip:before {
  display: none;
}
.view-type--tooltip:after {
  box-shadow: none;
  width: auto;
  height: auto;
  top: -4px;
  bottom: -4px;
  left: -10px;
  right: -10px;
  border: 2px solid var(--G-2, #DEDEDE);
  border-radius: 5px;
  opacity: 1;
}
.view-type--tooltip .view-type__image {
  background-color: var(--G-0-5, #FAFAFA);
  margin-right: 22px;
  position: relative;
  width: 167px;
  min-width: 167px;
  margin-left: -8px;
  margin-top: -2px;
  margin-bottom: -2px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0 20px;
}
.view-type--tooltip .view-type__title {
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
}
.view-type--tooltip .view-type__content {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
}
.view-type--tooltip .view-type__wrapper {
  margin-bottom: 6px;
}
.view-type--tooltip .view-type__description {
  color: var(--tertiary, #6B6B6B);
}
.lock-report-options {
  padding-top: 5px;
}
.lock-report-options__help {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  color: var(--typo-secondary, #878B92);
  cursor: pointer;
}
.lock-report-options__help:hover {
  color: var(--typo-primary, #2E3538);
}
.view-header {
  align-items: center;
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.view-header.is-editing {
  flex-grow: 1;
}
.view-header.is-editing .view-header__view-menu,
.view-header.is-editing .view-header__actions {
  display: none;
}
.view-header.is-editing .view-header__label_wrapper {
  flex-grow: 1;
  overflow: visible;
}
.view-header.is-editable:not(.is-editing) {
  cursor: text;
}
.view-header.is-editable:not(.is-editing) .view-header__label_wrapper {
  padding: 0 6px;
}
.view-header.is-editable:not(.is-editing) .view-header__label_wrapper ::before {
  content: "";
  position: absolute;
  border-radius: 6px;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0px;
  border: dashed 1px var(--G-4, #B2B2B3);
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.view-header.is-editable:not(.is-editing) .view-header__label_wrapper:hover ::before {
  opacity: 1;
}
.view-header__label_wrapper {
  position: relative;
}
.view-header__label-edit {
  position: relative;
  max-width: 100%;
}
.view-header__label-edit__error {
  background-color: #FF5757;
  border-radius: 3px 3px 3px 0;
  bottom: 100%;
  color: var(--G-0, #FFFFFF);
  max-width: calc(100% - 5px);
  padding: 1px 6px;
  position: absolute;
  white-space: nowrap;
  text-overflow: clip;
  max-width: none;
}
.view-header__label-edit__input {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  border: solid 1px var(--solution-primary-color);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  padding: 0 6px;
  white-space: nowrap;
  max-width: 700px;
  width: 100%;
}
.view-header__label-edit.has-error .view-header__label-edit__input {
  border-color: #FF5757;
  border-top-left-radius: 0;
}
.view-header__label-edit__input::selection {
  background-color: rgba(255, 185, 56, 0.3);
}
.view-header__label-edit::after {
  border-radius: 8px;
  border: solid 4px var(--solution-primary-color);
  bottom: -4px;
  content: "";
  left: -4px;
  opacity: 0.3;
  pointer-events: none;
  position: absolute;
  right: -4px;
  top: -4px;
  z-index: -1;
  max-width: 708px;
}
.view-header__label-edit.has-error::after {
  border-color: #FF5757;
  border-top-left-radius: 0;
}
.view-header__view-menu {
  margin-left: 4px;
}
.view-header__actions {
  align-items: center;
  column-gap: 10px;
  display: flex;
  flex-direction: row;
  margin-left: 10px;
}
.view-header__actions .application-heading__favorite {
  line-height: 0;
}
.view-header__description-tooltip {
  line-height: 0;
  cursor: pointer;
  color: var(--G-3, #C7C8C9);
  transition: color 150ms ease-out;
}
.view-header__description-tooltip:hover {
  color: var(--G-8, #4d4d4d);
}
.view-header__report-menu-wrapper .menu-option-wrapper__list {
  padding: 5px 0;
  row-gap: 4px;
}
.view-header__report-menu-wrapper .menu-option-wrapper__list .report-menu__report {
  margin-top: 4px;
  padding-top: 4px;
}
.view-header__report-menu-wrapper .menu-option-wrapper__list .report-menu-footer {
  margin: 0;
  margin-bottom: -5px;
  padding: 12px 8px 12px 15px;
}
.view-edit-textarea {
  min-height: 124px;
}
.view-edit-textarea .ScrollbarsCustom,
.view-edit-textarea .custom-scrollbar-textarea__scrollbar {
  height: 100% !important;
}
.view-edit-textarea .ScrollbarsCustom-Content {
  padding: 0 !important;
  height: calc(100% - 2px) !important;
}
.view-edit-textarea .custom-scrollbar-textarea {
  min-height: 124px;
}
.edit-description-textarea__body {
  padding: 18px 20px 15px;
}
.edit-description-textarea__body .switch-button {
  padding: 0 2px;
  width: 100%;
}
.edit-description-textarea__body .switch-button__text {
  text-transform: unset;
  font-size: 11px;
  line-height: 16px;
}
.view-header-menu-button {
  border-radius: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--ic-dark, #2D2D2D);
  transition: background 150ms ease-out , color 150ms ease-out;
}
.view-header-menu-button--size-s {
  width: 20px;
  height: 20px;
}
.view-header-menu-button:hover, .view-header-menu-button.is-active {
  background: var(--G-1-5, #E9E9E9);
}
.view-header-menu-button:hover, .view-header-menu-button.is-active {
  transition: background 200ms ease-in , color 200ms ease-in;
}
.team-plan-label {
  align-items: center;
  background-color: #FFF2DC;
  border-radius: 10px;
  border: 1px solid rgba(255, 185, 56, 0.5);
  display: inline-flex;
  height: 20px;
  min-width: 49px;
  gap: 4px;
  padding: 0px 8px 0px 6px;
}
.share-solution-modal-content {
  padding: 30px;
}
.share-solution-modal-content__warning {
  margin: 30px -15px -5px -15px;
}
.share-solution-modal-header {
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 30px;
  margin-bottom: 33px;
}
.share-solution-modal-header__icon {
  min-width: 32px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--solution-primary-color);
  border-radius: 5px;
  margin-right: 12px;
}
.share-solution-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  height: 58px;
  border-top: 1px solid var(--G-2, #DEDEDE);
}
.solution-lock-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--G-0-5, #FAFAFA);
}
.solution-lock-layout__header {
  display: flex;
  align-items: center;
  min-height: 56px;
  border-top: 4px solid var(--solution-primary-color);
  padding: 0 38px;
}
.solution-lock-layout__body {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  background: url("/assets/images/solution/grid-blank.svg") 0 0 no-repeat;
  box-shadow: inset 0 -20px 30px 0 var(--G-0-5, #FAFAFA);
}
.solution-lock-layout__scroll {
  overflow-y: auto;
  width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  padding: 0 38px;
}
.solution-lock-layout__scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.solution-lock-layout__scroll::-webkit-scrollbar-track {
  background-color: transparent;
}
.solution-lock-layout__scroll::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.solution-lock-layout__scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.solution-lock-layout__content {
  margin: auto;
}
.solution-lock-layout__footer {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 10px 0 30px 0;
}
.solution-template-workspace-modal-view {
  min-width: 600px;
  max-width: 600px;
}
.solution-template-workspace-modal-view__main {
  margin-bottom: 3px;
}
.solution-template-workspace-modal-view__install {
  width: 100%;
  margin-bottom: 8px;
  justify-content: center;
  margin-top: 50px;
}
.solution-template-workspace-modal-view__back {
  font-size: 15px;
  height: 40px;
  width: 100%;
  justify-content: center;
  font-weight: 500;
}
.solution-template-workspace-select__title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.solution-template-workspace-select__tooltip {
  margin-left: 7px;
}
.solution-template-workspace-option {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 68px;
  background-color: var(--G-0, #FFFFFF);
}
.solution-template-workspace-option__content {
  overflow: hidden;
  font-size: 0;
  padding-left: 15px;
}
.solution-template-workspace-option__title {
  color: var(--typo-primary, #2E3538);
}
.solution-template-workspace-option__image {
  min-width: 180px;
  width: 180px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}
.solution-template-workspace-option__image img {
  max-height: 100%;
}
.solution-template-workspace-option:not(.is-selected) {
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  padding: 3px;
  transition: border-color 150ms ease-out;
}
.solution-template-workspace-option:not(.is-selected):hover {
  border-color: var(--solution-primary-color);
  transition: border-color 150ms ease-out;
}
.solution-template-workspace-option:not(.is-selected):hover .solution-template-workspace-option__title {
  color: var(--solution-primary-color);
}
.solution-template-workspace-option.is-selected {
  padding-right: 16px;
}
.solution-template-workspace-select-picker {
  min-height: 68px;
  --arrow-select-top-position: 17px;
  --arrow-select-right-position: 12px;
}
.solution-template-workspace-list {
  --select-option-margin-bottom: 4px;
}
.solution-template-workspace-footer {
  background-color: var(--G-0, #FFFFFF);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 10px;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solution-template-workspace-footer__logo {
  display: flex;
  max-width: 90px;
  min-width: 90px;
  height: 30px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.solution-template-workspace-footer__logo img {
  max-height: 100%;
}
.solution-template-workspace-footer.default-image .solution-template-workspace-footer__logo {
  justify-content: flex-start;
  height: 50px;
  margin-left: 0;
}
.share-solution-workspace-login-view {
  padding-bottom: 50px;
}
.share-solution-workspace-login-view__title {
  margin-bottom: 12px;
}
.share-solution-workspace-login-view__link {
  cursor: pointer;
}
.share-solution-workspace-permissions-view {
  padding-bottom: 50px;
}
.share-solution-workspace-permissions-view__title {
  margin-bottom: 12px;
}
.embed-code-page {
  padding-top: 20px;
  background-color: var(--G-0, #FFFFFF);
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.embed-code-page__container {
  max-width: 1180px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  width: 100%;
}
.embed-code-page__header {
  height: 44px;
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  width: 100%;
}
.embed-code-page__modes {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.embed-code-page__inner {
  display: flex;
  padding-bottom: 43px;
}
.embed-code-page__preview {
  background-color: var(--G-1, #F3F3F4);
  height: 100%;
  overflow: hidden;
}
.embed-code-page__wrapper {
  position: relative;
  height: 100%;
  padding-top: 10px;
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  align-items: center;
}
.embed-code-page__view {
  border: 1px solid var(--G-1-5, #E9E9E9);
  height: 100%;
  width: 100%;
  background-color: var(--G-0, #FFFFFF);
}
.embed-code-page--desktop .embed-code-page__wrapper {
  padding-bottom: 30px;
}
.embed-code-page--tablet .embed-code-page__wrapper {
  padding-bottom: 50px;
}
.embed-code-page--tablet .embed-code-page__view {
  min-width: 768px;
  max-width: 768px;
  margin: 0 auto;
}
.embed-code-page--phone .embed-code-page__wrapper {
  padding-bottom: 50px;
}
.embed-code-page--phone .embed-code-page__view {
  max-width: 410px;
  min-width: 410px;
  margin: 0 auto;
}
.embed-code-page-settings {
  min-width: 50%;
  max-width: 50%;
  padding-top: 20px;
}
.embed-code-page-settings__title {
  margin-bottom: 2px;
}
.embed-code-page-settings__name {
  margin-bottom: 20px;
}
.embed-code-page-settings__toggles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.embed-code-page-settings__toggle:not(:last-child) {
  margin-bottom: 10px;
}
.embed-code-page-link {
  padding-top: 20px;
  min-width: 50%;
  max-width: 50%;
}
.embed-code-page-link__input-group {
  background-color: var(--G-0-5, #FAFAFA);
}
.embed-code-page-link__input-group.is-active {
  background-color: var(--G-0, #FFFFFF);
}
.embed-code-page-link__header {
  margin-bottom: 7px;
  display: flex;
  align-items: center;
}
.embed-code-page-link__icon {
  margin-right: 8px;
}
.embed-code-page-link__textarea {
  height: 104px;
}
.embed-code-page-link__button {
  position: absolute;
  right: 5px;
  bottom: 4px;
}
.embed-code-page-preview-type {
  min-width: 44px;
  min-height: 44px;
  width: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--solution-secondary-color);
  border: 2px solid var(--G-0, #FFFFFF);
  color: var(--solution-primary-color);
  cursor: pointer;
}
.embed-code-page-preview-type:not(:last-child) {
  margin-bottom: 18px;
}
.embed-code-page-preview-type.is-active {
  background-color: var(--solution-primary-color);
  border-color: transparent;
  color: var(--G-0, #FFFFFF);
}
.solution-menu {
  width: 294px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  overflow: hidden;
}
.solution-menu__header, .solution-menu__setup {
  padding-left: 5px;
  padding-right: 5px;
}
.solution-menu__list {
  padding-top: 12px;
  padding-bottom: 12px;
}
.solution-menu__list:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.solution-menu__list:last-child {
  border-radius: 0 0 5px 5px;
}
.solution-menu__option {
  color: var(--tertiary, #6B6B6B);
}
.solution-menu__option strong {
  font-weight: 600;
}
.solution-menu__setup {
  padding-top: 12px;
  padding-bottom: 12px;
}
.solution-menu__menus {
  background-color: var(--G-0-5, #FAFAFA);
}
.solution-menu__scrollbar {
  max-height: calc(100vh - var(--topbar-height) - 65px);
}
.solution-menu__icon {
  margin-top: 3px;
}
.solution-menu__view-as .solution-menu__icon {
  color: var(--G-7, #6F7173);
}
.solution-menu__tooltip {
  width: 100%;
}
.solution-menu.is-error .solution-menu__scrollbar {
  max-height: calc(100vh - 104px - var(--topbar-height));
}
.solution-menu-palette {
  max-width: 477px;
  min-width: 477px;
  --color-picker-item-dimension: 35px;
  --color-picker-item-bottom-indent: 11px;
  --color-picker-item-indent-negative: -7.5px;
  --color-picker-item-indent: 5.5px;
}
.solution-color-submenu.menu-option {
  margin: 0 -5px 1px;
  width: auto;
}
.solution-color-submenu {
  color: var(--tertiary, #6B6B6B);
}
.iconset-submenu-item.menu-option {
  margin: 0 -5px;
  width: auto;
  color: var(--tertiary, #6B6B6B);
}
.solution-name-input__control {
  border: 1px dashed var(--G-3, #C7C8C9);
  transition: border-color 150ms ease-out;
}
.solution-name-input__control:hover {
  border-color: var(--G-5, #9B9C9E);
  transition: border-color 200ms ease-in;
}
.solution-name-input__control.is-focus {
  border-color: var(--border-active-color);
  transition: border-color 200ms ease-in;
}
.solution-name-input__control.error {
  border-color: #FF5757;
  transition: border-color 200ms ease-in;
}
.permission-menu-count {
  margin-left: 7px;
}
.permission-menu-option {
  color: var(--tertiary, #6B6B6B);
}
.automations-menu-count {
  margin-left: 7px;
}
.automation-menu-option {
  color: var(--tertiary, #6B6B6B);
}
.delete-template-data {
  border-radius: 4px;
  background-color: #FEECEE;
  padding: 12px 15px;
  margin: 10px 5px -7px;
  min-width: 284px;
  max-width: 284px;
}
.delete-template-data__tooltip {
  position: absolute;
  top: 2px;
  right: 0;
}
.delete-template-data__description {
  display: block;
}
.delete-template-data__header {
  margin-bottom: 2px;
  position: relative;
  display: inline-block;
  padding-right: 21px;
}
.delete-template-data__buttons {
  margin: 11px 2px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  padding-top: 8px;
}
.delete-template-data__tooltip-button {
  opacity: 0.27;
  transition: opacity 150ms ease-out , color 150ms ease-out;
}
.delete-template-data__tooltip-button:hover {
  opacity: 1;
  transition: opacity 200ms ease-in , color 200ms ease-in;
}
.delete-template-data__button {
  line-height: 24px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 13px;
  width: 50%;
  transition: background-color 150ms ease-out;
}
.delete-template-data__button--cancel {
  background-color: rgba(77, 77, 77, 0.1);
  margin-right: 7px;
  margin-left: -2px;
}
.delete-template-data__button--cancel:hover {
  background-color: rgba(77, 77, 77, 0.2);
  transition: background-color 200ms ease-in;
}
.delete-template-data__button--delete {
  margin-left: 7px;
  margin-right: -2px;
  background-color: rgba(255, 87, 87, 0.15);
}
.delete-template-data__button--delete:hover {
  background-color: rgba(255, 87, 87, 0.26);
  transition: background-color 200ms ease-in;
}
.solution-icons-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 20px 0px 20px;
}
.solution-icons-list__wrapper {
  width: var(--solution-icons-list-width, 355px);
  height: var(--solution-icons-list-height, 258px);
}
.solution-icons-list__scroll {
  height: 100%;
  margin-right: -15px;
}
.solution-icons-list__list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 68px;
  padding: var(--solution-icons-list-padding, 0);
}
.solution-icons-list__category {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.solution-icons-list__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--solution-icons-list-gap, 13px);
}
.solution-icons-list__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 6px;
  background-color: transparent;
  font-size: 20px;
  line-height: 100%;
  color: var(--solution-primary-color, var(--G-8, #4d4d4d));
  cursor: pointer;
  transition: border-color 150ms ease-out , background-color 150ms ease-out , color 150ms ease-out;
}
.solution-icons-list__button:hover, .solution-icons-list__button.is-active {
  border-color: var(--G-3, #C7C8C9);
  background-color: var(--G-0-5, #FAFAFA);
  color: var(--solution-hover-color);
  transition: border-color 200ms ease-in , background-color 200ms ease-in , color 200ms ease-in;
}
.solution-icons-list__no-results {
  height: 100%;
}
.google-sign-in-modal__button {
  -webkit-appearance: none;
  -webkit-user-select: none;
  align-items: center;
  background-color: #4285F4;
  border-radius: 1px;
  border: solid 1px #4285F4;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 40px;
  margin: 0 auto;
  outline: none;
  overflow: hidden;
  transition: background-color 0.2s, box-shadow 0.2s;
  white-space: nowrap;
}
.google-sign-in-modal__button:hover {
  box-shadow: 0 0 3px 3px rgba(66, 133, 244, 0.3);
}
.google-sign-in-modal__button:active {
  background-color: #3367D6;
}
.google-sign-in-modal__icon-wrapper {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 1px;
  line-height: 0;
  padding: 10px;
}
.google-sign-in-modal__icon {
  height: 18px;
  width: 18px;
}
.google-sign-in-modal__label {
  color: var(--G-0, #FFFFFF);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.21px;
  padding: 0 14px;
}
.sharing-passcode-modal-view {
  padding: 30px 30px 0;
  background-color: var(--G-0-5, #FAFAFA);
  width: 498px;
  max-width: 498px;
  border-radius: 5px;
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
  min-height: 244px;
  display: flex;
  flex-direction: column;
}
.sharing-passcode-modal-view__input {
  margin-bottom: 38px;
}
.sharing-passcode-modal-view__title {
  margin-bottom: 12px;
}
.sharing-passcode-modal-view__description {
  margin-bottom: 24px;
}
.sharing-passcode-modal-view__description strong {
  font-weight: 600;
}
.sharing-passcode-modal-view__footer {
  border-top: 1px solid var(--G-2, #DEDEDE);
  margin: auto -30px 0;
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px;
  height: 55px;
  border-radius: 0 0 5px 5px;
}
.sharing-email-domain-modal-view {
  padding: 30px 30px 0;
  background-color: var(--G-0-5, #FAFAFA);
  width: 498px;
  max-width: 498px;
  border-radius: 5px;
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
  min-height: 244px;
  display: flex;
  flex-direction: column;
}
.sharing-email-domain-modal-view__input {
  margin-bottom: 38px;
}
.sharing-email-domain-modal-view__title {
  margin-bottom: 12px;
}
.sharing-email-domain-modal-view__description {
  margin-bottom: 24px;
}
.sharing-email-domain-modal-view__footer {
  border-top: 1px solid var(--G-2, #DEDEDE);
  margin: auto -30px 0;
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px;
  height: 55px;
  border-radius: 0 0 5px 5px;
}
.section-condition-modal {
  overflow: hidden;
}
.section-condition-modal__filter.report-toolbar-table {
  padding-top: 33px;
}
.section-condition-modal__filter {
  --filter-condition-padding: 0 10px 0 0;
  --filter-window-content-fields-min-width: 150px;
  --filter-window-content-fields-max-width: 150px;
  --filter-window-content-dropdown-max-width: 270px;
}
.section-condition-modal__header {
  height: 80px;
  padding: 16px 30px;
  position: relative;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.section-condition-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--G-4, #B2B2B3);
  cursor: pointer;
}
.section-condition-modal__close:hover {
  color: var(--G-7, #6F7173);
}
.section-condition-modal__wrapper {
  padding-left: 30px;
  padding-right: 30px;
  min-height: 364px;
}
.section-condition-modal__footer {
  height: 55px;
  display: flex;
  padding: 0 30px;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.section-condition-dropdown {
  --single-select-min-height: 30px;
  --arrow-select-top-position: -2px;
  --expanding-right-position: 0;
  min-height: 32px;
}
.filter-add-button-condition {
  margin-top: 12px;
}
.invite-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.invite-field__list {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.invite-field__item {
  margin: 4px 4px 4px 0;
}
.invite-field__item:last-child {
  margin-right: 0;
}
.invite-field__input-item {
  position: relative;
  flex-grow: 1;
  min-width: 35px;
  height: 26px;
}
.invite-field__input-item input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  line-height: 18px;
  color: var(--typo-primary, #2E3538);
  letter-spacing: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background: transparent;
  border: none;
}
.invite-field__button {
  position: relative;
  top: 2px;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  background: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  transition: background-color 150ms ease-out;
  appearance: none;
  border: none;
}
.invite-field__button.is-active, .invite-field__button:hover {
  background: #E7F0FE;
  transition: background-color 200ms ease-in;
}
.invite-field__button.is-active .invite-field__button-icon, .invite-field__button:hover .invite-field__button-icon {
  color: var(--solution-primary-color);
}
.invite-field__button-icon {
  color: var(--G-7, #6F7173);
}
.invite-field__dropdown {
  width: 248px;
}
.SendToInput {
  padding: 0 12px;
  display: flex;
  flex-wrap: wrap;
}
.SendToInput__scrollbar {
  width: 100%;
  display: flex;
}
.SendToInput__scrollbar .ScrollbarsCustom {
  max-height: 125px;
}
.SendToInput__validation-message {
  display: flex;
  align-items: baseline;
  margin-top: 4px;
}
.SendToInput__remove-invalid-button {
  font-size: 11px;
  color: var(--solution-primary-color);
  font-weight: normal;
}
.SendToInput__field {
  margin-bottom: 5px;
}
.SendToInput__field input {
  padding: 0;
}
.SendToInput .email-pill {
  margin-top: 5px;
  margin-right: 5px;
}
.radio-choice-option {
  display: flex;
  height: 35px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  cursor: pointer;
}
.radio-choice-option.is-checked {
  background-color: var(--G-0, #FFFFFF);
}
.radio-choice-option__field {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.radio-choice-option__body {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 0 9px;
}
.radio-choice-option__icon {
  display: flex;
  margin-right: 11px;
}
.radio-choice-option__text {
  overflow: hidden;
  display: flex;
}
.send-attachment-record-modal__wrap {
  overflow: hidden;
  display: flex;
}
.send-attachment-record-modal__form {
  position: relative;
  width: 50%;
  padding: 30px;
  background-color: var(--G-0-5, #FAFAFA);
  box-shadow: 0 9px 24px 0 rgba(15, 15, 15, 0.2), 0 3px 6px 0 rgba(15, 15, 15, 0.1), 0 0 0 1px rgba(15, 15, 15, 0.05);
}
.send-attachment-record-modal__options {
  width: 50%;
  padding: 30px 30px 22px 30px;
  background-color: var(--G-1, #F3F3F4);
}
.send-attachment-record-modal__title {
  margin: 0 0 15px 0;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  padding: 0 0 10px 0;
}
.send-attachment-record-modal__subtitle {
  margin-bottom: 4px;
}
.send-attachment-record-modal__error {
  margin-top: 5px;
}
.send-attachment-record-modal__remove-invalid {
  margin-top: 5px;
  cursor: pointer;
}
.send-attachment-record-modal__group {
  margin-bottom: 15px;
}
.send-attachment-record-modal__fields {
  margin-bottom: 32px;
}
.send-attachment-record-modal__checkbox {
  margin-bottom: 8px;
}
.send-attachment-record-modal__attach {
  margin-bottom: 24px;
}
.send-attachment-record-modal__choices {
  display: flex;
  flex-wrap: wrap;
  padding: 0 21px 0 27px;
}
.send-attachment-record-modal__choices-item {
  width: 50%;
  padding-right: 4px;
  margin-bottom: 4px;
}
.page-settings-panel .panel-resizer:hover::after {
  opacity: 1;
}
.page-settings-panel .panel-resizer::before {
  top: 12px;
  bottom: 12px;
}
.page-settings-panel .panel-resizer::after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9px;
  width: 12px;
  height: 100%;
  border-left: 2px solid var(--solution-primary-color);
  border-radius: 12px 0 0 12px;
  pointer-events: none;
  transition: opacity 200ms ease-in-out;
}
.page-settings-panel__tabs {
  padding: 10px 19px 0;
  background-color: var(--G-0, #FFFFFF);
  border-bottom: 1px solid var(--G-1-6, #E8E8E8);
  --basic-tab-small-paddings: 9px 0;
  --basic-tabs-slider-small-bottom: 5px;
}
.r-page-settings-layout {
  padding: 15px 15px 15px 20px;
}
.r-page-settings-layout__item {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  height: 190px;
  margin-bottom: 9px;
  padding: 17px 15px 15px 20px;
  background-color: transparent;
  border-radius: 5px;
}
.r-page-settings-layout__item:hover {
  background-color: var(--G-1, #F3F3F4);
}
.r-page-settings-layout__item.is-active {
  background-color: var(--solution-secondary-color);
}
.r-page-settings-layout__item.is-active .r-page-settings-layout__desc {
  color: var(--typo-primary, #2E3538);
}
.r-page-settings-layout__item.is-active .r-page-settings-layout__img svg .r-page-settings-layout__svg-path {
  fill: var(--solution-primary-color);
}
.r-page-settings-layout__title {
  margin-bottom: 8px;
}
.r-page-settings-layout__text {
  width: 145px;
  margin: 15px 27px 0 0;
}
.r-page-settings-layout__desc {
  color: var(--typo-secondary, #878B92);
}
.r-page-settings-layout__img {
  width: calc(100% - 172px);
  text-align: center;
}
.r-page-settings-layout__img svg {
  max-width: 100%;
  border-radius: 10px 10px 0 0;
}
.r-page-settings-layout__img svg .r-page-settings-layout__svg-path {
  fill: #d7d7d7;
}
.page-settings-fields-style {
  padding: 15px 15px 15px 19px;
}
.page-settings-fields-style__item {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  height: 190px;
  margin-bottom: 9px;
  padding: 17px 15px 15px 20px;
  background-color: transparent;
  border-radius: 5px;
}
.page-settings-fields-style__item:hover {
  background-color: var(--G-1, #F3F3F4);
}
.page-settings-fields-style__item.is-active {
  background-color: #E7F0FE;
}
.page-settings-fields-style__item.is-active .page-settings-fields-style__list-item {
  color: var(--typo-primary, #2E3538);
}
.page-settings-fields-style__item--basic .page-settings-fields-style__input-wrap {
  background-color: var(--G-0-5, #FAFAFA);
}
.page-settings-fields-style__item--basic .page-settings-fields-style__input {
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-2, #DEDEDE);
}
.page-settings-fields-style__text {
  max-width: 185px;
  width: 100%;
  margin-top: 15px;
}
.page-settings-fields-style__title {
  margin-bottom: 8px;
}
.page-settings-fields-style__list-item {
  position: relative;
  padding-left: 13px;
  color: var(--typo-secondary, #878B92);
}
.page-settings-fields-style__list-item::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #3A86FF;
  border-radius: 50%;
}
.page-settings-fields-style__hr {
  width: 100%;
  margin: 12px 0;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  border-top: 0;
}
.page-settings-fields-style__on-off {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-settings-fields-style__heading {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.page-settings-fields-style__heading .page-settings-fields-style__title {
  margin-bottom: 0;
  font-size: 0;
  font-weight: 500;
  letter-spacing: 0.41px;
}
.page-settings-fields-style__icon {
  height: 16px;
  margin-right: 9px;
  color: var(--G-4, #B2B2B3);
}
.page-settings-fields-style__input-wrap {
  width: 290px;
  padding: 47px 0 54px 29px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 10px;
  transform: translateX(55px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
}
.page-settings-fields-style__input {
  padding: 7px 12px;
  background-color: var(--G-1, #F3F3F4);
  border: 0;
  border-radius: 4px;
}
.record-field-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  margin-bottom: 20px;
  padding-bottom: 5px;
  min-height: 36px;
}
.record-field-section:hover .record-field-section__menu, .record-field-section--menu-active .record-field-section__menu {
  visibility: visible;
}
.record-field-section__content {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.record-field-section__menu {
  visibility: hidden;
  margin-bottom: auto;
  margin-top: 3px;
}
.record-field-section__title-button {
  display: flex;
  align-items: center;
  font-size: 10px;
  margin-right: 4px;
  padding: 3px;
  color: var(--typo-secondary, #878B92);
  border-radius: 5px;
}
.record-field-section__title-button:hover {
  background-color: var(--G-1, #F3F3F4);
}
.record-field-section__title {
  font-size: 24px;
  font-weight: 600;
  word-break: break-word;
  margin-top: 2px;
  cursor: pointer;
}
.record-field-section__editable-title {
  font-size: 24px;
  word-break: break-word;
  margin-top: 2px;
  margin-bottom: -1px;
  border-bottom: 1px solid var(--solution-primary-color);
  -webkit-user-select: text;
          user-select: text;
}
.record-field-section__editable-title::selection {
  background-color: var(--solution-secondary-color);
}
.record-field-section__editable-title[data-placeholder]:empty::before {
  content: attr(data-placeholder);
  color: var(--typo-secondary, #878B92);
}
.edit-record-options {
  display: inline-flex;
}
.edit-record-options.is-open .edit-record-options__button {
  color: var(--G-8, #4d4d4d);
}
.edit-record-options__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  color: var(--G-8, #4d4d4d);
  cursor: pointer;
  transition: color 150ms ease-out , background-color 150ms ease-out;
}
.edit-record-options__button:hover, .edit-record-options__button.is-active {
  background-color: var(--G-1, #F3F3F4);
  color: var(--G-8, #4d4d4d);
  transition: color 200ms ease-in , background-color 200ms ease-in;
}
.edit-record-options__button.is-custom-color {
  color: var(--custom-color);
}
.edit-record-options__button.is-custom-color:hover, .edit-record-options__button.is-custom-color.is-active {
  color: var(--custom-color);
  background-color: var(--custom-deep-washed-color);
}
.edit-record-options__fields {
  min-width: 300px;
}
.edit-record-presence {
  display: flex;
  position: relative;
  padding-right: 10px;
}
.edit-record-presence::after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  right: 0;
  background-color: var(--G-0, #FFFFFF);
  opacity: 0.2;
}
.edit-record-presence__text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border-bottom: 1px solid var(--G-1, #F3F3F4);
  background-color: var(--G-0-5, #FAFAFA);
  margin-bottom: 10px;
  border-radius: 5px 5px 0 0;
}
.edit-record-presence__paragraph {
  line-height: normal;
}
.edit-record-presence__paragraph:not(:last-child) {
  margin-right: 4px;
}
.edit-record-presence__select {
  width: 256px;
}
.edit-record-presence__select .options-list__option.is-focused {
  background: none;
}
.edit-record-presence__select .options-list__option.is-focused:hover {
  background-color: var(--G-1, #F3F3F4);
}
.edit-record-presence__tooltip {
  text-align: center;
}
.edit-record-presence__pill:hover .r-entry-user-extra__user-pill {
  color: var(--solution-primary-color);
}
.edit-record-panel {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: var(--G-0, #FFFFFF);
}
.edit-record-panel__header {
  border-bottom: 1px solid #f1f1f1;
  padding: 15px 15px 15px 20px;
  background-color: var(--G-1, #F3F3F4);
  height: 58px;
  display: flex;
}
.edit-record-panel__icon {
  margin-right: 13px;
  display: flex;
}
.edit-record-panel__title {
  display: flex;
}
.edit-record-panel__close {
  margin-left: auto;
  color: var(--ic-light, #c7cdcf);
  display: flex;
  cursor: pointer;
}
.edit-record-panel__close:hover {
  color: #FF5757;
}
.edit-record-panel__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.edit-record-panel__body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.edit-record-panel__body::-webkit-scrollbar-track {
  background-color: transparent;
}
.edit-record-panel__body::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.edit-record-panel__body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.edit-record-panel--view-settings {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.edit-record-panel--view-settings .edit-record-panel__header {
  border-top-left-radius: 12px;
  align-items: center;
  height: 46px;
  padding: 15px 13px 15px 20px;
  background-color: transparent;
  border-bottom: none;
}
.edit-record-panel--view-settings .edit-record-panel__title {
  font-size: 13px;
  line-height: 18px;
}
.edit-record-panel--view-settings .edit-record-panel__close {
  color: var(--G-5, #9B9C9E);
}
.edit-record-panel--view-settings .edit-record-panel__close:hover {
  color: var(--G-8, #4d4d4d);
}
.hidden-fields-group {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
}
.hidden-fields-group__button {
  position: absolute;
  left: -26px;
  display: flex;
  align-items: center;
  color: var(--G-5, #9B9C9E);
  padding: 2px;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.hidden-fields-group__button:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.hidden-fields-group__title {
  margin-right: 5px;
}
.section-settings-panel__tabs {
  position: relative;
  margin: 0 0 12px 0;
  padding: 0 20px 0 20px;
  white-space: nowrap;
}
.section-settings-panel__tabs::after {
  content: " ";
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.section-settings-panel__sections {
  margin-bottom: 10px;
}
.section-settings-panel__text {
  margin-top: 10px;
  margin-bottom: 10px;
}
.section-settings-panel-item {
  padding: 10px 15px;
  border-radius: 6px;
  border: 1px solid var(--G-1-5, #E9E9E9);
}
.section-settings-panel-item:not(:last-child) {
  margin-bottom: 8px;
}
.section-settings-panel-item__title {
  margin-bottom: 8px;
  display: inline-block;
}
.edit-record-input-menu {
  --menu-option-bottom-margin: 4px;
}
.edit-record-input-menu__submenu {
  --menu-option-bottom-margin-last: 4px;
}
.edit-record-input-menu__separator {
  margin-top: 7px;
  margin-bottom: 9px;
}
.edit-record-settings-panel {
  display: block;
}
.record-section-description {
  width: 100%;
  margin-top: 3px;
  padding-left: 26px;
}
.record-section-description .ProseMirror {
  word-break: break-word;
}
.record-section-description .ProseMirror .empty-node {
  margin-bottom: 0;
}
.record-section-description .ProseMirror .empty-node::before {
  color: var(--G-4, #B2B2B3);
  font-weight: 400;
}
.record-section-description .ProseMirror p {
  margin-bottom: 0;
  font-size: 14px;
}
.fields-settings {
  height: var(--field-settings-height, 100%);
  padding: var(--field-settings-padding, 25px 15px 0 20px);
  display: flex;
  flex-direction: column;
}
.fields-settings__title {
  display: inline-block;
  margin-bottom: 14px;
}
.fields-settings__no-search-results {
  padding: var(--field-settings-no-search-results-padding, 0);
}
.fields-settings__tabs {
  position: relative;
  margin: var(--field-settings-tabs-margin, 0 -15px 12px -20px);
  padding: var(--field-settings-tabs-padding, 0 15px 0 20px);
  white-space: nowrap;
}
.fields-settings__tabs::after {
  content: " ";
  position: absolute;
  right: 15px;
  bottom: 0;
  left: 20px;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.fields-settings__tabs .r-basic-tab {
  margin-right: 0;
}
.fields-settings__container {
  padding-top: 8px;
  padding-bottom: var(--field-settings-padding-bottom, 80px);
}
.fields-settings__scrollbar {
  height: 100%;
  margin: var(--field-settings-scrollbar-margin, 0 -15px 0 -20px);
  padding: var(--field-settings-scrollbar-padding, 0 15px 0 20px);
  overflow: hidden;
}
.fields-settings__search {
  min-height: 34px;
}
.fields-settings__search-group {
  min-height: 36px;
}
.fields-settings__condition {
  margin-left: 4px;
}
.fields-settings__badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 18px;
  min-width: 18px;
  margin-left: 6px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 5px;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
}
.field-setting-item {
  height: var(--field-setting-item-height, 36px);
  min-height: var(--field-setting-item-min-height, 36px);
  border-radius: 5px;
  padding: 0 10px 0 12px;
  display: flex;
  align-items: center;
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.field-setting-item:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.field-setting-item__drag {
  cursor: grab;
  margin-right: 10px;
}
.field-setting-item__icon {
  margin-right: 10px;
  color: var(--field-setting-item-icon-color, var(--ic-dark, #2D2D2D));
}
.field-setting-item__condition-icon {
  margin-left: 4px;
  color: #FFB938;
}
.field-setting-item__buttons {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.field-setting-item__label {
  color: var(--field-setting-item-label-color, var(--typo-primary, #2E3538));
  font-weight: var(--field-setting-item-label-font-weight, 400);
}
.field-setting-item__button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  background-color: var(--G-1, #F3F3F4);
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.field-setting-item__button:hover {
  background-color: var(--G-2, #DEDEDE);
  transition: background-color 200ms ease-in;
}
.field-setting-item__button-icon {
  color: var(--ic-dark, #2D2D2D);
}
.field-setting-item__permissions_button, .field-setting-item__settings_button, .field-setting-item__move_button {
  display: none;
}
.field-setting-item--menu-active .field-setting-item__permissions_button,
.field-setting-item--menu-active .field-setting-item__settings_button,
.field-setting-item--menu-active .field-setting-item__move_button, .field-setting-item:hover .field-setting-item__permissions_button,
.field-setting-item:hover .field-setting-item__settings_button,
.field-setting-item:hover .field-setting-item__move_button {
  display: flex;
}
.field-setting-item--menu-active .field-setting-item__label, .field-setting-item:hover .field-setting-item__label {
  color: var(--field-setting-item-label-color-hover, var(--typo-primary, #2E3538));
}
.field-setting-item.is-hidden .field-setting-item__icon,
.field-setting-item.is-hidden .field-setting-item__label,
.field-setting-item.is-hidden .field-setting-item__visibility_button {
  opacity: var(--field-setting-item-opacity-hidden, 0.5);
}
.field-setting-item.is-hidden .field-setting-item__visibility_button {
  background-color: transparent;
}
.field-setting-item--menu-active .field-setting-item__move_button {
  background-color: var(--G-2, #DEDEDE);
  transition: background-color 200ms ease-in;
}
.section-settings {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: var(--section-settings-min-height, 40px);
  margin-bottom: var(--section-settings-margin-bottom, 4px);
  border-bottom: var(--section-settings-border-bottom, 1px solid var(--G-1-5, #E9E9E9));
  padding: var(--section-settings-padding, 8px 10px 8px 0);
}
.section-settings__description {
  width: 100%;
  margin-top: 2px;
}
.section-settings__description p {
  font-size: 12px;
  margin-bottom: 0;
}
.section-settings__visibility_action.is-hidden .section-settings__button {
  background-color: transparent;
}
.section-settings__visibility_action.is-hidden .section-settings__button-icon {
  color: var(--G-4, #B2B2B3);
}
.section-settings__content {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 4px;
}
.section-settings__action {
  margin-left: auto;
}
.section-settings__move_up_action .section-settings__button, .section-settings__move_down_action .section-settings__button, .section-settings__move_action .section-settings__button {
  background-color: transparent;
}
.section-settings__move_up_action, .section-settings__move_down_action, .section-settings__menu_action, .section-settings__move_action {
  display: none;
}
.section-settings__move_up_action .section-settings__button, .section-settings__move_down_action .section-settings__button, .section-settings__menu_action .section-settings__button, .section-settings__move_action .section-settings__button {
  color: var(--G-8, #4d4d4d);
}
.section-settings:hover:not(.is-description-enabled):not(.is-title-enabled) .section-settings__move_up_action,
.section-settings:hover:not(.is-description-enabled):not(.is-title-enabled) .section-settings__move_down_action,
.section-settings:hover:not(.is-description-enabled):not(.is-title-enabled) .section-settings__menu_action,
.section-settings:hover:not(.is-description-enabled):not(.is-title-enabled) .section-settings__move_action, .section-settings--menu-active:not(.is-description-enabled):not(.is-title-enabled) .section-settings__move_up_action,
.section-settings--menu-active:not(.is-description-enabled):not(.is-title-enabled) .section-settings__move_down_action,
.section-settings--menu-active:not(.is-description-enabled):not(.is-title-enabled) .section-settings__menu_action,
.section-settings--menu-active:not(.is-description-enabled):not(.is-title-enabled) .section-settings__move_action, .section-settings--move-to-tab-menu-active:not(.is-description-enabled):not(.is-title-enabled) .section-settings__move_up_action,
.section-settings--move-to-tab-menu-active:not(.is-description-enabled):not(.is-title-enabled) .section-settings__move_down_action,
.section-settings--move-to-tab-menu-active:not(.is-description-enabled):not(.is-title-enabled) .section-settings__menu_action,
.section-settings--move-to-tab-menu-active:not(.is-description-enabled):not(.is-title-enabled) .section-settings__move_action {
  display: flex;
}
.section-settings--move-to-tab-menu-active .section-settings__move_action .section-settings__button {
  background-color: var(--G-2, #DEDEDE);
  transition: background-color 200ms ease-in;
}
.section-settings__actions {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}
.section-settings__button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 150ms ease-out;
}
.section-settings__button:hover {
  background-color: var(--G-2, #DEDEDE);
  transition: background-color 200ms ease-in;
}
.section-settings__button:disabled {
  cursor: pointer;
}
.section-settings__editable-title {
  font-size: 24px;
  word-break: break-word;
  margin-top: 2px;
  margin-bottom: -1px;
  border-bottom: 1px solid var(--solution-primary-color);
  -webkit-user-select: text;
          user-select: text;
}
.section-settings__button-icon {
  color: var(--ic-dark, #2D2D2D);
}
.section-settings__editable-title {
  display: inline-flex;
  font-size: 12px;
  line-height: 18px;
  border-bottom: 0;
  padding-bottom: 0;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0;
}
.section-settings__option {
  --menu-option-height: 28px;
  --menu-option-icon-color: var(--G-8, #4d4d4d);
}
.section-settings:not(:first-of-type) {
  margin-top: var(--section-settings-not-first-of-type-margin-top, 20px);
  padding: var(--section-settings-not-first-of-type-padding, 8px 10px 8px 0);
  border-top: var(--section-settings-not-first-of-type-border-top, none);
}
.section-settings.is-hidden .section-settings__description {
  color: var(--typo-secondary, #878B92);
}
.section-menu {
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--G-8, #4d4d4d);
  transition: background-color 150ms ease-out;
}
.section-menu.is-active, .section-menu:hover {
  background-color: var(--G-2, #DEDEDE);
  transition: background-color 200ms ease-in;
}
.section-setting-menu-item {
  --menu-option-height: 28px;
  --menu-option-icon-margin-right: 10px;
  --menu-option-inner-padding-right: 12px;
  --menu-option-inner-padding-left: 12px;
  --menu-option-bottom-margin: 4px;
  color: var(--tertiary, #6B6B6B);
}
.section-setting-menu-separator {
  margin-bottom: 4px;
  margin-top: 4px;
}
.section-settings-collapse-checkbox {
  padding: 0 11px;
  height: 28px;
  display: flex;
  align-items: center;
  color: var(--tertiary, #6B6B6B);
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 5px;
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.section-settings-collapse-checkbox:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.section-visibility-hidden-field-option {
  padding-bottom: 15px;
  margin: 0 20px 25px;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-visibility-hidden-field-option__icon {
  color: var(--G-3, #C7C8C9);
}
.section-visibility-hidden-field-option__icon:hover {
  color: var(--G-8, #4d4d4d);
}
.section-visibility-hidden-field-option__tooltip {
  display: flex;
}
.section-visibility-hidden-field-option__toggle {
  margin-left: auto;
}
.page-settings-tabs {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 25px 15px 80px 20px;
}
.page-settings-tabs__actions {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-bottom: 15px;
}
.page-settings-tabs-align-option {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 63px;
}
.page-settings-tabs-items__list {
  display: flex;
  flex-direction: column;
}
.page-settings-tabs-items__item {
  margin-bottom: 2px;
}
.page-settings-tabs-items__icon {
  margin-left: 5px;
}
.page-settings-tabs-items__addnew {
  margin-top: 8px;
}
.page-settings-remove-tab-modal__body {
  width: 100%;
}
.page-settings-remove-tab-modal__box {
  padding: 10px 10px 1px 10px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 8px;
}
.page-settings-remove-tab-modal__list {
  --checkmark-option-height: 28px;
  --select-option-margin-bottom: 4px;
}
.page-settings-remove-tab-modal__option {
  --checkmark-option-height: 28px;
}
.condition-panel-group {
  cursor: pointer;
  height: 36px;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  padding-left: 20px;
  border: 1px solid transparent;
  justify-content: space-between;
  padding-right: 8px;
  width: 100%;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.condition-panel-group__title {
  position: relative;
  padding-right: 0;
}
.condition-panel-group__title svg {
  margin-left: 5px;
  position: absolute;
  top: 2px;
  right: 0;
}
.condition-panel-group__arrow {
  color: var(--typo-primary, #2E3538);
  transition: transform 150ms ease-out;
}
.condition-panel-group__arrow-wrapper {
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  width: 24px;
  border-radius: 3px;
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.condition-panel-group.is-opened {
  background-color: var(--G-1, #F3F3F4);
  border-color: var(--G-2, #DEDEDE);
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.condition-panel-group.is-opened .condition-panel-group__arrow-wrapper {
  background-color: var(--G-1-5, #E9E9E9);
  transition: background-color 200ms ease-in;
}
.condition-panel-group:hover {
  border-color: var(--G-2, #DEDEDE);
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.condition-panel-group.has-conditions .condition-panel-group__title {
  padding-right: 21px;
}
.condition-panel {
  border-radius: 8px;
}
.condition-panel__header {
  min-height: 40px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
  align-items: center;
}
.condition-panel__title {
  width: 100%;
}
.condition-panel__body {
  padding-top: 15px;
  background-color: rgba(250, 250, 250, 0.5);
}
.condition-panel__section-select {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0 10px 0 12px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 12px 15px 15px 15px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px;
}
.condition-panel__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  min-height: 48px;
  max-height: 48px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.condition-panel__filter {
  padding-bottom: 0;
  padding-top: 13px;
}
.condition-panel__clear {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--tertiary, #6B6B6B);
}
.condition-panel__clear-icon {
  color: #A6A6AA;
}
.condition-panel__clear:hover {
  color: var(--typo-primary, #2E3538);
}
.add-condition-tab-button {
  margin-top: 15px;
}
.tab-visibility-settings-panel-tabs {
  margin-bottom: 10px;
}
.page-settings-display-logic {
  padding: 25px 0 80px 0;
}
.page-settings-display-logic__title {
  margin: 0 20px 13px 20px;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
  padding-bottom: 18px;
}
.edit-record-settings-cover-image {
  padding: 24px 20px;
}
.edit-record-settings-cover-image__title {
  margin-bottom: 3px;
}
.edit-record-settings-cover-image__dropdown {
  margin-top: 17px;
}
.edit-record-settings-cover-image__selected {
  --checkmark-option-gutter: 0;
  color: var(--typo-primary, #2E3538);
}
.edit-record-settings-more {
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 24px 20px;
}
.edit-record-settings-more__title {
  margin-bottom: 18px;
}
.edit-record-settings-more__tooltip {
  margin-left: 4px;
  vertical-align: middle;
}
.fields-visibility-settings-panel-fields {
  margin-bottom: 10px;
}
.display-logic-group {
  margin: 37px 20px 0 20px;
}
.display-logic-group__header {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding-bottom: 11px;
}
.display-logic-group__addnew {
  margin-top: 4px;
}
.solution-templates-search-panel {
  display: flex;
  align-items: center;
}
.solution-templates-menu {
  overflow: hidden;
  height: 100%;
}
.solution-templates-menu__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-left: 30px;
  padding-top: 11px;
}
.solution-templates-menu__item {
  margin-right: 30px;
}
.solution-templates-menu__scrollbar {
  height: 100%;
}
.solution-templates-menu__group.is-expanded .solution-templates-menu__group-arrow {
  transform: rotate(180deg);
  transition: transform 200ms ease-in , color 200ms ease-in;
}
.solution-templates-menu__group-title {
  position: relative;
  width: calc(100% - 30px);
  padding-right: 20px;
  text-align: left;
}
.solution-templates-menu__group-title:hover .solution-templates-menu__group-arrow {
  color: var(--G-4, #B2B2B3);
  transition: color 200ms ease-in , transform 200ms ease-in;
}
.solution-templates-menu__group-arrow {
  position: absolute;
  top: 2px;
  right: 0;
  color: var(--G-3, #C7C8C9);
  transition: transform 150ms ease-out , color 150ms ease-out;
}
.solution-templates-menu__group-tooltip {
  position: relative;
  top: 3px;
  margin-left: 7px;
}
.solution-templates-menu__group-body {
  padding-top: 8px;
}
.solution-templates-group__head {
  display: flex;
  align-items: baseline;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  margin-bottom: 24px;
}
.solution-templates-group__arrow {
  color: var(--typo-secondary, #878B92);
  margin-left: 8px;
  opacity: 0.65;
  transform: translateX(0);
  transition: opacity 150ms ease-out , color 150ms ease-out , transform 150ms ease-out;
}
.solution-templates-group__title-group {
  cursor: pointer;
  transition: color 150ms ease-out;
}
.solution-templates-group__title-group:hover {
  color: var(--solution-primary-color);
  transition: color 200ms ease-in;
}
.solution-templates-group__title-group:hover .solution-templates-group__arrow {
  color: var(--ic-dark, #2D2D2D);
  transform: translateX(5px);
  transition: opacity 200ms ease-in , color 200ms ease-in , transform 200ms ease-in;
}
.solution-templates-group__count {
  margin-left: auto;
  cursor: pointer;
  color: var(--typo-secondary, #878B92);
  transition: color 150ms ease-out;
}
.solution-templates-group__count:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.solution-templates-group__counter {
  align-self: center;
  margin-top: 1px;
  margin-left: 8px;
}
.solution-templates-cards-list__cards {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: minmax(0, 317px) minmax(0, 317px) minmax(0, 317px);
}
.solution-templates-category-cards-list {
  margin-top: -7px;
  padding-bottom: 24px;
}
.solution-templates-category-cards-list__category:not(:last-of-type) {
  margin-bottom: 40px;
}
.solution-category-banner {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin: -40px -30px 32px -30px;
  padding: 56px 90px 40px 30px;
  background-color: var(--G-0, #FFFFFF);
}
.solution-category-banner::before {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background-color: var(--solution-primary-color);
}
.solution-category-banner__title {
  margin-bottom: 12px;
}
.solution-category-banner__watch {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 20px;
  height: 32px;
  padding: 0 13px 0 11px;
  color: var(--solution-primary-color);
  cursor: pointer;
}
.solution-category-banner__watch:hover::before {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.solution-category-banner__watch:hover::after {
  opacity: 0.2;
  transition: opacity 200ms ease-in;
}
.solution-category-banner__watch::before, .solution-category-banner__watch::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  transition: opacity 150ms ease-out;
  pointer-events: none;
}
.solution-category-banner__watch::before {
  opacity: 1;
  background-color: var(--workspace-dw-color, var(--solution-secondary-color));
}
.solution-category-banner__watch::after {
  opacity: 0;
  background-color: var(--workspace-base-color, var(--solution-primary-color));
}
.solution-category-banner__watch .icon,
.solution-category-banner__watch .text {
  position: relative;
}
.solution-templates-footer {
  position: relative;
  margin-top: 110px;
  padding-bottom: 16px;
}
.solution-templates-footer__title {
  margin: 0 auto 8px;
  max-width: 1157px;
  padding: 0 10px;
}
.solution-templates-footer__textual {
  margin-bottom: 24px;
}
.solution-templates-footer__inner {
  padding-top: 26px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
  min-height: 196px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.solution-templates-footer__button {
  padding: 0 25px;
}
.solution-templates-search-result {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  width: calc(100% - 320px);
  height: 100%;
}
.solution-templates-search-result::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--G-0-5, #FAFAFA);
  z-index: -1;
}
.solution-templates-search-result__container {
  height: 100%;
}
.solution-templates-search-result__scrollbar {
  height: 100%;
  position: relative;
  z-index: 1;
}
.solution-templates-search-result--no-results {
  height: 100%;
}
.solution-templates-search-result--no-results .solution-templates-search-result__container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.solution-templates-sidebar {
  height: 100%;
  padding-top: 16px;
  border-right: 1px solid var(--line, #ececec);
  border-radius: 8px 0 0 8px;
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  flex-direction: column;
}
.solution-templates-sidebar__item {
  padding: 0 30px;
}
.solution-templates-sidebar__header {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.solution-templates-sidebar__search {
  margin-bottom: 16px;
}
.solution-templates-sidebar__logo {
  min-width: 46px;
  min-width: 46px;
  height: 46px;
  border-radius: 5px;
  background-color: var(--solution-primary-color);
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solution-menu-link {
  height: 36px;
  padding: 0 15px;
  font-size: 15px;
  color: var(--tertiary, #6B6B6B);
  display: flex;
  align-items: center;
  border-radius: 5px;
  background-color: transparent;
  cursor: pointer;
  transition: color 150ms ease-out , background 150ms ease-out;
}
.solution-menu-link:hover:not(.is-active) {
  color: var(--typo-primary, #2E3538);
  background-color: var(--G-0-5, #FAFAFA);
}
.solution-menu-link.is-active {
  color: var(--typo-primary, #2E3538);
  font-weight: 600;
  background-color: var(--workspace-dw-color, var(--G-1, #F3F3F4));
}
.solution-templates-top-rate {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  width: 100%;
  padding: 25px 30px 10px;
  margin-bottom: 30px;
  background-color: #fef2dc;
  z-index: 1;
}
.solution-templates-top-rate__cover {
  position: absolute;
  top: -80px;
  left: 262px;
  z-index: -1;
  opacity: 0.19;
}
.solution-templates-top-rate__header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.solution-templates-top-rate__title {
  margin-left: 10px;
  color: #B07303;
  letter-spacing: 0.5px;
}
.solution-templates-top-rate__list {
  margin: 0 -6px;
  display: flex;
  flex-wrap: wrap;
}
.solution-templates-top-rate__item {
  padding: 0 6px;
  width: 50%;
  margin-bottom: 10px;
}
.solution-template-top-rate-item {
  position: relative;
  z-index: 1;
  display: flex;
  padding: 0 10px;
  align-items: center;
  border-radius: 5px;
  height: 68px;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: background 150ms ease-out;
}
.solution-template-top-rate-item:before, .solution-template-top-rate-item:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 150ms ease-out;
  z-index: -1;
  border-radius: 5px;
}
.solution-template-top-rate-item:before {
  opacity: 1;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
}
.solution-template-top-rate-item:after {
  opacity: 0;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.12);
}
.solution-template-top-rate-item__icon {
  margin-right: 20px;
}
.solution-template-top-rate-item:hover {
  background-color: white;
}
.solution-template-top-rate-item:hover:before, .solution-template-top-rate-item:hover:after {
  transition: opacity 200ms ease-in;
}
.solution-template-top-rate-item:hover:before {
  opacity: 0;
}
.solution-template-top-rate-item:hover:after {
  opacity: 1;
}
.solution-template-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  min-height: 52px;
  width: 52px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  color: var(--G-0, #FFFFFF);
}
.solution-templates-content {
  position: relative;
  height: 100%;
  flex-grow: 1;
}
.solution-templates-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--G-0-5, #FAFAFA);
}
.solution-templates-content__scrollbar {
  height: 100%;
  position: relative;
  z-index: 1;
}
.solution-templates-content__wrapper {
  padding: 40px 30px 24px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.solution-no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 30px 60px;
  height: 100%;
  justify-content: center;
}
.solution-no-results__illustration {
  margin-bottom: 32px;
}
.solution-no-results__title {
  margin-bottom: 8px;
  text-align: center;
}
.solution-no-results__description {
  margin-bottom: 41px;
}
.solution-no-results__buttons {
  display: flex;
  align-items: center;
}
.solution-no-results__button--scratch {
  padding: 0 20px;
}
.solution-no-results__separator {
  margin: 0 20px;
}
.solution-templates-card {
  background-color: var(--G-0, #FFFFFF);
  height: 100%;
  display: block;
  position: relative;
  text-decoration: none;
  border-radius: 8px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  transition: border-color 150ms ease-out;
}
.solution-templates-card__inner {
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  padding: 1px 1px 0;
}
.solution-templates-card__wrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.solution-templates-card__title {
  transition: color 150ms ease-out;
}
.solution-templates-card__header {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  position: relative;
  height: 139px;
}
.solution-templates-card__img-wrapper {
  padding-top: 47.925%;
  font-size: 0;
  height: 0;
  position: relative;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 8px;
}
.solution-templates-card__img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 6px 6px 0 0;
}
.solution-templates-card__img-container {
  position: absolute;
  top: 18px;
  left: 18px;
  right: 18px;
  border-radius: 8px;
  border: 2px solid var(--G-0, #FFFFFF);
  box-shadow: 0px 12px 31px rgba(0, 0, 0, 0.1), 0px 0.751293px 3.88168px rgba(0, 0, 0, 0.0188025);
}
.solution-templates-card__title {
  display: block;
  margin-bottom: 8px;
}
.solution-templates-card__description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 100%;
  overflow: hidden;
  max-height: 56px;
}
.solution-templates-card__labels {
  align-items: center;
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 10px;
  right: 20px;
  justify-content: space-between;
}
.solution-templates-card__label:not(:last-of-type) {
  margin-right: 10px;
}
.solution-templates-card__label .solution-templates-card__label-installed {
  padding: 0 13px 0 8px;
}
.solution-templates-card__tags {
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
  width: calc(100% - 120px);
  display: inline-flex;
}
.solution-templates-card__tag {
  background-color: var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  font-size: 11px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  font-weight: 500;
  height: 22px;
  white-space: nowrap;
}
.solution-templates-card__tag:not(:first-of-type) {
  margin-left: 3px;
}
.solution-templates-card__tag--hover {
  cursor: pointer;
  transition: background 150ms ease-out;
}
.solution-templates-card__tag--hover:hover {
  background-color: var(--G-2, #DEDEDE);
  transition: background 200ms ease-in;
}
.solution-templates-card__body {
  background-color: var(--G-0, #FFFFFF);
  position: relative;
  padding: 22px 20px 18px;
  height: 129px;
  border-radius: 0 0 5px 5px;
  transform: translateY(0);
  transition: transform 200ms ease-out;
}
.solution-templates-card__footer {
  padding: 0 20px;
  height: 0;
  opacity: 0;
  transform: translateY(0);
  width: 100%;
  transition: transform 200ms ease-out, opacity 200ms ease-out;
}
.solution-templates-card__footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
  z-index: -1;
}
.solution-templates-card__footer-inner {
  min-height: 54px;
  max-height: 54px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.solution-templates-card__button {
  min-width: 116px;
  max-width: 116px;
  white-space: nowrap;
  justify-content: center;
  width: 100%;
}
.solution-templates-card__learn-more {
  width: 116px;
  margin-right: 18px;
  justify-content: center;
  color: var(--solution-primary-color);
  transition: color 150ms ease-out;
}
.solution-templates-card__learn-more:hover {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.solution-templates-card:hover {
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in;
}
.solution-templates-card:hover .solution-templates-card__title {
  color: var(--solution-primary-color);
  transition: color 200ms ease-in;
}
.solution-templates-card--action .solution-templates-card__inner:hover .solution-templates-card__title, .solution-templates-card--action .qa-hover .solution-templates-card__title {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.solution-templates-card--action .solution-templates-card__inner:hover .solution-templates-card__body, .solution-templates-card--action .qa-hover .solution-templates-card__body {
  transform: translateY(-49px);
  transition: transform 200ms ease-in;
}
.solution-templates-card--action .solution-templates-card__inner:hover .solution-templates-card__footer, .solution-templates-card--action .qa-hover .solution-templates-card__footer {
  opacity: 1;
  transform: translateY(-54px);
  transition: transform 200ms ease-in, opacity 200ms ease-in;
}
.solution-template-search-result-list {
  height: 100%;
}
.solution-template-search-result-list__scrollbar {
  height: 100%;
}
.solution-template-search-result-list__row {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: minmax(0, 317px) minmax(0, 317px) minmax(0, 317px);
  padding: 0 20px 30px;
}
.solution-template-search-result-list__container {
  position: relative;
}
.solution-templates-search-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--title-h-line, #E1E1E1);
  padding-bottom: 6px;
  padding-top: 25px;
  margin-bottom: 24px;
  margin-left: 20px;
  margin-right: 20px;
}
.solution-templates-search-header__label {
  background-color: var(--G-2, #DEDEDE);
  padding: 0 10px;
  height: 32px;
  border-radius: 5px;
  display: inline-block;
  justify-content: center;
  align-items: center;
  margin-left: 9px;
}
.solution-previously-page-button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  min-height: 66px;
  max-height: 66px;
  z-index: 2;
  padding: 0 16px;
  margin-right: 20px;
  background-color: transparent;
  border-bottom: 1px solid transparent;
  transition: border-bottom-color 150ms ease-out , background-color 150ms ease-out;
}
.solution-previously-page-button:hover .solution-previously-page-button__text {
  color: var(--typo-primary, #2E3538);
  transition: color 150ms ease-out;
}
.solution-previously-page-button:hover .solution-previously-page-button__arrow {
  color: var(--solution-primary-color);
}
.solution-previously-page-button__arrow {
  margin-right: 10px;
}
.solution-previously-page-button__text {
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.solution-previously-page-button.is-scrolled {
  border-bottom-color: var(--G-1-5, #E9E9E9);
  background-color: var(--G-0-5, #FAFAFA);
  transition: border-bottom-color 200ms ease-in , background-color 200ms ease-in;
}
.solution-template-modal {
  z-index: 6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1392px;
  height: calc(100vh - 60px);
  margin: 0 auto;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px;
}
@media (max-height: 770px) {
  .solution-template-modal {
    --change-size-step: 50px;
  }
}
@media (max-height: 740px) {
  .solution-template-modal {
    --change-size-step: 150px;
  }
}
@media (max-height: 630px) {
  .solution-template-modal {
    --change-size-step: 200px;
  }
}
.solution-template-modal__head {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 62px 50px 16px 50px;
}
.solution-template-modal__back {
  z-index: 2;
  position: absolute;
  top: 22px;
  left: 30px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--tertiary, #6B6B6B);
}
.solution-template-modal__back:hover {
  color: var(--solution-primary-color);
}
.solution-template-modal__back:hover .solution-template-modal__back-icon {
  color: var(--solution-hover-color);
}
.solution-template-modal__back-icon {
  color: var(--ic-darker, #151515);
}
.solution-template-modal__title {
  flex-grow: 1;
  overflow: hidden;
}
.solution-template-modal__buttons {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 10px;
  margin-left: 30px;
}
.solution-template-modal__demo::before {
  content: " ";
  opacity: 0.2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  background-color: var(--solution-primary-color);
  transition: opacity 150ms ease-out , background-color 150ms ease-out;
}
.solution-template-modal__demo:hover {
  transition: color 200ms ease-in;
}
.solution-template-modal__demo:hover:before {
  opacity: 0.3;
  background-color: var(--solution-hover-color);
  transition: opacity 200ms ease-in , background-color 200ms ease-in;
}
.solution-template-modal__scrollbar {
  position: relative;
  overflow: hidden;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  max-height: 100%;
}
.solution-template-modal__scrollbar::before {
  content: " ";
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 53.45%;
  margin-left: var(--change-size-step, 0px);
  background-color: var(--G-1, #F3F3F4);
  pointer-events: none;
}
@media (max-width: 1392px) {
  .solution-template-modal__scrollbar::before {
    left: calc(100vw - 46.55% - 50px);
  }
}
.solution-template-modal__content {
  max-width: calc(550px + var(--change-size-step, 0px));
  padding: 40px 0 40px 50px;
}
.solution-template-modal__description {
  overflow: hidden;
  padding-bottom: 30px;
  font-size: 14px;
  line-height: 20px;
}
.solution-template-modal__sticky {
  z-index: 2;
  position: absolute;
  top: 163px;
  right: 30px;
  left: 0;
  display: flex;
  justify-content: flex-end;
  padding-left: calc(600px + var(--change-size-step, 0px));
  pointer-events: none;
}
.solution-template-modal__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: calc(722px - var(--change-size-step, 0px));
}
.solution-template-modal__slider {
  overflow: hidden;
  padding: 3px;
  border-radius: 8px;
  box-shadow: 0px 23px 83px rgba(0, 0, 0, 0.13), 0px 6.25px 10.3929px rgba(0, 0, 0, 0.0610189);
  background-color: var(--G-0, #FFFFFF);
  pointer-events: all;
}
.solution-template-modal__controls {
  display: flex;
  align-items: flex-start;
  gap: 60px;
  max-width: 722px;
  padding-top: 20px;
}
.solution-template-modal__arrows {
  display: flex;
  align-items: center;
  gap: 25px;
  padding-top: 9px;
  pointer-events: all;
}
.solution-template-modal__close {
  position: absolute;
  top: 14px;
  right: 18px;
  width: 35px;
  height: 35px;
  color: var(--G-3, #C7C8C9);
}
.solution-template-modal__close:hover {
  color: var(--G-5, #9B9C9E);
}
.solution-template-modal-slide {
  overflow: hidden;
  position: relative;
  padding-bottom: 59.3575419%;
  height: 0;
  border-radius: 8px;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.solution-template-modal-slide img,
.solution-template-modal-slide video,
.solution-template-modal-slide iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.solution-template-modal-slide__control {
  z-index: 4;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 48px;
  height: 48px;
  margin: auto;
}
.solution-template-modal-slide__control:hover .icon {
  transform: scale(1.2);
}
.solution-template-modal-slide__control .icon {
  transition: transform 250ms ease-in-out;
}
.solution-template-modal-slide.is-playing:not(:hover) .solution-template-modal-slide__control {
  opacity: 0;
}
.solution-template-modal-createdby {
  display: flex;
  align-items: center;
  gap: 15px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding-top: 24px;
}
.solution-template-modal-createdby__logo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-width: 44px;
  min-width: 44px;
  height: 44px;
  border: 1px solid var(--G-1, #F3F3F4);
  border-radius: 50%;
  background-color: var(--G-0-5, #FAFAFA);
}
.solution-template-modal-createdby__logo img {
  display: block;
  max-width: 16px;
  height: auto;
}
.solution-template-modal-thumbs {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  gap: 10px;
}
.solution-template-modal-thumb {
  position: relative;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  cursor: pointer;
  transition: box-shadow 150ms ease-out;
  pointer-events: all;
}
.solution-template-modal-thumb:hover {
  box-shadow: 0 0 0 1px var(--solution-primary-color);
  transition: box-shadow 200ms ease-in;
}
.solution-template-modal-thumb.is-active {
  box-shadow: 0 0 0 2px var(--solution-primary-color);
  transition: box-shadow 200ms ease-in;
  cursor: default;
}
.solution-template-modal-thumb img {
  display: block;
  width: 75px;
  height: 42px;
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
}
.solution-template-modal-thumb__play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: var(--solution-primary-color);
}
.solution-templates-view {
  height: 100%;
  display: flex;
  position: relative;
}
.solution-templates-view__preloader {
  border-radius: 0 50px 0 0;
}
.solution-templates-view__category-banner-overlay {
  height: 225px;
  background-color: var(--G-0, #FFFFFF);
  position: absolute;
  top: 18px;
  left: 320px;
  right: 0;
  z-index: 1;
  pointer-events: none;
  display: inline-block;
}
.solution-templates-view__category-banner-border {
  height: 4px;
  position: absolute;
  top: 243px;
  left: 320px;
  right: 0;
  z-index: 1;
  pointer-events: none;
  display: inline-block;
  background-color: black;
}
.solution-templates-view-modal {
  width: 100%;
  max-width: 1392px;
  height: calc(100vh - 60px);
  margin: 0 auto;
  border-radius: 8px;
}
.solution-templates-view-modal__close {
  position: absolute;
  top: 9px;
  right: 9px;
  color: var(--G-5, #9B9C9E);
}
.solution-templates-view-modal__close::after {
  border-color: var(--G-1-5, #E9E9E9);
}
.solution-template-request-sent-modal__title {
  margin-bottom: 12px;
}
.solution-template-request-sent-modal__description {
  margin-bottom: 24px;
}
.no-category-dialog-view__body {
  margin-bottom: 24px;
  padding: 0 45px;
  text-align: center;
}
.request-solution-template-form {
  padding-top: 47px;
  padding-bottom: 60px;
}
.request-solution-template-form__fields {
  max-width: 672px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
.request-solution-template-form__button {
  margin-top: 12px;
}
.request-solution-template-form__description {
  position: relative;
  display: inline-block;
}
.request-solution-template {
  padding-top: 70px;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: -18px;
}
.request-solution-template:before {
  content: "";
  position: absolute;
  top: 2px;
  height: 4px;
  left: 8px;
  right: 23px;
  background-color: var(--solution-primary-color);
  border-radius: 8px;
}
.request-solution-template__title {
  margin-bottom: 8px;
}
.request-solution-template__avatar {
  position: absolute;
  top: -20px;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  border: 3px solid var(--G-0, #FFFFFF);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
}
.request-solution-template__header {
  padding: 0 30px;
  padding-bottom: 50px;
}
.request-solution-template__content {
  height: 100%;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 0 0 5px 5px;
}
.sent-request-template-message {
  padding-bottom: 50px;
}
.sent-request-template-message__wrapper {
  max-width: 670px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sent-request-template-message__title {
  margin-bottom: 8px;
}
.sent-request-template-message__description {
  text-align: center;
}
.sent-request-template-message__description:not(:last-of-type) {
  margin-bottom: 20px;
}
.sent-request-template-message__close {
  margin-top: 50px;
  min-width: 122px;
  justify-content: center;
}
.sent-request-template-message__avatar {
  margin-top: -20px;
  width: 50px;
  min-width: 50px;
  height: 50px;
  border: 3px solid var(--G-0, #FFFFFF);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  margin-bottom: 40px;
}
.sent-request-template {
  position: relative;
  margin-top: -18px;
}
.sent-request-template:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 8px;
  right: 23px;
  background-color: var(--solution-primary-color);
  height: 4px;
  border-radius: 5px;
}
.views-sidebar {
  height: 100%;
  margin-right: 2px;
  min-width: 48px;
  position: relative;
  transition: width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  width: var(--sidebar-container-expanded-width);
  z-index: 21;
}
.views-sidebar__content {
  align-items: flex-start;
  background-color: var(--G-0, #FFFFFF);
  border-right: solid 2px var(--solution-secondary-color);
  border-top: unset;
  border-top-right-radius: 12px;
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  max-width: 700px;
  position: absolute;
  transition: width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  width: var(--sidebar-content-width);
  z-index: 1;
}
.views-sidebar__panel-resizer {
  width: 12px;
  --resizer-left-position: calc(var(--sidebar-content-width) - 5px);
  --resizer-line-left-position: 5px;
  --resizer-slider-left-position: 2px;
}
.views-sidebar__panel-resizer::before {
  top: 8px;
}
.views-sidebar__panel-resizer::after {
  content: "";
  border: solid 7px var(--solution-primary-color);
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-left-width: 3px;
  border-right-color: transparent;
  border-right-width: 3px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 4px;
  transform: translateX(-50%);
  transition: opacity 0.2s ease-in-out;
  visibility: hidden;
  z-index: -5;
}
.views-sidebar__panel-resizer:hover::after {
  visibility: visible;
  opacity: 1;
}
.views-sidebar--is-resizing {
  transition: unset;
}
.views-sidebar--is-resizing .views-sidebar__content {
  transition: unset;
}
.views-sidebar--folder-settings {
  --views-content-max-width: 300px;
}
.views-sidebar--folder-settings .views-sidebar-header,
.views-sidebar--folder-settings .views-sidebar-footer,
.views-sidebar--folder-settings .views-group__wrapper-item:not(.view-folder-list-item-group),
.views-sidebar--folder-settings .view-folder-list-item.has-custom-icon,
.views-sidebar--folder-settings .view-folder-list-item:not(.is-settings-opened) {
  opacity: 0.5 !important;
  pointer-events: none;
}
.layout--shared-solution .views-sidebar {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  border-left: 1px solid var(--G-1-5, #E9E9E9);
  border-bottom-left-radius: 8px;
}
.layout--shared-solution .views-sidebar .views-sidebar__content {
  border-bottom-left-radius: 8px;
}
.views-sidebar-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-width: var(--views-content-max-width, 100%);
}
.views-sidebar-header {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  flex-wrap: nowrap;
}
.views-sidebar-header__buttons {
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 13px 10px;
}
.views-sidebar-header__search-button {
  align-items: center;
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  height: 28px;
  justify-content: center;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  visibility: visible;
  width: 28px;
}
.views-sidebar-header__search-button path {
  fill-rule: evenodd;
}
.views-sidebar-header__search-button--active.views-sidebar-header__search-button {
  opacity: 1;
}
.views-sidebar--is-collapsed .views-sidebar-header__search-button {
  opacity: 0;
  visibility: hidden;
  width: 0;
  padding: 0;
}
.views-sidebar-header__search-button--active {
  border: 1px solid var(--G-1-5, #E9E9E9);
}
.views-sidebar-header__search-button:not(:hover):focus:not(:active):not(.views-sidebar-header__search-button--active) {
  background-color: transparent;
  color: var(--ic-light, #c7cdcf);
}
.views-sidebar-header__expand-button {
  align-items: center;
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  height: 28px;
  justify-content: center;
  width: 28px;
}
.views-sidebar-header__expand-button:active:not(:hover), .views-sidebar-header__expand-button:focus:not(:hover), .views-sidebar-header__expand-button:focus-visible:not(:hover) {
  background: transparent !important;
}
.views-sidebar-header__expand-button.icon {
  width: 16px;
  height: 16px;
}
.views-sidebar-header__expand-button:hover {
  border-color: var(--G-3, #C7C8C9);
}
.views-sidebar-header__tooltip-content {
  height: 38px;
}
.views-sidebar-header__tooltip-content .tooltip-item__in {
  align-items: center;
  column-gap: 12px;
  display: flex;
  flex-direction: row;
  height: 100%;
  padding: 4px 15px;
}
.views-sidebar-header__shortcut-keys {
  align-items: center;
  column-gap: 3px;
  display: flex;
  flex-direction: row;
}
.views-sidebar-header__shortcut-key {
  align-items: center;
  background-color: rgba(250, 250, 250, 0.2);
  border-radius: 5px;
  color: var(--G-3, #C7C8C9);
  display: flex;
  flex-direction: row;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 18px;
  padding: 0 6px;
  text-transform: uppercase;
}
.views-sidebar-header__shortcut-key--cmd {
  padding: 4px;
}
.views-sidebar-header__title {
  flex-grow: 1;
  flex-shrink: 1;
  opacity: 1;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  visibility: visible;
  text-align: center;
  white-space: nowrap;
}
.views-sidebar--is-collapsed .views-sidebar-header__title {
  margin-left: 0;
  opacity: 0;
  visibility: hidden;
}
.views-sidebar-header__search {
  margin: 9px 16px 10px;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.views-sidebar--is-collapsed .views-sidebar-header__search {
  height: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
}
.views-sidebar-header__search-clear {
  height: 18px;
  width: 18px;
}
.views-sidebar-header__separator {
  background-color: var(--G-1-5, #E9E9E9);
  height: 1px;
  margin: 0 10px;
  transition: all 0.2s ease-in-out;
}
.views-sidebar--is-collapsed .views-sidebar-header__separator {
  margin-left: 4px;
  margin-right: 4px;
}
.views-sidebar-header__separator--search-active {
  background-color: var(--solution-primary-color);
}
.views-sidebar-wrapper:hover .views-sidebar-header__search-button {
  opacity: 1;
}
.views-sidebar-lists {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  flex-grow: 1;
}
.views-sidebar-lists__separator {
  background-color: var(--G-1-5, #E9E9E9);
  flex-grow: 0;
  flex-shrink: 0;
  height: 1px;
  margin: 14px 10px;
  transition: all 0.2s ease-in-out;
}
.views-sidebar-lists__separator.large {
  background-color: var(--G-2, #DEDEDE);
  margin: 20px 10px;
}
.views-sidebar--is-collapsed .views-sidebar-lists__separator {
  margin-left: 4px;
  margin-right: 4px;
}
.ScrollbarsCustom.trackYVisible .views-sidebar-lists__separator {
  margin-right: 21px;
}
.views-sidebar-lists__scrollarea {
  height: 100%;
}
.views-sidebar-lists__scrollarea .scrollbar__thumb {
  background-color: var(--G-3, #C7C8C9);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.views-sidebar-lists__scrollarea .scrollbar__thumb--Y,
.views-sidebar-lists__scrollarea .scrollbar__track--Y {
  width: 6px;
}
.views-sidebar-lists:hover .scrollbar.trackYVisible .scrollbar__thumb {
  opacity: 1;
}
.views-sidebar-lists__content-wrapper {
  padding: 12px 0;
}
.views-sidebar-footer {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
}
.views-sidebar-footer__separator {
  background-color: var(--G-1-5, #E9E9E9);
  height: 1px;
  margin: 0 6px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.views-sidebar--is-collapsed .views-sidebar-footer__separator {
  margin: 0 4px;
  opacity: 1;
}
.views-sidebar-lists:has(> .views-sidebar-lists__scrollarea > .trackYVisible) ~ .views-sidebar-footer > .views-sidebar-footer__separator {
  opacity: 1;
}
.views-sidebar-footer__button-wrapper {
  padding: 5px 6px;
}
.views-sidebar-footer__add-button {
  background-color: rgb(var(--solution-dw-color));
  border-radius: 5px;
  justify-content: center;
  padding: 10px 0;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
.views-sidebar-footer__add-button:hover, .views-sidebar-footer__add-button.is-active {
  background-color: rgba(var(--solution-primary-color-rgb), 0.2);
}
.views-sidebar-footer__add-button:hover .add-button__icon {
  transform: scale(1.2);
  transition: all 0.2s ease-in-out;
}
.views-sidebar-footer__add-button .add-button__icon {
  margin-left: 10px;
  transition: all 0.2s ease-in-out;
}
.views-sidebar-footer__add-button .add-button__content {
  margin-right: 10px;
  opacity: 1;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  visibility: visible;
  white-space: nowrap;
}
.views-sidebar-footer__add-button .add-button__content .text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.views-sidebar--is-collapsed .views-sidebar-footer__add-button .add-button__content {
  margin-right: 0;
  opacity: 0;
  visibility: hidden;
}
.views-sidebar-footer__dropdown-panel {
  border-radius: 0 5px 0 0;
}
.views-sidebar-footer__dropdown-panel .report-view-list__explore {
  border-radius: 0;
  height: 51px;
}
.views-group__section-header {
  align-items: center;
  color: var(--typo-secondary, #878B92);
  display: flex;
  flex-direction: row;
  height: 24px;
  padding-bottom: 6px;
  margin: 0 14px 12px;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
          user-select: none;
}
.views-group__section-header--can-collapse {
  cursor: pointer;
}
.views-sidebar--is-collapsed .views-group__section-header {
  margin: 0 16px 12px;
}
.ScrollbarsCustom.trackYVisible .views-group__section-header {
  margin-right: 21px;
}
.views-group__section-header-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 150ms ease-out;
}
.views-sidebar--is-collapsed .views-group__section-header-text {
  flex-basis: 0;
  flex-grow: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 200ms ease-in;
}
.views-group__section-header .private-views-action-menu {
  line-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
}
.views-sidebar--is-collapsed .views-group__section-header .private-views-action-menu {
  margin: 0;
  opacity: 0;
  visibility: hidden;
}
.views-group__section-header .private-views-action-menu.is-active {
  opacity: 1;
  visibility: visible;
}
.views-group__section-header:hover .private-views-action-menu {
  opacity: 1;
  visibility: visible;
}
.views-group__section-header-button {
  color: var(--G-4, #B2B2B3);
  height: 16px;
  line-height: 16px;
  margin-left: 8px;
}
.views-group__section-header-button svg {
  transform: rotate(0);
  transition: transform 150ms ease-out;
}
.views-group__section-header-button--closed svg {
  transform: rotate(-90deg);
  transition: transform 200ms ease-in;
}
.views-sidebar--is-collapsed .views-group__section-header-button {
  margin-left: 0;
}
.views-group__empty-text {
  color: var(--G-4, #B2B2B3);
  opacity: 1;
  padding: 0 0 10px 10px;
  visibility: visible;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.views-sidebar--is-collapsed .views-group__empty-text {
  opacity: 0;
  visibility: none;
}
.views-group__content-wrapper {
  padding: 0 6px;
  position: relative;
  transition: padding 0.2s ease-in-out;
}
.views-sidebar--is-collapsed .views-group__content-wrapper {
  padding: 0 8px;
}
.ScrollbarsCustom.trackYVisible .views-group__content-wrapper {
  padding-right: 17px;
}
.views-group__wrapper-item {
  transition: transform 200ms ease 0s;
}
.view-list-item {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 32px;
  padding-left: 8px;
  padding-right: 4px;
  position: relative;
  cursor: pointer;
}
.view-list-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  background-color: transparent;
  z-index: -1;
  opacity: 0;
  transition: background-color 150ms ease-out , opacity 150ms ease-out;
}
.view-list-item.view-mode-calendar.is-selected::before, .view-list-item.view-mode-calendar.is-dragging::before, .view-list-item.view-mode-calendar:hover:not(.is-selected)::before, .view-list-item.view-mode-calendar.is-menu-opened:not(.is-selected)::before, .view-list-item.view-mode-calendar.is-editing-description:not(.is-selected)::before {
  background-color: #FFEDE5;
}
.view-list-item.view-mode-calendar.is-selected .view-list-item__icon-wrapper {
  background-color: #FF9210;
}
.view-list-item.view-mode-card.is-selected::before, .view-list-item.view-mode-card.is-dragging::before, .view-list-item.view-mode-card:hover:not(.is-selected)::before, .view-list-item.view-mode-card.is-menu-opened:not(.is-selected)::before, .view-list-item.view-mode-card.is-editing-description:not(.is-selected)::before {
  background-color: #E7F0FE;
}
.view-list-item.view-mode-card.is-selected .view-list-item__icon-wrapper {
  background-color: #3A86FF;
}
.view-list-item.view-mode-chart.is-selected::before, .view-list-item.view-mode-chart.is-dragging::before, .view-list-item.view-mode-chart:hover:not(.is-selected)::before, .view-list-item.view-mode-chart.is-menu-opened:not(.is-selected)::before, .view-list-item.view-mode-chart.is-editing-description:not(.is-selected)::before {
  background-color: #FBEAF1;
}
.view-list-item.view-mode-chart.is-selected .view-list-item__icon-wrapper {
  background-color: #EC506E;
}
.view-list-item.view-mode-dashboard.is-selected::before, .view-list-item.view-mode-dashboard.is-dragging::before, .view-list-item.view-mode-dashboard:hover:not(.is-selected)::before, .view-list-item.view-mode-dashboard.is-menu-opened:not(.is-selected)::before, .view-list-item.view-mode-dashboard.is-editing-description:not(.is-selected)::before {
  background-color: #EBF4F4;
}
.view-list-item.view-mode-dashboard.is-selected .view-list-item__icon-wrapper {
  background-color: #17C4C4;
}
.view-list-item.view-mode-form.is-selected::before, .view-list-item.view-mode-form.is-dragging::before, .view-list-item.view-mode-form:hover:not(.is-selected)::before, .view-list-item.view-mode-form.is-menu-opened:not(.is-selected)::before, .view-list-item.view-mode-form.is-editing-description:not(.is-selected)::before {
  background-color: #FFF2DC;
}
.view-list-item.view-mode-form.is-selected .view-list-item__icon-wrapper {
  background-color: #FFB938;
}
.view-list-item.view-mode-grid.is-selected::before, .view-list-item.view-mode-grid.is-dragging::before, .view-list-item.view-mode-grid:hover:not(.is-selected)::before, .view-list-item.view-mode-grid.is-menu-opened:not(.is-selected)::before, .view-list-item.view-mode-grid.is-editing-description:not(.is-selected)::before {
  background-color: #EEF6EE;
}
.view-list-item.view-mode-grid.is-selected .view-list-item__icon-wrapper {
  background-color: #3EAC40;
}
.view-list-item.view-mode-kanban.is-selected::before, .view-list-item.view-mode-kanban.is-dragging::before, .view-list-item.view-mode-kanban:hover:not(.is-selected)::before, .view-list-item.view-mode-kanban.is-menu-opened:not(.is-selected)::before, .view-list-item.view-mode-kanban.is-editing-description:not(.is-selected)::before {
  background-color: #F2EAFA;
}
.view-list-item.view-mode-kanban.is-selected .view-list-item__icon-wrapper {
  background-color: #883CD0;
}
.view-list-item.view-mode-map.is-selected::before, .view-list-item.view-mode-map.is-dragging::before, .view-list-item.view-mode-map:hover:not(.is-selected)::before, .view-list-item.view-mode-map.is-menu-opened:not(.is-selected)::before, .view-list-item.view-mode-map.is-editing-description:not(.is-selected)::before {
  background-color: #FEECEE;
}
.view-list-item.view-mode-map.is-selected .view-list-item__icon-wrapper {
  background-color: #FF5757;
}
.view-list-item.view-mode-timeline.is-selected::before, .view-list-item.view-mode-timeline.is-dragging::before, .view-list-item.view-mode-timeline:hover:not(.is-selected)::before, .view-list-item.view-mode-timeline.is-menu-opened:not(.is-selected)::before, .view-list-item.view-mode-timeline.is-editing-description:not(.is-selected)::before {
  background-color: #E5F8FF;
}
.view-list-item.view-mode-timeline.is-selected .view-list-item__icon-wrapper {
  background-color: #4ECCFD;
}
.view-list-item.view-mode-gantt.is-selected::before, .view-list-item.view-mode-gantt.is-dragging::before, .view-list-item.view-mode-gantt:hover:not(.is-selected)::before, .view-list-item.view-mode-gantt.is-menu-opened:not(.is-selected)::before, .view-list-item.view-mode-gantt.is-editing-description:not(.is-selected)::before {
  background-color: #E7F0FE;
}
.view-list-item.view-mode-gantt.is-selected .view-list-item__icon-wrapper {
  background-color: #3A86FF;
}
.view-list-item.view-mode-document.is-selected::before, .view-list-item.view-mode-document.is-dragging::before, .view-list-item.view-mode-document:hover:not(.is-selected)::before, .view-list-item.view-mode-document.is-menu-opened:not(.is-selected)::before, .view-list-item.view-mode-document.is-editing-description:not(.is-selected)::before {
  background-color: #FFF2DC;
}
.view-list-item.view-mode-document.is-selected .view-list-item__icon-wrapper {
  background-color: #FFB938;
}
.view-list-item.is-selected {
  padding-left: 4px;
}
.view-list-item.is-selected::before {
  opacity: 1;
}
.view-list-item.is-selected.is-editing {
  padding-left: 4px;
}
.view-list-item:hover:not(.is-selected)::before, .view-list-item.is-dragging:not(.is-selected)::before, .view-list-item.is-menu-opened:not(.is-selected)::before {
  opacity: 0.5;
}
.view-list-item:hover .view-list-item__controls, .view-list-item.is-dragging .view-list-item__controls, .view-list-item.is-menu-opened .view-list-item__controls {
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.view-list-item:hover .view-list-item__controls-button, .view-list-item.is-dragging .view-list-item__controls-button, .view-list-item.is-menu-opened .view-list-item__controls-button {
  opacity: 1;
}
.view-list-item:hover .view-list-item__menu-button, .view-list-item.is-dragging .view-list-item__menu-button, .view-list-item.is-menu-opened .view-list-item__menu-button {
  opacity: 1;
}
.view-list-item.is-editing-description:not(.is-selected)::before {
  opacity: 0.5;
}
.view-list-item.is-editing-description .view-list-item__controls {
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.view-list-item.is-editing-description .view-list-item__controls-button {
  opacity: 1;
}
.view-list-item.is-editing-description .view-list-item__menu-button {
  opacity: 1;
}
.view-list-item.is-editing-description .view-list-item__report-menu > .menu-button {
  color: var(--ic-dark, #2D2D2D);
}
.views-sidebar--is-collapsed .view-list-item__label-wrapper {
  opacity: 0;
  visibility: hidden;
}
.views-sidebar--is-collapsed .view-list-item__shared-icon {
  opacity: 0;
  visibility: hidden;
}
.views-sidebar--is-collapsed .view-list-item__controls {
  opacity: 0;
  visibility: hidden;
}
.views-sidebar--is-collapsed .view-list-item__label-other-app {
  opacity: 0;
  visibility: hidden;
}
.view-list-item__icon-wrapper {
  line-height: 0;
  margin-right: 10px;
  transition: mix-blend-mode 0.2s ease-in-out;
}
.view-list-item.is-selected .view-list-item__icon-wrapper {
  border-radius: 5px;
  padding: 4px;
  margin-right: 6px;
}
.view-list-item.is-selected.is-editing .view-list-item__icon-wrapper {
  margin-right: 1px;
}
.view-list-item.is-editing:not(.is-selected) .view-list-item__icon-wrapper {
  margin-right: 5px;
}
.views-sidebar--is-collapsed .view-list-item:not(.is-selected) .view-list-item__icon-wrapper {
  mix-blend-mode: luminosity;
}
.view-list-item__label-wrapper {
  flex-shrink: 1;
  min-width: 0;
}
.view-list-item.is-editing .view-list-item__label-wrapper {
  flex-grow: 1;
}
.view-list-item__label {
  -webkit-user-select: none;
          user-select: none;
}
.view-list-item__label-edit {
  position: relative;
  max-width: 100%;
}
.view-list-item__label-edit__error {
  background-color: #FF5757;
  border-radius: 3px 3px 0 0;
  bottom: 100%;
  color: var(--G-0, #FFFFFF);
  max-width: calc(100% - 5px);
  padding: 1px 6px;
  position: absolute;
}
.view-list-item__label-edit__input {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  border: solid 1px var(--solution-primary-color);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  overflow: hidden;
  padding: 1px 4px;
  white-space: nowrap;
  width: 100%;
}
.view-list-item__label-edit.has-error .view-list-item__label-edit__input {
  border-color: #FF5757;
  border-top-left-radius: 0;
}
.view-list-item__label-edit__input::selection {
  background-color: rgba(255, 185, 56, 0.3);
}
.view-list-item__label-edit::after {
  border-radius: 8px;
  border: solid 3px var(--solution-primary-color);
  bottom: -3px;
  content: "";
  left: -3px;
  opacity: 0.3;
  pointer-events: none;
  position: absolute;
  right: -3px;
  top: -3px;
  z-index: -1;
}
.view-list-item__shared-icon {
  background-color: #FFF2DC;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 14px;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  color: #FFB938;
  margin-left: 6px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.view-list-item__controls {
  display: flex;
  align-items: center;
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.view-list-item.is-editing .view-list-item__controls {
  overflow: hidden;
  width: 0;
}
.view-list-item.is-dragging .view-list-item__controls {
  opacity: 0;
  visibility: hidden;
}
.view-list-item__controls-button {
  margin-left: 4px;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.view-list-item__controls-button:first-child {
  margin-left: 10px;
}
.view-list-item__menu-button {
  opacity: 0;
  position: relative;
  transition: opacity 150ms ease-out;
}
.view-list-item__menu-button__description-anchor {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.view-list-item__avatar-wrapper {
  margin-left: 4px;
}
.view-list-item__label-other-app {
  flex-grow: 1;
  flex-shrink: 1;
  margin-left: auto;
  min-width: 30%;
  max-width: calc(50% - 26px);
  padding-left: 4px;
}
.view-list-item__report-menu {
  border-radius: 54px;
}
.view-list-item__report-menu .menu-button {
  border-radius: 54px;
  position: relative;
  width: 20px;
  height: 20px;
}
.view-list-item__report-menu .menu-button::before {
  background-color: transparent;
  border-radius: 54px;
  content: "";
  height: 100%;
  opacity: 0.3;
  position: absolute;
  width: 100%;
  transition: background-color 200ms ease-in;
}
.view-list-item__report-menu-wrapper .menu-option-wrapper__list {
  padding: 5px 0;
  row-gap: 4px;
}
.view-list-item__report-menu-wrapper .menu-option-wrapper__list .report-menu__report {
  margin-top: 4px;
  padding-top: 4px;
}
.view-list-item__report-menu-wrapper .menu-option-wrapper__list .report-menu-footer {
  margin: 0;
  padding: 12px 8px 12px 15px;
}
.view-list-item.is-dragging:hover .report-list-item-inputs__controls {
  display: none;
}
.view-folder-list-item-group {
  position: relative;
}
.view-folder-list-item-group__items {
  padding-left: 30px;
  transition: padding 150ms ease-out;
}
.views-sidebar--is-collapsed .view-folder-list-item-group__items {
  padding-left: 0;
}
.view-folder-list-item-group__item {
  position: relative;
}
.view-folder-list-item-group__item::before {
  position: absolute;
  content: "";
  top: 0;
  left: -15px;
  width: 1px;
  height: 100%;
  background-color: var(--G-1-5, #E9E9E9);
  z-index: -1;
  opacity: 1;
  visibility: visible;
  transition: background-color 150ms ease-out , opacity 150ms ease-out , visibility 150ms ease-out , left 150ms ease-out;
}
.views-sidebar--is-collapsed .view-folder-list-item-group__item::before {
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.view-folder-list-item-group__item.is-selected::before {
  background-color: var(--G-3, #C7C8C9);
}
.view-folder-list-item-group-empty {
  margin: 4px 0 4px 34px;
  transition: all 150ms ease-out;
}
.views-sidebar--is-collapsed .view-folder-list-item-group-empty {
  opacity: 0;
  visibility: hidden;
}
.view-folder-list-item {
  align-items: center;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  height: 32px;
  padding: 0 4px 0 8px;
  position: relative;
  width: 100%;
}
.view-folder-list-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: transparent;
  z-index: -1;
  opacity: 0;
  transition: background-color 150ms ease-out , opacity 150ms ease-out;
}
.view-folder-list-item:hover::before, .view-folder-list-item.is-dragging::before, .view-folder-list-item.is-editing::before, .view-folder-list-item.is-menu-opened::before {
  background-color: var(--solution-secondary-color);
  opacity: 0.5;
  transition: background-color 200ms ease-in , opacity 200ms ease-in;
}
.view-folder-list-item.is-settings-opened {
  pointer-events: all;
}
.view-folder-list-item.is-settings-opened:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  border: 1px dashed var(--solution-primary-color);
  opacity: 0.5;
  pointer-events: none;
}
.view-folder-list-item__icon {
  flex-grow: 0;
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}
.view-folder-list-item.has-custom-icon .view-folder-list-item__icon {
  display: none;
}
.view-folder-list-item.has-custom-icon:hover .view-folder-list-item__icon {
  display: inline-flex;
}
.views-sidebar--is-collapsed .view-folder-list-item__icon {
  mix-blend-mode: luminosity;
}
.view-folder-list-item:hover .view-folder-list-item__custom-icon {
  display: none;
}
.views-sidebar--is-collapsed .view-folder-list-item__custom-icon {
  mix-blend-mode: luminosity;
}
.view-folder-list-item__name {
  margin-left: 10px;
}
.view-folder-list-item__name.is-editing {
  margin-left: 5px;
}
.view-folder-list-item__name__text {
  -webkit-user-select: none;
          user-select: none;
}
.view-folder-list-item__name__editing_wrapper {
  position: relative;
}
.view-folder-list-item__name__editing_wrapper::after {
  border-radius: 8px;
  border: solid 3px var(--solution-primary-color);
  bottom: -3px;
  content: "";
  left: -3px;
  opacity: 0.3;
  pointer-events: none;
  position: absolute;
  right: -3px;
  top: -3px;
  z-index: -1;
}
.view-folder-list-item__name__editing_error {
  background-color: #FF5757;
  border-radius: 3px 3px 0 0;
  bottom: 100%;
  color: var(--G-0, #FFFFFF);
  max-width: calc(100% - 5px);
  padding: 1px 6px;
  position: absolute;
}
.view-folder-list-item__name__editing_input {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  border: solid 1px var(--solution-primary-color);
  color: var(--typo-primary, #2E3538);
  display: flex;
  flex: 1 1 auto;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  padding: 1px 4px;
  width: 100%;
}
.view-folder-list-item__name__editing_input::placeholder {
  color: var(--inactive, #B2B2B3);
}
.view-folder-list-item__name__editing_input::selection {
  background-color: rgba(255, 185, 56, 0.3);
}
.view-folder-list-item__name__editing_wrapper.has-error .view-folder-list-item__name__editing_input {
  border-color: #FF5757;
  border-top-left-radius: 0;
}
.view-folder-list-item__name.is-editing {
  width: 100%;
}
.view-folder-list-item__name:not(.is-editing) {
  overflow: hidden;
}
.views-sidebar--is-collapsed .view-folder-list-item__name {
  opacity: 0;
  visibility: hidden;
}
.view-folder-list-item__actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  column-gap: 2px;
  margin-left: auto;
  padding-left: 10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.view-folder-list-item:hover:not(.is-editing) .view-folder-list-item__actions, .view-folder-list-item.is-menu-opened .view-folder-list-item__actions {
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.view-folder-list-item__add-view-button {
  padding: 2px;
}
.view-folder-list-item__menu-button {
  border-radius: 54px;
  height: 20px;
  position: relative;
  width: 20px;
}
.view-folder-list-item__menu-button::before {
  background-color: transparent;
  border-radius: 54px;
  content: "";
  height: 100%;
  opacity: 0.3;
  position: absolute;
  width: 100%;
  transition: background-color 200ms ease-in;
}
.view-folder-list-item__menu-wrapper {
  --menu-option-height: 28px;
}
.view-folder-list-item__menu-wrapper .menu-option-wrapper__list {
  padding: 5px 0;
  row-gap: 4px;
}
.view-folder-list-item__menu-wrapper .menu-option-wrapper__list .menu-line-separator {
  margin: 0;
}
.view-folder-list-item.is-dragging:hover .view-folder-list-item__actions {
  display: none;
}
.view-folder-settings {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 90px;
  left: 309px;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 5px;
  min-width: 385px;
  max-width: 385px;
  height: calc(100vh - 97px);
}
.view-folder-settings__header {
  min-height: 48px;
  padding-left: 20px;
  padding-right: 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  gap: 12px;
}
.view-folder-settings__close {
  margin-left: auto;
  cursor: pointer;
}
.view-folder-settings__footer {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  border-top: 1px solid var(--G-2, #DEDEDE);
  min-height: 55px;
  padding: 0 20px;
  margin-top: auto;
}
.view-folder-settings__arrow {
  position: absolute;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid var(--G-0, #FFFFFF);
}
.view-folder-settings__scrollbar {
  overflow: hidden;
  height: 100%;
}
.view-folder-settings__scrollbar-wrapper {
  height: 100% !important;
}
.view-folder-settings__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.folder-member-option {
  border: none;
  gap: 4px;
  background-color: transparent;
  margin: 0 12px;
}
.folder-name-group {
  padding: 24px 0px 30px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  margin: 0 20px;
}
.folder-visibility-group {
  padding: 25px 20px;
}
.folder-visibility-group__header {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.folder-visibility-group__body {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
.folder-settings-radio-item {
  min-height: 44px;
  padding: 13px 15px;
  position: relative;
  background-color: var(--G-0, #FFFFFF);
}
.folder-settings-radio-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  pointer-events: none;
}
.folder-settings-radio-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
  opacity: 0.5;
  pointer-events: none;
}
.folder-settings-radio-item__title {
  display: flex;
  align-items: center;
  gap: 4px;
}
.folder-settings-radio-item__control {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  z-index: 1;
  position: relative;
}
.folder-settings-radio-item__control:before {
  content: "";
  position: absolute;
  top: -13px;
  left: -15px;
  right: -15px;
  bottom: -13px;
}
.folder-settings-radio-item__control:hover .folder-settings-radio-item__button .radio-button__label {
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in;
}
.folder-settings-radio-item.is-checked:after {
  background-color: transparent;
}
.folder-settings-radio-item.is-checked:before {
  border-color: var(--solution-primary-color);
  opacity: 0.5;
}
.folder-settings-radio-item.is-checked .folder-settings-radio-item__control:before {
  display: none;
}
.members-accordion-item {
  cursor: pointer;
}
.members-accordion-item__control {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 26px;
  padding: 0 6px;
  border-radius: 5px;
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.members-accordion-item__control:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.members-accordion-item__arrow {
  margin-left: auto;
  display: flex;
}
.members-accordion-item__content {
  margin-top: 10px;
  margin-bottom: 18px;
  padding-left: 6px;
  padding-right: 6px;
}
.members-accordion-item__content .field-type-pill {
  max-width: 100%;
}
.members-accordion-item__content .avatar-invited svg {
  min-width: 10px !important;
  height: 10px !important;
  width: 10px !important;
}
.members-accordion-item.is-expanded .members-accordion-item__control:hover {
  background-color: transparent;
}
.members-accordion-item.is-not-expanded .members-accordion-item__content {
  margin: 0;
}
.select-members-accordion {
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding-top: 15px;
  margin-top: 15px;
  padding-bottom: 5px;
}
.permission-role-option {
  display: flex;
  height: 28px;
  align-items: center;
  padding: 0 12px;
  color: var(--tertiary, #6B6B6B);
  cursor: pointer;
  border-radius: 5px;
  background-color: transparent;
  transition: color 150ms ease-out , background-color 150ms ease-out;
}
.permission-role-option:hover {
  color: var(--typo-primary, #2E3538);
  background-color: var(--G-1, #F3F3F4);
  transition: color 200ms ease-in , background-color 200ms ease-in;
}
.permission-role-option__icon {
  margin-right: 5px;
}
.permission-role-dropdown {
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.members-picker {
  min-height: 66px;
  align-items: flex-start;
}
.folder-picker-select {
  --select-option-margin-bottom: 4px;
}
.move-to-another-table--show-folder {
  margin-top: 80px;
}
.move-to-another-table__field:last-child {
  margin-bottom: 0;
}
.move-to-another-table__actions {
  display: flex;
  gap: 10px;
}
.solution-guide-managers {
  padding: 10px 30px 8px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 0 0 8px 8px;
}
.solution-guide-managers__sub-title {
  font-style: italic;
}
.solution-guide-managers__list {
  margin-top: 12px;
}
.solution-guide-pro-tip {
  max-width: 672px;
  min-height: 147px;
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
  border: 1px solid var(--border-rte, rgba(15, 15, 15, 0.1));
  padding: 24px 20px 9px;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 33px;
  left: 30px;
  right: 30px;
  z-index: 1;
}
.solution-guide-pro-tip__title {
  margin-bottom: 8px;
}
.solution-guide-pro-tip__description {
  margin-bottom: 24px;
}
.solution-guide-pro-tip__description a {
  text-decoration: none;
  color: var(--solution-primary-color);
}
.solution-guide-pro-tip__button {
  padding: 0;
}
.solution-guide-banner {
  margin: 0;
  flex-direction: column;
  position: relative;
  padding: 30px;
  border-radius: 0;
}
.solution-guide-banner__content {
  width: auto;
  padding-right: 150px;
  margin-bottom: 24px;
}
.solution-guide-banner__title {
  margin-bottom: 6px;
}
.solution-guide-banner__img {
  position: absolute;
  bottom: -2px;
  right: 0px;
}
.solution-guide-banner__button {
  justify-content: start;
  margin-top: 0px;
}
.solution-guide-modal {
  height: calc(100vh - 100px);
}
.solution-guide-modal .modal__body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.solution-guide-modal__header-actions {
  display: flex;
  align-items: center;
}
.solution-guide-modal__header-actions > *:not(:first-child) {
  margin-left: 15px;
}
.solution-guide-modal__dots-menu-button {
  width: 32px;
  height: 32px;
}
.solution-guide-modal__description {
  height: 100%;
}
.solution-guide-modal__scrollbar {
  height: 100%;
}
.solution-guide-modal .ProseMirror {
  padding: 24px 30px;
}
.timeline {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.timeline__scroll {
  overflow: hidden;
  width: 100%;
  flex-grow: 1;
}
.timeline-headers {
  position: sticky;
  top: 0;
  z-index: 3;
}
.timeline-header {
  background-color: rgba(var(--solution-dw-color-darken-01), 0.2);
  font-size: 13px;
}
.timeline-header__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  box-shadow: 1px 0 0 0 #EEEEEE;
  will-change: left, width, transform;
  transform: translateZ(0);
}
.timeline-header__item div {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timeline-header.is-clickable {
  cursor: pointer;
}
.timeline-header__first-unit-of-period {
  box-shadow: 1px 0 0 0 #EEEEEE, inset 2px 0 0 0 #EEEEEE;
}
.timeline-vertical-lines {
  background: transparent !important;
  border-left-color: #EEEEEE !important;
  height: 100% !important;
  z-index: 0 !important;
}
.timeline-horizontal-lines,
.timeline-horizontal-lines-groups {
  background: var(--G-0, #FFFFFF) !important;
  border: none !important;
  z-index: 0 !important;
}
.timeline-horizontal-lines-groups {
  border-bottom: 1px solid #EEEEEE !important;
}
.timeline-first-day-of-week {
  border-left: 2px solid #EEEEEE !important;
}
.react-calendar-timeline {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.react-calendar-timeline .rct-scroll {
  flex-grow: 1;
  min-height: 100vh;
  max-height: calc(100% + 20px);
}
.react-calendar-timeline .rct-header-root {
  border: none;
  background-color: var(--calendar-controls-background-color, transparent);
}
.react-calendar-timeline .rct-calendar-header {
  border: none;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  background-color: var(--G-0, #FFFFFF);
  will-change: transform;
  transform: translateZ(0);
}
.react-calendar-timeline .rct-outer {
  display: flex;
  flex-grow: 1;
  min-height: 100%;
  background: var(--G-0, #FFFFFF);
}
.react-calendar-timeline .rct-sidebar {
  flex-shrink: 0;
  min-height: 100vh;
  border-right: 1px solid var(--G-2, #DEDEDE);
  background-color: var(--G-0, #FFFFFF);
}
.react-calendar-timeline .rct-sidebar > div {
  min-height: inherit;
  background-color: rgba(var(--solution-dw-color-darken-01), 0.2);
}
.react-calendar-timeline .rct-sidebar-row {
  border-bottom: 1px solid #EEEEEE !important;
  padding: 0 10px 0 20px !important;
  display: flex;
}
.react-calendar-timeline .rct-sidebar-row.rct-sidebar-row-odd {
  background-color: transparent !important;
}
.react-calendar-timeline .rct-vertical-lines .rct-vl {
  min-height: 100%;
}
.react-calendar-timeline .rct-vertical-lines .rct-vl.rct-vl-first {
  border-left-width: 1px;
}
.timeline-groups-filter {
  z-index: 4;
  position: absolute;
  top: 58px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 249px;
  padding-top: 3px;
  background-color: var(--G-0, #FFFFFF);
}
.timeline-groups-filter::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(var(--solution-dw-color-darken-01), 0.2);
}
.timeline-groups-filter__search {
  z-index: 4;
  width: auto;
  height: 35px;
  margin: 0 20px;
  padding: 0 0 0 10px;
}
.timeline-groups-filter__no-results {
  z-index: 1;
  opacity: 0.6;
  mix-blend-mode: luminosity;
}
.timeline-groups-filter__no-results .title {
  font-size: 12px;
}
.timeline-group {
  min-width: 80%;
  line-height: normal;
}
.timeline-group--large {
  padding-top: 10px;
  align-self: flex-start;
}
.timeline-group--small {
  align-self: center;
}
.timeline-item {
  padding: 0 3px;
  border-radius: 16px;
  display: flex;
  cursor: pointer !important;
  border: none !important;
}
.timeline-item__selected, .timeline-item__dragging, .timeline-item__resizing {
  border-top: 1px !important;
  border-right: 1px !important;
  border-bottom: 1px !important;
  border-left: 1px !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.timeline-item__selected {
  border-style: solid !important;
}
.timeline-item__dragging {
  cursor: grabbing !important;
  border-style: dashed !important;
}
.timeline-item__resizing {
  cursor: col-resize !important;
  border-style: dashed !important;
}
.timeline-item__resizing-left {
  border-radius: 5px 16px 16px 5px;
}
.timeline-item__resizing-right {
  border-radius: 16px 5px 5px 16px;
}
.timeline-item__resizer {
  background-color: inherit;
  cursor: col-resize;
  position: absolute;
  width: 15px;
  height: inherit;
  margin-top: -1px;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.timeline-item__resizer:hover {
  opacity: 1;
  transition: opacity 150ms ease-out;
}
.timeline-item__right-resizer {
  border-radius: 0 5px 5px 0;
  margin-right: -1px;
  right: 0;
  border-width: 1px 1px 1px 0px;
}
.timeline-item__left-resizer {
  border-radius: 5px 0 0 5px;
  margin-left: -4px;
  border-width: 1px 0px 1px 1px;
}
.timeline-item__content {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
  overflow: hidden;
}
.timeline-item-event-highlight {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 10px currentColor;
  opacity: 0;
  animation: fadeInOut 500ms ease-in-out;
  border-radius: 16px;
}
.chart-view {
  position: relative;
  display: flex;
  height: 100%;
}
.chart-view.is-sidebar-active .chart-view__sidebar {
  opacity: 1;
  max-width: 354px;
  transition: max-width 250ms ease-out, opacity 250ms ease-out;
  pointer-events: all;
}
.chart-view__sidebar {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  opacity: 0;
  width: 354px;
  max-width: 0px;
  box-shadow: 3px 0 0 0 var(--G-1-5, #E9E9E9);
  transition: max-width 250ms ease-in, opacity 250ms ease-in;
  pointer-events: none;
}
.chart-view__body {
  overflow: hidden;
  flex-grow: 1;
  display: flex;
  padding: 9px 0 0 20px;
  background-color: var(--G-0, #FFFFFF);
}
.chart-view__canvas {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}
.chart-view-loader {
  position: relative;
  width: 100%;
  height: 100%;
}
.chart-view-error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: var(--G-0-5, #FAFAFA);
  text-align: center;
}
.chart-view-error__icon {
  color: #FF5757;
}
.chart-view-legends {
  height: 100%;
  max-height: 100%;
  max-width: 240px;
  transition: min-width 250ms ease-in-out;
}
.chart-view-legends__scrollarea {
  height: 100%;
  max-height: inherit;
  max-width: 100%;
}
.chart-view-legends__list {
  padding: 19px 6px 19px 24px;
}
.chart-view-sidebar {
  height: 100%;
  width: 354px;
  display: flex;
  flex-direction: column;
  background-color: var(--G-0, #FFFFFF);
}
.chart-view-sidebar__settings {
  padding-top: 18px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.chart-view-sidebar__container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.chart-view-sidebar__body {
  padding-bottom: 30px;
  padding-top: 24px;
}
.chart-view-sidebar__scrollarea {
  height: 100%;
  max-height: 100%;
  min-height: 100%;
}
.chart-view-sidebar__item {
  padding-left: 20px;
  padding-right: 20px;
}
.chart-view-sidebar__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}
.chart-view-sidebar__groups, .chart-view-sidebar__line {
  margin-top: 29px;
  margin-bottom: 29px;
}
.chart-view-sidebar__close {
  display: flex;
  color: var(--G-3, #C7C8C9);
  cursor: pointer;
  margin-top: -5px;
  margin-right: -3px;
}
.chart-view-sidebar__close:hover {
  color: #FF5757;
}
.chart-view-sidebar__inner {
  display: flex;
  align-items: center;
  margin-bottom: 11px;
}
.chart-view-sidebar__group-disabled {
  color: var(--ic-light, #c7cdcf);
  margin-left: 13px;
  display: flex;
}
.chart-view-sidebar__options {
  padding: 0 5px;
  margin-top: 26px;
}
.chart-value-list__item {
  display: flex;
  position: relative;
  margin-bottom: 8px;
}
.chart-value-list__item:hover .chart-value-list__drag {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.chart-value-list__drag {
  position: absolute;
  left: -17px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  color: var(--ic-light, #c7cdcf);
  background-color: transparent;
  opacity: 0;
  cursor: grab;
  transition: opacity 150ms ease-out;
}
.chart-value-list__drag:active {
  cursor: grabbing;
}
.chart-value-list__items {
  margin-bottom: 8px;
}
.chart-values-select {
  --single-select-wrap-width: 100%;
}
.chart-group-by__select:not(:last-child) {
  margin-bottom: 7px;
}
.chart-group-select {
  --single-select-wrap-width: 100%;
}
.chart-options__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: var(--chart-options-list-padding-top, 15px);
}
.axis-formatting-wrapper {
  display: flex;
  margin-top: 20px;
  gap: 10px;
}
.chart-options-checkbox {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.axis-formatting-button {
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: transparent;
  padding: 0 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  gap: 6px;
  height: 28px;
  border-radius: 5px;
  transition: background-color 150ms ease-out , border-color 150ms ease-out;
}
.axis-formatting-button:hover, .axis-formatting-button.is-open {
  background-color: var(--G-0-5, #FAFAFA);
  border-color: var(--G-3, #C7C8C9);
  transition: background-color 200ms ease-in , border-color 200ms ease-in;
}
.axis-formatting-form {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px;
  width: 400px;
}
.axis-formatting-form__header {
  height: 38px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 15px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.axis-formatting-form__params {
  padding-top: 7px;
}
.axis-formatting-form__footer {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.axis-formatting-form__top {
  padding: 21px 25px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.axis-formatting-form__close {
  color: var(--G-4, #B2B2B3);
  cursor: pointer;
}
.axis-formatting-form__close:hover {
  color: var(--G-8, #4d4d4d);
}
.axis-formatting-form__params-option {
  padding: 5px 25px 17px;
}
.axis-formatting-form__params-option-title {
  margin-bottom: 10px;
  display: block;
}
.axis-formatting-form__footer-button {
  height: 28px;
  padding: 0 12px;
}
.axis-formatting-select-selected-option {
  display: flex;
  align-items: center;
  gap: 10px;
}
.axis-formatting-select-option {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 28px;
  padding: 0 10px;
}
.axis-formatting-select-list-items {
  --select-option-margin-bottom: 4px;
}
.axis-formatting-display-format {
  line-height: 51px;
  padding: 0 10px;
  text-align: center;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 4px;
  border: 1px solid var(--G-1-5, #E9E9E9);
}
.axis-formatting-display-format-wrapper {
  margin-bottom: 0;
}
.chart-value-setting {
  display: flex;
  max-width: 100%;
  width: 100%;
  align-items: center;
}
.chart-value-setting:not(:last-child) {
  margin-bottom: 8px;
}
.chart-value-setting__title {
  width: 50px;
  min-width: 50px;
}
.chart-value-setting__select {
  flex-grow: 1;
  display: flex;
  overflow: hidden;
}
.chart-view-group-label {
  border-bottom: 1px solid var(--h-line-70, rgba(222, 222, 222, 0.7));
  padding: 0 10px 4px;
  margin-bottom: 3px;
}
.chart-option {
  height: 50px;
  padding: 0 5px;
  display: flex;
  align-items: center;
}
.chart-option__icon {
  margin-right: 10px;
}
.chart-option__text {
  display: flex;
}
.chart-option--selected {
  padding: 0 10px;
}
.chart-legend {
  display: flex;
  align-items: center;
  border-radius: 5px;
  -webkit-user-select: none;
          user-select: none;
}
.chart-legend:hover .chart-legend__toggle {
  opacity: 1;
  transition: opacity 200ms ease-in , transform 200ms ease-in;
}
.chart-legend.is-checked .chart-legend__toggle {
  transform: rotate(0deg);
  transition: opacity 200ms ease-in , transform 200ms ease-in;
}
.chart-legend.is-clickable .chart-legend__dot {
  cursor: pointer;
}
.chart-legend__inner {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.chart-legend__inner .text {
  min-height: 12px;
}
.chart-legend__toggle {
  z-index: 2;
  opacity: 0;
  position: absolute;
  right: 4px;
  display: block;
  width: 16px;
  height: 16px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 50%;
  color: var(--G-3, #C7C8C9);
  transform: rotate(45deg);
  cursor: pointer;
  transition: opacity 150ms ease-out , transform 150ms ease-out;
}
.chart-legend__toggle:hover {
  color: var(--G-4, #B2B2B3);
}
.chart-legend__toggle input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.chart-expand-group {
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  margin: 0 5px 12px;
}
.chart-expand-group__header {
  height: 41px;
  display: flex;
  align-items: center;
  padding-right: 50px;
  position: relative;
  cursor: pointer;
  padding-left: 15px;
}
.chart-expand-group__arrow {
  color: var(--G-7, #6F7173);
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -8px;
  transform: rotate(0);
  transition: transform 150ms ease-out;
}
.chart-expand-group__body {
  padding: 0 15px 12px;
}
.chart-expand-group__tooltip {
  margin-left: 5px;
}
.chart-expand-group:hover .chart-expand-group__arrow, .chart-expand-group.is-expanded .chart-expand-group__arrow {
  color: var(--solution-primary-color);
}
.chart-expand-group.is-expanded .chart-expand-group__arrow {
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.chart-expand-group--light-grey {
  background-color: var(--G-0-5, #FAFAFA);
  margin-bottom: 18px;
}
.benchmark-line-group__item:not(:last-child) {
  margin-bottom: 8px;
}
.benchmark-line-group__add {
  margin-bottom: 12px;
}
.benchmark-line-group--widget .benchmark-line-group__item {
  background-color: var(--G-0, #FFFFFF);
}
.chart-total-group__item {
  display: flex;
  position: relative;
  margin-bottom: 8px;
}
.chart-total-group__item:hover .chart-total-group__drag {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.chart-total-group__add {
  margin-top: 8px;
}
.chart-total-group--widget .chart-total-group__value {
  background-color: var(--G-0, #FFFFFF);
}
.chart-total-group__drag {
  position: absolute;
  left: -17px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  color: var(--ic-light, #c7cdcf);
  background-color: transparent;
  opacity: 0;
  cursor: grab;
  transition: opacity 150ms ease-out;
}
.chart-total-group__drag:active {
  cursor: grabbing;
}
.chart-total-group__items {
  margin-bottom: 8px;
}
.dynamic-selected-option {
  padding: 0;
}
.dynamic-selected-option__icon {
  color: var(--ic-light, #c7cdcf);
}
.combo-input-value {
  display: flex;
  height: 100%;
}
.combo-input-value__item:first-child {
  min-width: 156px;
  max-width: 156px;
}
.combo-input-value__item:not(:last-child) {
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.combo-values {
  display: flex;
  height: 35px;
  background-color: var(--G-0-5, #FAFAFA);
}
.combo-values__delete {
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: var(--ic-light, #c7cdcf);
}
.combo-values__delete:hover {
  color: var(--ic-dark, #2D2D2D);
}
.combo-values__color {
  display: flex;
  align-items: center;
  padding: 0 2px;
}
.combo-values__values {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.benchmark-legend {
  --chart-dot-label-circle-visibility: visible;
}
.benchmark-legend__dashed {
  width: 29px;
  margin-left: 7px;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
  letter-spacing: -0.5px;
}
.total-legend-wrapper {
  margin-right: 20px;
  margin-bottom: 20px;
  margin-top: 24px;
}
.total-legend {
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  padding: 12px 20px;
}
.total-legend:not(:last-child) {
  margin-bottom: 10px;
}
.total-legend__label {
  margin-bottom: 8px;
}
.tui-chart-series-custom-event-area {
  z-index: 10 !important;
}
.toastui-chart-icon {
  width: 10px !important;
  height: 10px !important;
  margin-right: 8px !important;
  display: inline-block !important;
}
.toastui-chart-tooltip-series-wrapper:empty {
  display: none;
}
.date-filter-list {
  display: grid;
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: column;
  margin-top: 12px;
}
.date-filter-list__date {
  color: var(--tertiary, #6B6B6B);
}
.date-filter-list__date:not(:last-child) {
  margin-bottom: 8px;
}
.dynamic-filter-dropdown {
  margin-bottom: 20px;
  margin-right: 20px;
  position: relative;
  z-index: 1;
  display: flex;
}
.dynamic-filter-dropdown__select {
  width: 100%;
  height: 55px;
  --plain-placeholder-select-height: 55px;
}
.dynamic-filter-dropdown__list-items {
  --select-option-active-background: transparent;
  --select-option-active-color: var(--tertiary, #6B6B6B);
}
.dynamic-filter-dropdown--chart-widget {
  margin-right: 10px;
  margin-bottom: 0;
  display: flex;
}
.dynamic-filter-dropdown-option {
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  height: 32px;
  padding-left: 39px;
}
.dynamic-filter-dropdown-option__icon {
  margin-right: 8px;
  margin-left: -24px;
  color: var(--solution-primary-color);
}
.dynamic-filter-dropdown-option--status-field {
  color: var(--G-0, #FFFFFF);
  text-transform: uppercase;
}
.dynamic-filter-dropdown-option--status-field .dynamic-filter-dropdown-option__label {
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 5px;
  width: 100%;
  font-weight: 600;
  padding-left: 10px;
  padding-right: 10px;
}
.dynamic-filter-dropdown-option--status-field.status-field-text-color-dark {
  color: var(--typo-primary, #2E3538);
}
.chart-checkbox-input-value__control {
  margin-bottom: 8px;
}
.chart-dot-label {
  position: relative;
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 50%;
  background-color: var(--G-1, #F3F3F4);
  color: transparent;
  transition: color 200ms ease-in-out;
}
.chart-dot-label::before {
  content: " ";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border-radius: 50%;
  background-color: currentColor;
}
.chart-dot-label::after {
  content: " ";
  visibility: var(--chart-dot-label-circle-visibility, hidden);
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 50%;
}
.chart-dot-label--circle-16 {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.chart-dot-label--circle-12 {
  width: 12px;
  min-width: 12px;
  height: 12px;
}
.chart-dot-label--gap-12 {
  margin-right: 12px;
}
.chart-dot-label--gap-4 {
  margin-right: 4px;
}
.chart-placeholder-no-data-title {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
.chart-no-data {
  padding-bottom: 19px;
}
.draggable-chart-legend {
  border-radius: 5px;
}
.draggable-chart-legend.is-draggable {
  border-radius: 5px;
  background-color: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in;
}
.expanded-chart-legend {
  height: 32px;
  background-color: transparent;
  display: flex;
  align-items: center;
  padding: 0 4px 0 10px;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.expanded-chart-legend__color {
  margin-right: 12px;
  height: 16px;
  min-width: 16px;
  width: 16px;
  border-radius: 50%;
  display: inline-block;
}
.expanded-chart-legend.is-clickable .expanded-chart-legend__color {
  cursor: pointer;
}
.expanded-chart-legend__buttons {
  margin-left: auto;
  color: var(--G-3, #C7C8C9);
  display: flex;
  cursor: pointer;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.expanded-chart-legend__buttons:hover {
  color: var(--G-4, #B2B2B3);
}
.expanded-chart-legend.inactive {
  cursor: default;
  pointer-events: none;
}
.expanded-chart-legend:hover, .expanded-chart-legend.is-active {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.expanded-chart-legend:hover .expanded-chart-legend__buttons {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.expanded-chart-legend:not(.is-checked) .expanded-chart-legend__color {
  background-color: var(--G-1, #F3F3F4);
  border: 1px solid var(--G-2, #DEDEDE);
}
.expanded-chart-legend-color-picker {
  max-width: 445px;
  min-width: 445px;
}
.chart-field-option {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 590px;
  height: 30px;
  padding: 0 16px 0 8px;
}
.chart-field-option__icon {
  color: var(--solution-primary-color);
}
.chart-field-option:hover .chart-field-option__icon {
  color: var(--typo-primary, #2E3538);
}
.chart-field-option:not(:last-child) {
  margin-bottom: 1px;
}
.chart-sort-by-values {
  margin-top: 22px;
}
.chart-sort-by-values__head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.chart-sort-by-values__title {
  overflow: hidden;
  max-width: calc(100% - 40px);
  display: flex;
  align-items: center;
  gap: 6px;
  flex-grow: 1;
}
.chart-sort-by-values__switch {
  width: 100%;
  margin-top: 10px;
}
.chart-sort-by-values__switch-item {
  flex-grow: 1;
}
.edit-form {
  display: flex;
  height: 100%;
  width: 100%;
}
.edit-form-content {
  overflow-y: auto;
  padding: 70px 0;
  width: 100%;
}
.edit-form-content__border {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 20px;
  border: 10px solid var(--solution-secondary-color);
  margin: 0 auto 20px auto;
  width: 710px;
}
.edit-form-content__wrapper {
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  min-height: 100px;
  padding-bottom: 25px;
  position: relative;
  row-gap: 13px;
  width: 100%;
}
.edit-form-content__item {
  width: 100%;
}
.edit-form-content__footer {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.edit-form-content__ss-logo {
  height: 12px;
  margin-left: 15px;
  width: 81px;
}
.edit-form-content__submit {
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.edit-form-content__btn {
  cursor: default;
}
.edit-form-content__btn:hover, .edit-form-content__btn:active, .edit-form-content__btn:focus {
  background-color: var(--solution-primary-color);
}
.edit-form-item {
  touch-action: none;
  transition: transform 200ms linear 0s;
  width: 100%;
  padding: 0 8px;
  position: relative;
}
.edit-form-item--dragging {
  padding: 0 30px;
  z-index: 1;
}
.edit-form-item--dragging .field-form-item,
.edit-form-item--dragging .form-item-wrapper,
.edit-form-item--dragging .form-section-item {
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 8px;
  height: 62px;
  margin: 0 0 13px;
  border: none;
}
.edit-form-item--dragging .field-form-item::before,
.edit-form-item--dragging .form-item-wrapper::before,
.edit-form-item--dragging .form-section-item::before {
  content: unset;
}
.edit-form-item--dragging .field-form-item *,
.edit-form-item--dragging .form-item-wrapper *,
.edit-form-item--dragging .form-section-item * {
  display: none;
}
.edit-form-sidebar {
  background-color: var(--G-0, #FFFFFF);
  border-right: 3px solid var(--G-1-5, #E9E9E9);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 100%;
  overflow-y: auto;
  padding: 18px 15px 15px 20px;
  width: 350px;
}
.edit-form-sidebar__title {
  margin-bottom: 20px;
}
.edit-form-sidebar__elements-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-auto-flow: dense;
  gap: 6px;
  margin-bottom: 30px;
}
.edit-form-sidebar__field-wrapper {
  border: 1px solid var(--G-1, #F3F3F4);
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 8px 18px;
  cursor: pointer;
  touch-action: none;
}
.edit-form-sidebar__field-wrapper:not(:last-child) {
  margin-bottom: 6px;
}
.edit-form-sidebar__field-wrapper:hover {
  background-color: var(--solution-secondary-color);
  border-color: var(--solution-primary-color);
}
.edit-form-sidebar__field-wrapper:hover .edit-form-sidebar__field-icon-plus {
  visibility: visible;
}
.edit-form-sidebar__icon-wrapper {
  margin-right: 8px;
  line-height: 0;
}
.edit-form-sidebar__field-icon-plus {
  visibility: hidden;
}
.edit-form-sidebar__field-text {
  flex: 1;
}
.edit-form-sidebar__field-wrapper--disabled {
  opacity: 0.4;
}
.display-elements-item {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--G-1, #F3F3F4);
  border-radius: 5px;
  cursor: pointer;
  touch-action: none;
  align-items: center;
  padding: 10px 0;
}
.display-elements-item p {
  text-align: center;
}
.display-elements-item svg {
  color: var(--solution-primary-color);
}
.display-elements-item:hover {
  background-color: var(--solution-secondary-color);
  border-color: var(--solution-primary-color);
}
.hide-field-checkbox {
  display: flex;
  gap: 6px;
}
.help-text-checkbox {
  display: flex;
  gap: 6px;
}
.field-form-item__help-text-editor {
  min-height: 100px;
  position: relative;
}
.field-form-item__help-text-editor .ProseMirror {
  padding: 7px 10px;
}
.field-form-item__group {
  position: relative;
}
.field-form-item__counter {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 7px;
  pointer-events: none;
}
.field-form-item__help-text-editor-wrapper {
  padding-bottom: 20px;
}
.include-time-checkbox {
  display: flex;
  margin-top: 10px;
  gap: 6px;
}
.default-value-editor__control {
  margin-top: 8px;
}
.field-form-item {
  margin: 5px 32px 10px;
  position: relative;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 12px;
  transition: margin-right 150ms ease-out, margin-left 150ms ease-out;
}
.field-form-item:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border: 1px dashed var(--solution-primary-color);
  opacity: 0;
  transition: opacity 150ms ease-out;
  pointer-events: none;
  border-radius: 8px;
}
.field-form-item:hover:not(.field-form-item--editing) {
  border-color: var(--G-3, #C7C8C9);
}
.field-form-item:hover .field-form-item__header-actions, .field-form-item:hover .edit-record-field__drag {
  opacity: 1;
}
.field-form-item:hover:not(.field-form-item--editing):before {
  opacity: 1;
  transition: opacity 150ms ease-in;
}
.field-form-item:not(.field-form-item--editing) {
  cursor: pointer;
}
.field-form-item__fields {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  animation: fadeIn 250ms ease-in forwards;
}
.field-form-item .edit-record-field__header {
  position: relative;
  z-index: 1;
  margin-bottom: 6px;
  min-height: 16px;
  transition: min-height 150ms ease-out;
}
.field-form-item .edit-record-field__header:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: 12px;
  background-color: var(--solution-secondary-color);
  opacity: 0;
  z-index: -1;
  transition: opacity 150ms ease-out;
}
.field-form-item--editing {
  margin: 0 0 13px;
  padding: 4px 33px 0;
}
.field-form-item--editing:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid var(--solution-secondary-color);
  border-radius: 8px;
  transition: none;
  opacity: 1;
}
.field-form-item--editing .field-form-item__fields {
  opacity: 1;
}
.field-form-item--editing.field-form-item--expanded {
  margin-right: -66px;
  margin-left: -66px;
  transition: margin-right 150ms ease-in, margin-left 150ms ease-in;
}
.field-form-item--editing .field-form-item__record-field .edit-record-field__drag {
  opacity: 1;
  position: relative;
  top: 2px;
  left: -4px;
  color: #2d2d2d;
}
.field-form-item--editing .field-form-item__record-field .edit-record-field__drag:hover {
  color: var(--solution-hover-color);
}
.field-form-item--editing .field-form-item__outlet {
  margin-top: calc(var(--field-form-item-fields-height) + 10px);
  transition: margin-top 150ms ease-in;
}
.field-form-item--editing .field-form-item__record-field .edit-record-field__header {
  transition: min-height 150ms ease-in;
  min-height: 36px;
  cursor: pointer;
}
.field-form-item--editing .field-form-item__record-field .edit-record-field__header:before {
  left: -28px;
  opacity: 1;
  right: -28px;
  transition: opacity 150ms ease-in;
}
.field-form-item--editing .field-form-item__record-field .edit-record-field__header-content {
  margin-right: auto;
  color: var(--solution-primary-color);
}
.field-form-item--editing .field-form-item__record-field .edit-record-field__icon {
  color: var(--solution-primary-color);
}
.field-form-item--editing .field-form-item__record-field .edit-record-field__body {
  padding-bottom: 26px;
  position: static;
}
.field-form-item__record-field {
  position: relative;
  margin-bottom: 0 !important;
}
.field-form-item__record-field .edit-record-field__drag {
  left: -28px;
  top: 0;
  display: flex;
}
.field-form-item__record-field .edit-record-field__lock {
  display: none;
}
.field-form-item__header-actions {
  opacity: 0;
  transition: all 100ms ease-out;
  display: flex;
}
.field-form-item__header-actions *:not(:last-child) {
  margin-right: 10px;
}
.field-form-item__header-actions--editing {
  opacity: 1;
}
.field-form-item__required-action {
  display: flex;
}
.field-form-item__required-action *:not(:last-child) {
  margin-right: 5px;
}
.field-form-item__outlet {
  transition: margin-top 150ms ease-out;
}
.field-form-item__outlet__disabled {
  pointer-events: none;
}
.field-form-item__outlet .textarea.textarea--accelerator-top .textarea-accelerator.textarea-accelerator--top {
  top: initial;
  right: 7px;
  bottom: 7px;
}
.field-form-item__outlet .text-field-input .input-field.input-field--accelerator-top .input-field__length {
  top: initial;
  right: 7px;
  bottom: 7px;
}
.field-form-item__outlet .file-field-control .file-field-add-new--list {
  margin-bottom: 0;
  min-height: unset;
  padding: 0;
}
.field-form-item__outlet .ui-dropdown--users {
  height: -moz-fit-content;
  height: fit-content;
}
.field-form-item__conditions-error {
  align-items: center;
  column-gap: 6px;
  display: flex;
  flex-direction: row;
  margin-top: 8px;
}
.field-form-item__settings.field-form-item-fieldset {
  margin-bottom: 0;
  margin-top: 30px;
  padding: 18px 0 0;
}
.field-form-item__settings.field-form-item-fieldset::before {
  right: -16px;
  left: -16px;
}
.field-form-item__settings {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.field-form-item__edit-field-title {
  margin-top: 25px;
}
.field-form-item__error {
  display: flex;
  align-items: center;
  margin-top: 8px;
  color: #FF5757;
}
.field-form-item__error .text {
  margin-left: 6px;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.form-conditions__head {
  display: flex;
  align-items: center;
}
.form-conditions__head .checkbox-label.is-disable span.checkbox__label {
  border-color: var(--G-3, #C7C8C9);
}
.form-conditions__head .checkbox-label.is-disable input:checked + span.checkbox__label {
  background-color: var(--G-3, #C7C8C9);
}
.form-conditions__help {
  margin-left: 6px;
}
.form-conditions__body {
  display: flex;
  flex-direction: column;
}
.form-conditions__body .report-toolbar-row {
  display: flex;
}
.form-conditions__body .report-toolbar-table {
  margin-top: 20px;
  padding-top: 0;
}
.form-conditions__body .report-toolbar-table .filter-window-condition {
  min-width: unset;
  padding: 5px 10px 0 0;
  width: unset;
}
.form-conditions__body .report-toolbar-table .filter-window-content {
  flex-grow: 1;
}
.form-conditions__body .report-toolbar-table .filter-window-content .filter-content__dropdown-fields {
  flex-grow: 0;
  min-width: unset;
  width: 180px;
}
.form-conditions__body .report-toolbar-table .filter-window-content .filter-content__comparison {
  flex-grow: 0;
  min-width: unset;
}
.form-conditions__body .report-toolbar-table .filter-window-content .filter-content__dropdown-input {
  min-width: unset;
}
.form-conditions__body .report-toolbar-table .filter-window-content .filter-content__dropdown-input .react-input-group {
  width: auto !important;
}
.form-conditions__body .report-toolbar-table .filter-window-delete {
  margin-left: 16px;
  width: 16px;
}
.form-conditions__body .add-button {
  margin-top: 12px;
}
.form-item-drag-placeholder {
  align-items: center;
  column-gap: 5px;
  cursor: move;
  display: flex;
  flex-direction: row;
  margin-left: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
.form-item-drag-placeholder--in-sidebar {
  margin-left: 0;
}
.form-item-drag-placeholder--in-section {
  margin-left: -20px;
}
.form-item-drag-placeholder__wrapper {
  align-items: flex-start;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px;
  border: 1px solid rgba(15, 15, 15, 0.05);
  box-shadow: 0px 3px 6px 0px rgba(15, 15, 15, 0.1), 0px 9px 24px 0px rgba(15, 15, 15, 0.2);
  column-gap: 7px;
  display: flex;
  flex-direction: row;
  min-width: 320px;
  padding: 10px;
}
.form-item-drag-placeholder__icon {
  margin-left: 3px;
  line-height: 0;
  color: var(--solution-primary-color);
}
.form-item-drag-placeholder__label {
  color: var(--solution-primary-color);
  font-size: 11px;
  letter-spacing: 0.45px;
  line-height: 16px;
}
.form-logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 110px;
  margin-bottom: 24px;
  border-bottom: 2px solid #F3F7FE;
  padding: 0 40px;
}
.form-logo__editable-content.form-logo__content--editing::before, .form-logo__editable-content.form-logo__content--editing .form-logo__actions button {
  visibility: visible;
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.form-logo:hover .form-logo__editable-content:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.form-logo:hover .form-logo__edit-button {
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.form-logo__content {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 190px;
  min-width: 190px;
  height: 60px;
}
.form-logo__content .form-logo__image {
  max-height: 100%;
  max-width: 100%;
}
.form-logo .form-logo__actions {
  display: flex;
  gap: 2px;
  position: absolute;
  top: -15px;
  right: -15px;
}
.form-logo .form-logo__edit-link-dialog {
  position: absolute;
  top: -30px;
}
.form-logo__editable-content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 190px;
  min-width: 190px;
  height: 60px;
}
.form-logo__editable-content:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border: 1px dashed var(--G-3, #C7C8C9);
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease-out;
}
.form-logo__editable-content .form-logo__image {
  max-height: 100%;
  max-width: 100%;
}
.form-logo__editable-content .form-logo__edit-button {
  opacity: 0;
  visibility: hidden;
  padding: 0 10px;
  gap: 7px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.form-logo__editable-content .form-logo__edit-button svg {
  margin: 0;
  fill: #4D4D4D !important;
}
.form-logo__editable-content .form-logo__edit-button:hover {
  color: var(--typo-primary, #2E3538);
}
.form-section-condition-icon {
  color: #FFB938;
  margin-left: 3px;
}
.form-section-drop-item {
  height: 4px;
  position: absolute;
  top: -10px;
  width: 100%;
  z-index: 10;
}
.form-section-drop-item.bottom {
  bottom: -6px;
  margin-left: -8px;
  top: unset;
}
.form-section-item {
  border: solid 1px var(--G-2, #DEDEDE);
  border-radius: 8px;
  margin: 0 12px 0;
  position: relative;
  transition: all 100ms ease-out;
}
.form-section-item__drag-handle {
  background-color: var(--G-0, #FFFFFF);
  color: var(--ic-dark, #2D2D2D);
  cursor: move;
  left: -9px;
  opacity: 0;
  padding: 1px;
  position: absolute;
  top: 18px;
  transition: all 100ms ease-out;
}
.form-section-item__remove {
  opacity: 0;
  position: absolute;
  right: 19px;
  top: 18px;
  transition: all 100ms ease-out;
  z-index: 1;
}
.form-section-item:hover .form-section-item__drag-handle, .form-section-item:hover .form-section-item__remove {
  opacity: 1;
}
.form-section-item__content {
  padding: 0 10px 10px;
}
.form-section-item__header {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-bottom: 13px;
  padding: 12px 25px 0 10px;
  position: relative;
  row-gap: 2px;
  transition: all 100ms ease-out;
}
.form-section-item__title-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.form-section-item__title-wrapper .form-section-item__info-icon {
  margin-left: 6px;
  margin-right: 2px;
}
.form-section-item__help-text-checkbox {
  padding: 14px 26px;
  padding-top: 0;
  margin-top: -6px;
}
.form-section-item__title, .form-section-item__caption {
  display: inline-block;
  transition: border-bottom 100ms ease-out;
  border-bottom: none;
  position: relative;
}
.form-section-item__title::before, .form-section-item__caption::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  border-bottom: 1px dashed var(--G-4, #B2B2B3);
  opacity: 0;
  transition: all 100ms ease-out;
}
.form-section-item:hover .form-section-item__title::before, .form-section-item:hover .form-section-item__caption::before {
  opacity: 1;
}
.form-section-item__items-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 26px;
  padding: 10px 9px;
  transition: all 100ms ease-out;
}
.form-section-item__items-wrapper--empty {
  background-color: rgba(250, 250, 250, 0.5);
  border: dashed 1px var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  text-align: center;
}
.form-section-item__items-wrapper__empty-message {
  pointer-events: none;
}
.form-section-item__items-wrapper__item {
  transition: transform 200ms linear 0s;
}
.form-section-item__items-wrapper__item .field-form-item {
  margin: 0;
  padding: 0;
}
.form-section-item__items-wrapper__item .field-form-item::before {
  bottom: -10px;
  left: -10px;
  right: -10px;
  top: -10px;
}
.form-section-item__items-wrapper__item .field-form-item .edit-record-field__drag {
  background-color: var(--G-0, #FFFFFF);
  left: -28px;
  padding: 2px 0;
}
.form-section-item__items-wrapper__item .field-form-item.field-form-item--editing::before {
  background-color: var(--G-0, #FFFFFF);
  bottom: 0;
  left: -34px;
  right: -34px;
  top: -6px;
}
.form-section-item__items-wrapper__item .field-form-item.field-form-item--editing.field-form-item--expanded {
  margin-left: -66px;
  margin-right: -66px;
}
.form-section-item__items-wrapper__item .form-item-wrapper {
  margin: 0;
  padding: 0;
}
.form-section-item__items-wrapper__item .form-item-wrapper::before {
  bottom: -5px;
  left: -10px;
  right: -10px;
  top: -10px;
}
.form-section-item__items-wrapper__item .form-item-wrapper .form-item-wrapper__drag-handle {
  background-color: var(--G-0, #FFFFFF);
  left: -28px;
  line-height: 0;
  padding: 2px 0;
  top: 0;
}
.form-section-item__items-wrapper__item--dragging {
  padding: 0;
  z-index: 1;
}
.form-section-item__items-wrapper__item--dragging .field-form-item,
.form-section-item__items-wrapper__item--dragging .form-item-wrapper,
.form-section-item__items-wrapper__item--dragging .form-section-item {
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 8px;
  height: 62px;
  margin: 0;
  border: none;
}
.form-section-item__items-wrapper__item--dragging .field-form-item::before,
.form-section-item__items-wrapper__item--dragging .form-item-wrapper::before,
.form-section-item__items-wrapper__item--dragging .form-section-item::before {
  content: unset;
}
.form-section-item__items-wrapper__item--dragging .field-form-item *,
.form-section-item__items-wrapper__item--dragging .form-item-wrapper *,
.form-section-item__items-wrapper__item--dragging .form-section-item * {
  display: none;
}
.form-section-item--editing {
  margin: 0 2px 13px;
}
.form-section-item--editing .form-section-item__drag-handle {
  display: none;
}
.form-section-item--editing .form-section-item__remove {
  opacity: 1;
  right: 28px;
  top: 14px;
  z-index: 2;
}
.form-section-item--editing.form-section-item--expanded .form-section-item__remove {
  right: -36px;
}
.form-section-item--editing .form-section-item__content {
  padding: 0 0 10px;
}
.form-section-item--editing .form-section-item__header {
  align-items: stretch;
  cursor: default;
  padding: 4px;
  row-gap: 5px;
}
.form-section-item--editing .form-section-item__header::before {
  border-radius: 8px;
  border: solid 2px var(--solution-secondary-color);
  bottom: 0;
  content: "";
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
}
.form-section-item--editing .form-section-item__header .form-conditions {
  padding: 14px 26px;
  z-index: 1;
}
.form-section-item--editing.form-section-item--expanded .form-section-item__header {
  background-color: var(--G-0, #FFFFFF);
  margin-left: -66px;
  margin-right: -66px;
}
.form-section-item--editing .form-section-item__settings-divider {
  margin: 0 10px;
  height: 1px;
  border: none;
  border-bottom: solid 1px var(--G-1-5, #E9E9E9);
}
.form-section-item--editing .form-section-item__edit-header {
  align-items: center;
  background-color: var(--solution-secondary-color);
  border-radius: 12px;
  color: var(--solution-primary-color);
  column-gap: 7px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 36px;
  padding: 10px 10px 10px 26px;
  width: 100%;
  z-index: 1;
}
.form-section-item--editing .form-section-item__edit-header span.text {
  font-size: 15px;
}
.form-section-item--editing .form-section-item__label-fields {
  padding: 26px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.form-section-item--editing .form-section-item__label-fields .plain-form-control {
  margin-bottom: 0;
}
.form-section-item--editing .form-section-item__items-wrapper {
  margin: 0 20px;
}
.form-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 42px;
  padding: 0 40px;
}
.form-title__title {
  font-size: 26px;
  line-height: 32px;
  font-weight: bold;
}
.form-title__subtitle {
  margin-top: 10px;
  font-size: 13px;
  line-height: 18px;
  color: var(--typo-secondary, #878B92);
}
.editable-paragraph {
  display: inline-block;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
  transition: all 0.2s ease-in-out;
  cursor: text;
  word-break: break-word;
}
.editable-paragraph:hover {
  border-color: var(--G-3, #C7C8C9);
}
.editable-paragraph:focus-within {
  border-color: var(--G-4, #B2B2B3);
}
.editable-paragraph:empty::before {
  content: attr(data-placeholder);
  color: var(--typo-secondary, #878B92);
}
.form-view__tabs {
  column-gap: 30px;
  left: 50vw;
  position: absolute;
  top: -39px;
  transform: translateX(-50%);
  transition: left ease 0.2s;
  z-index: 20;
}
.form-view__tabs--edit_form {
  left: calc(50vw + (350px) / 2);
}
.form-view__tabs.basic-tabs--line {
  border-bottom: none;
}
.form-view__tabs .r-basic-tab-wrapper {
  margin-right: 0;
  white-space: nowrap;
}
.html-block-form-item__editor .ProseMirror {
  font-size: 13px;
}
.html-block-form-item__editing {
  margin-top: 16px;
}
.html-block-form-item__editing *:last-child {
  margin-bottom: 0;
}
.settings-form-content {
  height: 100%;
  overflow-y: auto;
  padding: 50px 0;
  width: 100%;
}
.settings-form-content__border {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px;
  margin-bottom: 30px;
  margin: 0 auto;
  padding: 40px 30px 56px 30px;
  width: 752px;
}
.settings-form-content__row {
  align-items: flex-start;
  column-gap: 30px;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.settings-form-content__row:not(:last-child) {
  margin-bottom: 40px;
}
.settings-form-content__section-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.settings-form-content__section-label-container {
  border-bottom: 1px solid var(--title-h-line, #E1E1E1);
  margin-bottom: 24px;
  padding-bottom: 5px;
}
.settings-form-content__section-label-container_small-margin {
  margin-bottom: 8px;
}
.settings-form-content__display-message-content {
  margin-bottom: 4px;
}
.settings-form-content__display-message-content, .settings-form-content__redirect-content {
  background-color: var(--G-0-5, #FAFAFA);
  min-height: 46px;
  padding: 13px 15px 12px 15px;
  border-radius: 6px;
}
.settings-form-content__display-message, .settings-form-content__radio-redirect {
  color: var(--tertiary, #6B6B6B);
  text-transform: uppercase;
}
.settings-form-content__input-wrapper {
  padding: 10px 27px 0;
}
.settings-form-content__input-wrapper_tab-title {
  padding: 0;
  padding-top: 12px;
}
.settings-form-content__input-wrapper .plain-form-control {
  margin-bottom: 0;
}
.settings-form-content__display-message-input, .settings-form-content__redirect-input, .settings-form-content__tab-title-input {
  border-color: var(--G-1-5, #E9E9E9);
  width: 100%;
}
.settings-form-content__redirect-input:focus {
  border-color: var(--G-3, #C7C8C9);
}
.settings-form-content__redirect-input:hover {
  border-color: var(--G-3, #C7C8C9);
}
.settings-form-content__section-form-behavior-container {
  padding: 15px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.settings-form-content__tooltip {
  display: flex;
  margin-left: 5px;
  line-height: 0;
}
.settings-form-content__tooltip-icon {
  color: var(--G-3, #C7C8C9);
}
.settings-form-content__tooltip:hover {
  color: var(--G-7, #6F7173);
}
.settings-form-content__section-time-format-container {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
.settings-form-content__section-disable-branding .checkbox-label.is-disable span.checkbox__label {
  border-color: var(--G-3, #C7C8C9);
}
.settings-form-content__section-disable-branding .checkbox-label.is-disable input:checked + span.checkbox__label {
  background-color: var(--G-3, #C7C8C9);
}
.settings-form-content__section-disable-branding .upgrade-plan-notification {
  margin-top: 10px;
  padding: 6px 4px;
  background: rgba(255, 242, 220, 0.5);
  font-size: 12px;
  text-align: center;
}
.settings-form-content__section-disable-branding .upgrade-plan-notification__link {
  margin-left: 5px;
  color: var(--typo-primary, #2E3538);
}
.field-form-item-attachment-size__head {
  margin-bottom: 9px;
}
.field-form-item-attachment-size__title {
  margin-bottom: 2px;
}
.field-form-item-fieldset {
  position: relative;
  margin-bottom: 20px;
  padding: 20px 26px 0 26px;
}
.field-form-item-fieldset::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 10px;
  left: 10px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.field-form-item-limit-selections {
  align-items: center;
  display: flex;
  margin-top: 10px;
  min-height: 22px;
}
.field-form-item-limit-selections__count {
  margin: 2px 0 0 4px;
}
.field-form-item-limit-selections__edit-button {
  align-items: center;
  border-radius: 5px;
  display: flex;
  height: 22px;
  justify-content: center;
  margin-left: 6px;
  padding: 0 5px;
  position: relative;
}
.field-form-item-limit-selections__edit-button:before, .field-form-item-limit-selections__edit-button:after {
  border-radius: inherit;
  content: " ";
  position: absolute;
  transition: opacity 150ms ease-out;
}
.field-form-item-limit-selections__edit-button::before {
  border: 1px solid var(--solution-primary-color);
  opacity: 0.3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.field-form-item-limit-selections__edit-button::after {
  background-color: var(--solution-secondary-color);
  border-radius: 4px;
  opacity: 0.5;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
}
.field-form-item-limit-selections__edit-button:hover::before {
  opacity: 0.4;
  transition: opacity 200ms ease-in;
}
.field-form-item-limit-selections__edit-button:hover::after {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.field-form-item-limit-selections__edit-button .text {
  z-index: 2;
  position: relative;
}
.field-form-item-options__title {
  margin-bottom: 8px;
}
.field-form-item-options__switch {
  margin-bottom: 8px;
}
.field-form-item-options__help {
  margin-left: 6px;
}
.options-to-show-row {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 0;
}
.options-to-show-row__field {
  overflow: hidden;
  flex-grow: 1;
  padding-right: 15px;
}
.options-to-show-row__action {
  display: inline-flex;
}
.options-to-show-modal {
  max-width: 380px;
  padding-top: 16px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
}
.options-to-show-modal__close {
  position: absolute;
  top: -6px;
  right: 10px;
  color: var(--G-4, #B2B2B3);
  cursor: pointer;
}
.options-to-show-modal__close:hover {
  color: var(--G-7, #6F7173);
}
.options-to-show-modal__search {
  padding: 15px 30px;
}
.options-to-show-modal__scrollbar {
  overflow: hidden;
  height: 100%;
  max-height: calc(100vh - (150px * 2 + 186px));
}
.options-to-show-modal__body {
  padding: 0 30px 10px 30px;
}
.options-to-show-modal__footer {
  min-height: 44px;
  padding-right: 15px;
  padding-left: 15px;
}
.header {
  background-color: white;
  display: flex;
  justify-content: space-between;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 1px solid #E9E9E9;
  padding: 15px 22px;
}
.header__title {
  flex: 1;
}
.header__close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #F3F3F4;
  border-radius: 5px;
}
.image-alignment-picker {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
}
.image-preview {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 10px;
}
.image-preview.align-left {
  justify-content: flex-start;
}
.image-preview.align-center {
  justify-content: center;
}
.image-preview.align-right {
  justify-content: flex-end;
}
.image-preview__image {
  border-radius: 6px;
  max-width: 100%;
}
.image-preview__image.align-cover {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.image-preview__hint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  background-color: #4D4D4D;
  padding: 5px 8px;
  border-radius: 6px;
}
.max-height-input {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
}
.image-form-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.image-form-item__divider {
  width: 100%;
  height: 1px;
  border-top: 0;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
}
.image-form-item__controls-container {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
}
.video-url-input {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
}
.video-form-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.video-form-item__video {
  margin-top: 12px;
  border-radius: 6px;
  overflow: hidden;
}
.video-form-item__divider {
  width: 100%;
  height: 1px;
  border-top: 0;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
}
.video-form-item__controls {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
}
.callout-edit {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 26px;
}
.callout-edit__editor {
  border: 1px solid #E9E9E9;
  border-radius: 5px;
  min-height: 120px;
  padding: 10px 15px;
}
.dropdown-item {
  display: flex;
  flex-direction: row;
  padding: 6px 4px;
  gap: 7px;
  align-items: center;
}
.callout-view {
  display: flex;
  flex-direction: row;
  border-radius: 5px;
  border: 1px solid;
  padding: 10px 10px;
  margin-top: 10px;
  gap: 12px;
}
.callout-view__empty {
  align-items: center;
}
.callout-view__icon {
  margin-top: 4px;
}
.callout-form-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form-consent-edit {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 26px;
}
.form-consent-edit .react-input-group {
  min-height: 200px;
}
.form-consent-edit .react-input-group .ProseMirror {
  padding: 7px 10px;
}
.form-consent-view {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-top: 10px;
}
.form-consent-view__empty {
  font-size: 13px;
}
.consent-form-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.divider-edit {
  margin-top: 26px;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.divider-view {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
}
.divider-view__divider {
  flex: 1;
  border-bottom: 1px solid #000;
  min-width: 40px;
}
.divider-view__with-text {
  gap: 10px;
}
.divider_view__text {
  display: inline-block;
  white-space: pre-wrap;
}
.form-pdf-viewer-edit {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.form-pdf-viewer-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 30px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px dashed rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.form-pdf-viewer-placeholder__text {
  text-align: center;
}
.form-pdf-viewer-view {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.form-pdf-viewer-view .rotate-90 {
  transform: rotate(90deg);
}
.form-pdf-viewer-view .-rotate-90 {
  transform: rotate(-90deg);
}
.form-pdf-viewer-view__container {
  width: 100%;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  overflow-y: auto;
}
.form-pdf-viewer-view__error {
  border: 1px solid rgba(255, 87, 87, 0.2);
  border-radius: 9px;
  margin: 10px 16px;
}
.form-pdf-viewer-view__download, .form-pdf-viewer-view__arrow {
  color: #1C1B1F;
}
.form-pdf-viewer-view__arrow:disabled, .form-pdf-viewer-view__download:disabled {
  color: #B2B2B3;
}
.form-pdf-viewer-view__icon-btn {
  border-radius: 4px;
  height: 24px;
  width: 24px;
  transition: all 150ms ease-in;
}
.form-pdf-viewer-view__icon-btn:hover {
  background-color: #F3F3F4 !important;
  color: currentColor !important;
}
.form-pdf-viewer-view__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px;
  background-color: #FAFAFA;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #E9E9E9;
  pointer-events: auto;
}
.form-pdf-viewer-view__nav-actions {
  display: flex;
  align-items: center;
}
.form-pdf-viewer-view__nav-arrows {
  display: flex;
  align-items: center;
}
.form-pdf-viewer-view__nav-arrows-divider {
  width: 1px;
  height: 16px;
  background-color: #DEDEDE;
  margin: 0 8px;
}
.form-pdf-viewer-view__empty {
  font-size: 13px;
}
.form-pdf-viewer-view canvas {
  width: 100% !important;
}
.consent-form-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.field-form-item .file-input {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.field-form-item .file-input__file-url {
  width: 100%;
  height: 36px;
  margin-bottom: 0px;
}
.field-form-item .file-input__upload {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 3px;
}
.field-form-item .file-input__file-name {
  justify-self: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.field-form-item .file-input__upload-file {
  width: 100%;
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  align-items: center;
  gap: 4px;
  border-radius: 5px;
}
.edit-form-sidebar-wrapper {
  position: relative;
  height: 100%;
  width: 350px;
}
.edit-form-review-sidebar {
  height: 100%;
  padding: 0 15px;
  width: 350px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--G-0, #FFFFFF);
  z-index: 1;
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform 150ms ease-out;
}
.edit-form-review-sidebar:before {
  content: "";
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: var(--solution-secondary-color);
}
.edit-form-review-sidebar:after {
  content: "";
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 1;
}
.edit-form-review-sidebar.appear-done {
  transform: translateX(0);
}
.edit-form-review-sidebar__header {
  display: flex;
  align-items: center;
  height: 62px;
  gap: 16px;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 28px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.edit-form-review-sidebar__icon {
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: var(--solution-primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--G-0, #FFFFFF);
}
.edit-form-review-sidebar__close {
  margin-left: auto;
  min-width: 28px;
  height: 28px;
  width: 28px;
  padding: 6px;
}
.edit-form-review-sidebar__fields-title {
  display: block;
  margin-bottom: 12px;
}
.edit-form-review-sidebar__content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.edit-form-review-sidebar__scrollbar {
  height: 100%;
}
.review-page-fields {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 10px;
}
.review-page-fields__title {
  display: block;
  padding: 7px 0 5px;
}
.review-page-fields__checkbox {
  min-height: 28px;
  padding: 0 12px;
}
.review-page-fields__checkbox .checkbox-label__in {
  min-height: 28px;
  width: 100%;
}
.ss-form-view {
  display: flex;
  height: 100%;
  position: relative;
}
:root {
  --bryntum-version: "5.6.0";
}
/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root,
:host {
  --b-fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('fa-solid-900.woff2') format("woff2"), url('fa-solid-900.ttf') format("truetype");
}
.fas,
.b-fa-solid {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.b-content-icon, .b-group-state-icon, .b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  vertical-align: 0;
}
.b-fa {
  font-family: var(--b-fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--b-fa-style, 900);
}
.b-fa,
.fas,
.b-fa-solid,
.far,
.b-fa-regular,
.fal,
.b-fa-light,
.fat,
.b-fa-thin,
.fad,
.b-fa-duotone,
.fab,
.b-fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--b-fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.b-fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.b-fa-xs {
  font-size: 0.75em;
}
.b-fa-sm {
  font-size: 0.875em;
}
.b-fa-1x {
  font-size: 1em;
}
.b-fa-2x {
  font-size: 2em;
}
.b-fa-3x {
  font-size: 3em;
}
.b-fa-4x {
  font-size: 4em;
}
.b-fa-5x {
  font-size: 5em;
}
.b-fa-6x {
  font-size: 6em;
}
.b-fa-7x {
  font-size: 7em;
}
.b-fa-8x {
  font-size: 8em;
}
.b-fa-9x {
  font-size: 9em;
}
.b-fa-10x {
  font-size: 10em;
}
.b-fa-fw, .b-fw-icon:before {
  text-align: center;
  width: 1.25em;
}
.b-fa-ul {
  list-style-type: none;
  margin-left: var(--b-fa-li-margin, 2.5em);
  padding-left: 0;
}
.b-fa-ul > li {
  position: relative;
}
.b-fa-li {
  left: calc(var(--b-fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--b-fa-li-width, 2em);
  line-height: inherit;
}
.b-fa-border {
  border-color: var(--b-fa-border-color, #eee);
  border-radius: var(--b-fa-border-radius, 0.1em);
  border-style: var(--b-fa-border-style, solid);
  border-width: var(--b-fa-border-width, 0.08em);
  padding: var(--b-fa-border-padding, 0.2em 0.25em 0.15em);
}
.b-fa-pull-left {
  float: left;
  margin-right: var(--b-fa-pull-margin, 0.3em);
}
.b-fa-pull-right {
  float: right;
  margin-left: var(--b-fa-pull-margin, 0.3em);
}
.b-fa-beat {
  animation-name: b-fa-beat;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, ease-in-out);
}
.b-fa-bounce {
  animation-name: b-fa-bounce;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}
.b-fa-fade {
  animation-name: b-fa-fade;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.b-fa-beat-fade {
  animation-name: b-fa-beat-fade;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.b-fa-flip {
  animation-name: b-fa-flip;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, ease-in-out);
}
.b-fa-shake {
  animation-name: b-fa-shake;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, linear);
}
.b-fa-spin {
  animation-name: b-fa-spin;
  animation-delay: var(--b-fa-animation-delay, 0);
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 2s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, linear);
}
.b-fa-spin-reverse {
  --b-fa-animation-direction: reverse;
}
.b-fa-pulse,
.b-fa-spin-pulse {
  animation-name: b-fa-spin;
  animation-direction: var(--b-fa-animation-direction, normal);
  animation-duration: var(--b-fa-animation-duration, 1s);
  animation-iteration-count: var(--b-fa-animation-iteration-count, infinite);
  animation-timing-function: var(--b-fa-animation-timing, steps(8));
}
@media (prefers-reduced-motion: reduce) {
  .b-fa-beat,
.b-fa-bounce,
.b-fa-fade,
.b-fa-beat-fade,
.b-fa-flip,
.b-fa-pulse,
.b-fa-shake,
.b-fa-spin,
.b-fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes b-fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--b-fa-beat-scale, 1.25));
  }
}
@keyframes b-fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--b-fa-bounce-start-scale-x, 1.1), var(--b-fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--b-fa-bounce-jump-scale-x, 0.9), var(--b-fa-bounce-jump-scale-y, 1.1)) translateY(var(--b-fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--b-fa-bounce-land-scale-x, 1.05), var(--b-fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--b-fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes b-fa-fade {
  50% {
    opacity: var(--b-fa-fade-opacity, 0.4);
  }
}
@keyframes b-fa-beat-fade {
  0%, 100% {
    opacity: var(--b-fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--b-fa-beat-fade-scale, 1.125));
  }
}
@keyframes b-fa-flip {
  50% {
    transform: rotate3d(var(--b-fa-flip-x, 0), var(--b-fa-flip-y, 1), var(--b-fa-flip-z, 0), var(--b-fa-flip-angle, -180deg));
  }
}
@keyframes b-fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes b-fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.b-fa-rotate-90 {
  transform: rotate(90deg);
}
.b-fa-rotate-180 {
  transform: rotate(180deg);
}
.b-fa-rotate-270 {
  transform: rotate(270deg);
}
.b-fa-flip-horizontal {
  transform: scale(-1, 1);
}
.b-fa-flip-vertical {
  transform: scale(1, -1);
}
.b-fa-flip-both,
.b-fa-flip-horizontal.b-fa-flip-vertical {
  transform: scale(-1, -1);
}
.b-fa-rotate-by {
  transform: rotate(var(--b-fa-rotate-angle, none));
}
.b-fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.b-fa-stack-1x,
.b-fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--b-fa-stack-z-index, auto);
}
.b-fa-stack-1x {
  line-height: inherit;
}
.b-fa-stack-2x {
  font-size: 2em;
}
.b-fa-inverse {
  color: var(--b-fa-inverse, #fff);
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.b-fa-0::before {
  content: "\30 ";
}
.b-fa-1::before {
  content: "\31 ";
}
.b-fa-2::before {
  content: "\32 ";
}
.b-fa-3::before {
  content: "\33 ";
}
.b-fa-4::before {
  content: "\34 ";
}
.b-fa-5::before {
  content: "\35 ";
}
.b-fa-6::before {
  content: "\36 ";
}
.b-fa-7::before {
  content: "\37 ";
}
.b-fa-8::before {
  content: "\38 ";
}
.b-fa-9::before {
  content: "\39 ";
}
.b-fa-a::before {
  content: "A";
}
.b-fa-address-book::before {
  content: "\f2b9";
}
.b-fa-contact-book::before {
  content: "\f2b9";
}
.b-fa-address-card::before {
  content: "\f2bb";
}
.b-fa-contact-card::before {
  content: "\f2bb";
}
.b-fa-vcard::before {
  content: "\f2bb";
}
.b-fa-align-center::before {
  content: "\f037";
}
.b-fa-align-justify::before {
  content: "\f039";
}
.b-fa-align-left::before {
  content: "\f036";
}
.b-fa-align-right::before {
  content: "\f038";
}
.b-fa-anchor::before {
  content: "\f13d";
}
.b-fa-anchor-circle-check::before {
  content: "\e4aa";
}
.b-fa-anchor-circle-exclamation::before {
  content: "\e4ab";
}
.b-fa-anchor-circle-xmark::before {
  content: "\e4ac";
}
.b-fa-anchor-lock::before {
  content: "\e4ad";
}
.b-fa-angle-down::before {
  content: "\f107";
}
.b-fa-angle-left::before {
  content: "\f104";
}
.b-fa-angle-right::before {
  content: "\f105";
}
.b-fa-angle-up::before {
  content: "\f106";
}
.b-fa-angles-down::before {
  content: "\f103";
}
.b-fa-angle-double-down::before {
  content: "\f103";
}
.b-fa-angles-left::before {
  content: "\f100";
}
.b-fa-angle-double-left::before {
  content: "\f100";
}
.b-fa-angles-right::before {
  content: "\f101";
}
.b-fa-angle-double-right::before {
  content: "\f101";
}
.b-fa-angles-up::before {
  content: "\f102";
}
.b-fa-angle-double-up::before {
  content: "\f102";
}
.b-fa-ankh::before {
  content: "\f644";
}
.b-fa-apple-whole::before {
  content: "\f5d1";
}
.b-fa-apple-alt::before {
  content: "\f5d1";
}
.b-fa-archway::before {
  content: "\f557";
}
.b-fa-arrow-down::before {
  content: "\f063";
}
.b-fa-arrow-down-1-9::before {
  content: "\f162";
}
.b-fa-sort-numeric-asc::before {
  content: "\f162";
}
.b-fa-sort-numeric-down::before {
  content: "\f162";
}
.b-fa-arrow-down-9-1::before {
  content: "\f886";
}
.b-fa-sort-numeric-desc::before {
  content: "\f886";
}
.b-fa-sort-numeric-down-alt::before {
  content: "\f886";
}
.b-fa-arrow-down-a-z::before {
  content: "\f15d";
}
.b-fa-sort-alpha-asc::before {
  content: "\f15d";
}
.b-fa-sort-alpha-down::before {
  content: "\f15d";
}
.b-fa-arrow-down-long::before {
  content: "\f175";
}
.b-fa-long-arrow-down::before {
  content: "\f175";
}
.b-fa-arrow-down-short-wide::before {
  content: "\f884";
}
.b-fa-sort-amount-desc::before {
  content: "\f884";
}
.b-fa-sort-amount-down-alt::before {
  content: "\f884";
}
.b-fa-arrow-down-up-across-line::before {
  content: "\e4af";
}
.b-fa-arrow-down-up-lock::before {
  content: "\e4b0";
}
.b-fa-arrow-down-wide-short::before {
  content: "\f160";
}
.b-fa-sort-amount-asc::before {
  content: "\f160";
}
.b-fa-sort-amount-down::before {
  content: "\f160";
}
.b-fa-arrow-down-z-a::before {
  content: "\f881";
}
.b-fa-sort-alpha-desc::before {
  content: "\f881";
}
.b-fa-sort-alpha-down-alt::before {
  content: "\f881";
}
.b-fa-arrow-left::before {
  content: "\f060";
}
.b-fa-arrow-left-long::before {
  content: "\f177";
}
.b-fa-long-arrow-left::before {
  content: "\f177";
}
.b-fa-arrow-pointer::before {
  content: "\f245";
}
.b-fa-mouse-pointer::before {
  content: "\f245";
}
.b-fa-arrow-right::before {
  content: "\f061";
}
.b-fa-arrow-right-arrow-left::before {
  content: "\f0ec";
}
.b-fa-exchange::before {
  content: "\f0ec";
}
.b-fa-arrow-right-from-bracket::before {
  content: "\f08b";
}
.b-fa-sign-out::before {
  content: "\f08b";
}
.b-fa-arrow-right-long::before {
  content: "\f178";
}
.b-fa-long-arrow-right::before {
  content: "\f178";
}
.b-fa-arrow-right-to-bracket::before {
  content: "\f090";
}
.b-fa-sign-in::before {
  content: "\f090";
}
.b-fa-arrow-right-to-city::before {
  content: "\e4b3";
}
.b-fa-arrow-rotate-left::before {
  content: "\f0e2";
}
.b-fa-arrow-left-rotate::before {
  content: "\f0e2";
}
.b-fa-arrow-rotate-back::before {
  content: "\f0e2";
}
.b-fa-arrow-rotate-backward::before {
  content: "\f0e2";
}
.b-fa-undo::before {
  content: "\f0e2";
}
.b-fa-arrow-rotate-right::before {
  content: "\f01e";
}
.b-fa-arrow-right-rotate::before {
  content: "\f01e";
}
.b-fa-arrow-rotate-forward::before {
  content: "\f01e";
}
.b-fa-redo::before {
  content: "\f01e";
}
.b-fa-arrow-trend-down::before {
  content: "\e097";
}
.b-fa-arrow-trend-up::before {
  content: "\e098";
}
.b-fa-arrow-turn-down::before {
  content: "\f149";
}
.b-fa-level-down::before {
  content: "\f149";
}
.b-fa-arrow-turn-up::before {
  content: "\f148";
}
.b-fa-level-up::before {
  content: "\f148";
}
.b-fa-arrow-up::before {
  content: "\f062";
}
.b-fa-arrow-up-1-9::before {
  content: "\f163";
}
.b-fa-sort-numeric-up::before {
  content: "\f163";
}
.b-fa-arrow-up-9-1::before {
  content: "\f887";
}
.b-fa-sort-numeric-up-alt::before {
  content: "\f887";
}
.b-fa-arrow-up-a-z::before {
  content: "\f15e";
}
.b-fa-sort-alpha-up::before {
  content: "\f15e";
}
.b-fa-arrow-up-from-bracket::before {
  content: "\e09a";
}
.b-fa-arrow-up-from-ground-water::before {
  content: "\e4b5";
}
.b-fa-arrow-up-from-water-pump::before {
  content: "\e4b6";
}
.b-fa-arrow-up-long::before {
  content: "\f176";
}
.b-fa-long-arrow-up::before {
  content: "\f176";
}
.b-fa-arrow-up-right-dots::before {
  content: "\e4b7";
}
.b-fa-arrow-up-right-from-square::before {
  content: "\f08e";
}
.b-fa-external-link::before {
  content: "\f08e";
}
.b-fa-arrow-up-short-wide::before {
  content: "\f885";
}
.b-fa-sort-amount-up-alt::before {
  content: "\f885";
}
.b-fa-arrow-up-wide-short::before {
  content: "\f161";
}
.b-fa-sort-amount-up::before {
  content: "\f161";
}
.b-fa-arrow-up-z-a::before {
  content: "\f882";
}
.b-fa-sort-alpha-up-alt::before {
  content: "\f882";
}
.b-fa-arrows-down-to-line::before {
  content: "\e4b8";
}
.b-fa-arrows-down-to-people::before {
  content: "\e4b9";
}
.b-fa-arrows-left-right::before {
  content: "\f07e";
}
.b-fa-arrows-h::before {
  content: "\f07e";
}
.b-fa-arrows-left-right-to-line::before {
  content: "\e4ba";
}
.b-fa-arrows-rotate::before {
  content: "\f021";
}
.b-fa-refresh::before {
  content: "\f021";
}
.b-fa-sync::before {
  content: "\f021";
}
.b-fa-arrows-spin::before {
  content: "\e4bb";
}
.b-fa-arrows-split-up-and-left::before {
  content: "\e4bc";
}
.b-fa-arrows-to-circle::before {
  content: "\e4bd";
}
.b-fa-arrows-to-dot::before {
  content: "\e4be";
}
.b-fa-arrows-to-eye::before {
  content: "\e4bf";
}
.b-fa-arrows-turn-right::before {
  content: "\e4c0";
}
.b-fa-arrows-turn-to-dots::before {
  content: "\e4c1";
}
.b-fa-arrows-up-down::before {
  content: "\f07d";
}
.b-fa-arrows-v::before {
  content: "\f07d";
}
.b-fa-arrows-up-down-left-right::before {
  content: "\f047";
}
.b-fa-arrows::before {
  content: "\f047";
}
.b-fa-arrows-up-to-line::before {
  content: "\e4c2";
}
.b-fa-asterisk::before {
  content: "\*";
}
.b-fa-at::before {
  content: "\@";
}
.b-fa-atom::before {
  content: "\f5d2";
}
.b-fa-audio-description::before {
  content: "\f29e";
}
.b-fa-austral-sign::before {
  content: "\e0a9";
}
.b-fa-award::before {
  content: "\f559";
}
.b-fa-b::before {
  content: "B";
}
.b-fa-baby::before {
  content: "\f77c";
}
.b-fa-baby-carriage::before {
  content: "\f77d";
}
.b-fa-carriage-baby::before {
  content: "\f77d";
}
.b-fa-backward::before {
  content: "\f04a";
}
.b-fa-backward-fast::before {
  content: "\f049";
}
.b-fa-fast-backward::before {
  content: "\f049";
}
.b-fa-backward-step::before {
  content: "\f048";
}
.b-fa-step-backward::before {
  content: "\f048";
}
.b-fa-bacon::before {
  content: "\f7e5";
}
.b-fa-bacteria::before {
  content: "\e059";
}
.b-fa-bacterium::before {
  content: "\e05a";
}
.b-fa-bag-shopping::before {
  content: "\f290";
}
.b-fa-shopping-bag::before {
  content: "\f290";
}
.b-fa-bahai::before {
  content: "\f666";
}
.b-fa-baht-sign::before {
  content: "\e0ac";
}
.b-fa-ban::before {
  content: "\f05e";
}
.b-fa-cancel::before {
  content: "\f05e";
}
.b-fa-ban-smoking::before {
  content: "\f54d";
}
.b-fa-smoking-ban::before {
  content: "\f54d";
}
.b-fa-bandage::before {
  content: "\f462";
}
.b-fa-band-aid::before {
  content: "\f462";
}
.b-fa-barcode::before {
  content: "\f02a";
}
.b-fa-bars::before {
  content: "\f0c9";
}
.b-fa-navicon::before {
  content: "\f0c9";
}
.b-fa-bars-progress::before {
  content: "\f828";
}
.b-fa-tasks-alt::before {
  content: "\f828";
}
.b-fa-bars-staggered::before {
  content: "\f550";
}
.b-fa-reorder::before {
  content: "\f550";
}
.b-fa-stream::before {
  content: "\f550";
}
.b-fa-baseball::before {
  content: "\f433";
}
.b-fa-baseball-ball::before {
  content: "\f433";
}
.b-fa-baseball-bat-ball::before {
  content: "\f432";
}
.b-fa-basket-shopping::before {
  content: "\f291";
}
.b-fa-shopping-basket::before {
  content: "\f291";
}
.b-fa-basketball::before {
  content: "\f434";
}
.b-fa-basketball-ball::before {
  content: "\f434";
}
.b-fa-bath::before {
  content: "\f2cd";
}
.b-fa-bathtub::before {
  content: "\f2cd";
}
.b-fa-battery-empty::before {
  content: "\f244";
}
.b-fa-battery-0::before {
  content: "\f244";
}
.b-fa-battery-full::before {
  content: "\f240";
}
.b-fa-battery::before {
  content: "\f240";
}
.b-fa-battery-5::before {
  content: "\f240";
}
.b-fa-battery-half::before {
  content: "\f242";
}
.b-fa-battery-3::before {
  content: "\f242";
}
.b-fa-battery-quarter::before {
  content: "\f243";
}
.b-fa-battery-2::before {
  content: "\f243";
}
.b-fa-battery-three-quarters::before {
  content: "\f241";
}
.b-fa-battery-4::before {
  content: "\f241";
}
.b-fa-bed::before {
  content: "\f236";
}
.b-fa-bed-pulse::before {
  content: "\f487";
}
.b-fa-procedures::before {
  content: "\f487";
}
.b-fa-beer-mug-empty::before {
  content: "\f0fc";
}
.b-fa-beer::before {
  content: "\f0fc";
}
.b-fa-bell::before {
  content: "\f0f3";
}
.b-fa-bell-concierge::before {
  content: "\f562";
}
.b-fa-concierge-bell::before {
  content: "\f562";
}
.b-fa-bell-slash::before {
  content: "\f1f6";
}
.b-fa-bezier-curve::before {
  content: "\f55b";
}
.b-fa-bicycle::before {
  content: "\f206";
}
.b-fa-binoculars::before {
  content: "\f1e5";
}
.b-fa-biohazard::before {
  content: "\f780";
}
.b-fa-bitcoin-sign::before {
  content: "\e0b4";
}
.b-fa-blender::before {
  content: "\f517";
}
.b-fa-blender-phone::before {
  content: "\f6b6";
}
.b-fa-blog::before {
  content: "\f781";
}
.b-fa-bold::before {
  content: "\f032";
}
.b-fa-bolt::before {
  content: "\f0e7";
}
.b-fa-zap::before {
  content: "\f0e7";
}
.b-fa-bolt-lightning::before {
  content: "\e0b7";
}
.b-fa-bomb::before {
  content: "\f1e2";
}
.b-fa-bone::before {
  content: "\f5d7";
}
.b-fa-bong::before {
  content: "\f55c";
}
.b-fa-book::before {
  content: "\f02d";
}
.b-fa-book-atlas::before {
  content: "\f558";
}
.b-fa-atlas::before {
  content: "\f558";
}
.b-fa-book-bible::before {
  content: "\f647";
}
.b-fa-bible::before {
  content: "\f647";
}
.b-fa-book-bookmark::before {
  content: "\e0bb";
}
.b-fa-book-journal-whills::before {
  content: "\f66a";
}
.b-fa-journal-whills::before {
  content: "\f66a";
}
.b-fa-book-medical::before {
  content: "\f7e6";
}
.b-fa-book-open::before {
  content: "\f518";
}
.b-fa-book-open-reader::before {
  content: "\f5da";
}
.b-fa-book-reader::before {
  content: "\f5da";
}
.b-fa-book-quran::before {
  content: "\f687";
}
.b-fa-quran::before {
  content: "\f687";
}
.b-fa-book-skull::before {
  content: "\f6b7";
}
.b-fa-book-dead::before {
  content: "\f6b7";
}
.b-fa-bookmark::before {
  content: "\f02e";
}
.b-fa-border-all::before {
  content: "\f84c";
}
.b-fa-border-none::before {
  content: "\f850";
}
.b-fa-border-top-left::before {
  content: "\f853";
}
.b-fa-border-style::before {
  content: "\f853";
}
.b-fa-bore-hole::before {
  content: "\e4c3";
}
.b-fa-bottle-droplet::before {
  content: "\e4c4";
}
.b-fa-bottle-water::before {
  content: "\e4c5";
}
.b-fa-bowl-food::before {
  content: "\e4c6";
}
.b-fa-bowl-rice::before {
  content: "\e2eb";
}
.b-fa-bowling-ball::before {
  content: "\f436";
}
.b-fa-box::before {
  content: "\f466";
}
.b-fa-box-archive::before {
  content: "\f187";
}
.b-fa-archive::before {
  content: "\f187";
}
.b-fa-box-open::before {
  content: "\f49e";
}
.b-fa-box-tissue::before {
  content: "\e05b";
}
.b-fa-boxes-packing::before {
  content: "\e4c7";
}
.b-fa-boxes-stacked::before {
  content: "\f468";
}
.b-fa-boxes::before {
  content: "\f468";
}
.b-fa-boxes-alt::before {
  content: "\f468";
}
.b-fa-braille::before {
  content: "\f2a1";
}
.b-fa-brain::before {
  content: "\f5dc";
}
.b-fa-brazilian-real-sign::before {
  content: "\e46c";
}
.b-fa-bread-slice::before {
  content: "\f7ec";
}
.b-fa-bridge::before {
  content: "\e4c8";
}
.b-fa-bridge-circle-check::before {
  content: "\e4c9";
}
.b-fa-bridge-circle-exclamation::before {
  content: "\e4ca";
}
.b-fa-bridge-circle-xmark::before {
  content: "\e4cb";
}
.b-fa-bridge-lock::before {
  content: "\e4cc";
}
.b-fa-bridge-water::before {
  content: "\e4ce";
}
.b-fa-briefcase::before {
  content: "\f0b1";
}
.b-fa-briefcase-medical::before {
  content: "\f469";
}
.b-fa-broom::before {
  content: "\f51a";
}
.b-fa-broom-ball::before {
  content: "\f458";
}
.b-fa-quidditch::before {
  content: "\f458";
}
.b-fa-quidditch-broom-ball::before {
  content: "\f458";
}
.b-fa-brush::before {
  content: "\f55d";
}
.b-fa-bucket::before {
  content: "\e4cf";
}
.b-fa-bug::before {
  content: "\f188";
}
.b-fa-bug-slash::before {
  content: "\e490";
}
.b-fa-bugs::before {
  content: "\e4d0";
}
.b-fa-building::before {
  content: "\f1ad";
}
.b-fa-building-circle-arrow-right::before {
  content: "\e4d1";
}
.b-fa-building-circle-check::before {
  content: "\e4d2";
}
.b-fa-building-circle-exclamation::before {
  content: "\e4d3";
}
.b-fa-building-circle-xmark::before {
  content: "\e4d4";
}
.b-fa-building-columns::before {
  content: "\f19c";
}
.b-fa-bank::before {
  content: "\f19c";
}
.b-fa-institution::before {
  content: "\f19c";
}
.b-fa-museum::before {
  content: "\f19c";
}
.b-fa-university::before {
  content: "\f19c";
}
.b-fa-building-flag::before {
  content: "\e4d5";
}
.b-fa-building-lock::before {
  content: "\e4d6";
}
.b-fa-building-ngo::before {
  content: "\e4d7";
}
.b-fa-building-shield::before {
  content: "\e4d8";
}
.b-fa-building-un::before {
  content: "\e4d9";
}
.b-fa-building-user::before {
  content: "\e4da";
}
.b-fa-building-wheat::before {
  content: "\e4db";
}
.b-fa-bullhorn::before {
  content: "\f0a1";
}
.b-fa-bullseye::before {
  content: "\f140";
}
.b-fa-burger::before {
  content: "\f805";
}
.b-fa-hamburger::before {
  content: "\f805";
}
.b-fa-burst::before {
  content: "\e4dc";
}
.b-fa-bus::before {
  content: "\f207";
}
.b-fa-bus-simple::before {
  content: "\f55e";
}
.b-fa-bus-alt::before {
  content: "\f55e";
}
.b-fa-business-time::before {
  content: "\f64a";
}
.b-fa-briefcase-clock::before {
  content: "\f64a";
}
.b-fa-c::before {
  content: "C";
}
.b-fa-cake-candles::before {
  content: "\f1fd";
}
.b-fa-birthday-cake::before {
  content: "\f1fd";
}
.b-fa-cake::before {
  content: "\f1fd";
}
.b-fa-calculator::before {
  content: "\f1ec";
}
.b-fa-calendar::before {
  content: "\f133";
}
.b-fa-calendar-check::before {
  content: "\f274";
}
.b-fa-calendar-day::before {
  content: "\f783";
}
.b-fa-calendar-days::before {
  content: "\f073";
}
.b-fa-calendar-alt::before {
  content: "\f073";
}
.b-fa-calendar-minus::before {
  content: "\f272";
}
.b-fa-calendar-plus::before {
  content: "\f271";
}
.b-fa-calendar-week::before {
  content: "\f784";
}
.b-fa-calendar-xmark::before {
  content: "\f273";
}
.b-fa-calendar-times::before {
  content: "\f273";
}
.b-fa-camera::before {
  content: "\f030";
}
.b-fa-camera-alt::before {
  content: "\f030";
}
.b-fa-camera-retro::before {
  content: "\f083";
}
.b-fa-camera-rotate::before {
  content: "\e0d8";
}
.b-fa-campground::before {
  content: "\f6bb";
}
.b-fa-candy-cane::before {
  content: "\f786";
}
.b-fa-cannabis::before {
  content: "\f55f";
}
.b-fa-capsules::before {
  content: "\f46b";
}
.b-fa-car::before {
  content: "\f1b9";
}
.b-fa-automobile::before {
  content: "\f1b9";
}
.b-fa-car-battery::before {
  content: "\f5df";
}
.b-fa-battery-car::before {
  content: "\f5df";
}
.b-fa-car-burst::before {
  content: "\f5e1";
}
.b-fa-car-crash::before {
  content: "\f5e1";
}
.b-fa-car-on::before {
  content: "\e4dd";
}
.b-fa-car-rear::before {
  content: "\f5de";
}
.b-fa-car-alt::before {
  content: "\f5de";
}
.b-fa-car-side::before {
  content: "\f5e4";
}
.b-fa-car-tunnel::before {
  content: "\e4de";
}
.b-fa-caravan::before {
  content: "\f8ff";
}
.b-fa-caret-down::before {
  content: "\f0d7";
}
.b-fa-caret-left::before {
  content: "\f0d9";
}
.b-fa-caret-right::before {
  content: "\f0da";
}
.b-fa-caret-up::before {
  content: "\f0d8";
}
.b-fa-carrot::before {
  content: "\f787";
}
.b-fa-cart-arrow-down::before {
  content: "\f218";
}
.b-fa-cart-flatbed::before {
  content: "\f474";
}
.b-fa-dolly-flatbed::before {
  content: "\f474";
}
.b-fa-cart-flatbed-suitcase::before {
  content: "\f59d";
}
.b-fa-luggage-cart::before {
  content: "\f59d";
}
.b-fa-cart-plus::before {
  content: "\f217";
}
.b-fa-cart-shopping::before {
  content: "\f07a";
}
.b-fa-shopping-cart::before {
  content: "\f07a";
}
.b-fa-cash-register::before {
  content: "\f788";
}
.b-fa-cat::before {
  content: "\f6be";
}
.b-fa-cedi-sign::before {
  content: "\e0df";
}
.b-fa-cent-sign::before {
  content: "\e3f5";
}
.b-fa-certificate::before {
  content: "\f0a3";
}
.b-fa-chair::before {
  content: "\f6c0";
}
.b-fa-chalkboard::before {
  content: "\f51b";
}
.b-fa-blackboard::before {
  content: "\f51b";
}
.b-fa-chalkboard-user::before {
  content: "\f51c";
}
.b-fa-chalkboard-teacher::before {
  content: "\f51c";
}
.b-fa-champagne-glasses::before {
  content: "\f79f";
}
.b-fa-glass-cheers::before {
  content: "\f79f";
}
.b-fa-charging-station::before {
  content: "\f5e7";
}
.b-fa-chart-area::before {
  content: "\f1fe";
}
.b-fa-area-chart::before {
  content: "\f1fe";
}
.b-fa-chart-bar::before {
  content: "\f080";
}
.b-fa-bar-chart::before {
  content: "\f080";
}
.b-fa-chart-column::before {
  content: "\e0e3";
}
.b-fa-chart-gantt::before {
  content: "\e0e4";
}
.b-fa-chart-line::before {
  content: "\f201";
}
.b-fa-line-chart::before {
  content: "\f201";
}
.b-fa-chart-pie::before {
  content: "\f200";
}
.b-fa-pie-chart::before {
  content: "\f200";
}
.b-fa-chart-simple::before {
  content: "\e473";
}
.b-fa-check::before {
  content: "\f00c";
}
.b-fa-check-double::before {
  content: "\f560";
}
.b-fa-check-to-slot::before {
  content: "\f772";
}
.b-fa-vote-yea::before {
  content: "\f772";
}
.b-fa-cheese::before {
  content: "\f7ef";
}
.b-fa-chess::before {
  content: "\f439";
}
.b-fa-chess-bishop::before {
  content: "\f43a";
}
.b-fa-chess-board::before {
  content: "\f43c";
}
.b-fa-chess-king::before {
  content: "\f43f";
}
.b-fa-chess-knight::before {
  content: "\f441";
}
.b-fa-chess-pawn::before {
  content: "\f443";
}
.b-fa-chess-queen::before {
  content: "\f445";
}
.b-fa-chess-rook::before {
  content: "\f447";
}
.b-fa-chevron-down::before {
  content: "\f078";
}
.b-fa-chevron-left::before {
  content: "\f053";
}
.b-fa-chevron-right::before {
  content: "\f054";
}
.b-fa-chevron-up::before {
  content: "\f077";
}
.b-fa-child::before {
  content: "\f1ae";
}
.b-fa-child-dress::before {
  content: "\e59c";
}
.b-fa-child-reaching::before {
  content: "\e59d";
}
.b-fa-child-rifle::before {
  content: "\e4e0";
}
.b-fa-children::before {
  content: "\e4e1";
}
.b-fa-church::before {
  content: "\f51d";
}
.b-fa-circle::before {
  content: "\f111";
}
.b-fa-circle-arrow-down::before {
  content: "\f0ab";
}
.b-fa-arrow-circle-down::before {
  content: "\f0ab";
}
.b-fa-circle-arrow-left::before {
  content: "\f0a8";
}
.b-fa-arrow-circle-left::before {
  content: "\f0a8";
}
.b-fa-circle-arrow-right::before {
  content: "\f0a9";
}
.b-fa-arrow-circle-right::before {
  content: "\f0a9";
}
.b-fa-circle-arrow-up::before {
  content: "\f0aa";
}
.b-fa-arrow-circle-up::before {
  content: "\f0aa";
}
.b-fa-circle-check::before {
  content: "\f058";
}
.b-fa-check-circle::before {
  content: "\f058";
}
.b-fa-circle-chevron-down::before {
  content: "\f13a";
}
.b-fa-chevron-circle-down::before {
  content: "\f13a";
}
.b-fa-circle-chevron-left::before {
  content: "\f137";
}
.b-fa-chevron-circle-left::before {
  content: "\f137";
}
.b-fa-circle-chevron-right::before {
  content: "\f138";
}
.b-fa-chevron-circle-right::before {
  content: "\f138";
}
.b-fa-circle-chevron-up::before {
  content: "\f139";
}
.b-fa-chevron-circle-up::before {
  content: "\f139";
}
.b-fa-circle-dollar-to-slot::before {
  content: "\f4b9";
}
.b-fa-donate::before {
  content: "\f4b9";
}
.b-fa-circle-dot::before {
  content: "\f192";
}
.b-fa-dot-circle::before {
  content: "\f192";
}
.b-fa-circle-down::before {
  content: "\f358";
}
.b-fa-arrow-alt-circle-down::before {
  content: "\f358";
}
.b-fa-circle-exclamation::before {
  content: "\f06a";
}
.b-fa-exclamation-circle::before {
  content: "\f06a";
}
.b-fa-circle-h::before {
  content: "\f47e";
}
.b-fa-hospital-symbol::before {
  content: "\f47e";
}
.b-fa-circle-half-stroke::before {
  content: "\f042";
}
.b-fa-adjust::before {
  content: "\f042";
}
.b-fa-circle-info::before {
  content: "\f05a";
}
.b-fa-info-circle::before {
  content: "\f05a";
}
.b-fa-circle-left::before {
  content: "\f359";
}
.b-fa-arrow-alt-circle-left::before {
  content: "\f359";
}
.b-fa-circle-minus::before {
  content: "\f056";
}
.b-fa-minus-circle::before {
  content: "\f056";
}
.b-fa-circle-nodes::before {
  content: "\e4e2";
}
.b-fa-circle-notch::before {
  content: "\f1ce";
}
.b-fa-circle-pause::before {
  content: "\f28b";
}
.b-fa-pause-circle::before {
  content: "\f28b";
}
.b-fa-circle-play::before {
  content: "\f144";
}
.b-fa-play-circle::before {
  content: "\f144";
}
.b-fa-circle-plus::before {
  content: "\f055";
}
.b-fa-plus-circle::before {
  content: "\f055";
}
.b-fa-circle-question::before {
  content: "\f059";
}
.b-fa-question-circle::before {
  content: "\f059";
}
.b-fa-circle-radiation::before {
  content: "\f7ba";
}
.b-fa-radiation-alt::before {
  content: "\f7ba";
}
.b-fa-circle-right::before {
  content: "\f35a";
}
.b-fa-arrow-alt-circle-right::before {
  content: "\f35a";
}
.b-fa-circle-stop::before {
  content: "\f28d";
}
.b-fa-stop-circle::before {
  content: "\f28d";
}
.b-fa-circle-up::before {
  content: "\f35b";
}
.b-fa-arrow-alt-circle-up::before {
  content: "\f35b";
}
.b-fa-circle-user::before {
  content: "\f2bd";
}
.b-fa-user-circle::before {
  content: "\f2bd";
}
.b-fa-circle-xmark::before {
  content: "\f057";
}
.b-fa-times-circle::before {
  content: "\f057";
}
.b-fa-xmark-circle::before {
  content: "\f057";
}
.b-fa-city::before {
  content: "\f64f";
}
.b-fa-clapperboard::before {
  content: "\e131";
}
.b-fa-clipboard::before {
  content: "\f328";
}
.b-fa-clipboard-check::before {
  content: "\f46c";
}
.b-fa-clipboard-list::before {
  content: "\f46d";
}
.b-fa-clipboard-question::before {
  content: "\e4e3";
}
.b-fa-clipboard-user::before {
  content: "\f7f3";
}
.b-fa-clock::before {
  content: "\f017";
}
.b-fa-clock-four::before {
  content: "\f017";
}
.b-fa-clock-rotate-left::before {
  content: "\f1da";
}
.b-fa-history::before {
  content: "\f1da";
}
.b-fa-clone::before {
  content: "\f24d";
}
.b-fa-closed-captioning::before {
  content: "\f20a";
}
.b-fa-cloud::before {
  content: "\f0c2";
}
.b-fa-cloud-arrow-down::before {
  content: "\f0ed";
}
.b-fa-cloud-download::before {
  content: "\f0ed";
}
.b-fa-cloud-download-alt::before {
  content: "\f0ed";
}
.b-fa-cloud-arrow-up::before {
  content: "\f0ee";
}
.b-fa-cloud-upload::before {
  content: "\f0ee";
}
.b-fa-cloud-upload-alt::before {
  content: "\f0ee";
}
.b-fa-cloud-bolt::before {
  content: "\f76c";
}
.b-fa-thunderstorm::before {
  content: "\f76c";
}
.b-fa-cloud-meatball::before {
  content: "\f73b";
}
.b-fa-cloud-moon::before {
  content: "\f6c3";
}
.b-fa-cloud-moon-rain::before {
  content: "\f73c";
}
.b-fa-cloud-rain::before {
  content: "\f73d";
}
.b-fa-cloud-showers-heavy::before {
  content: "\f740";
}
.b-fa-cloud-showers-water::before {
  content: "\e4e4";
}
.b-fa-cloud-sun::before {
  content: "\f6c4";
}
.b-fa-cloud-sun-rain::before {
  content: "\f743";
}
.b-fa-clover::before {
  content: "\e139";
}
.b-fa-code::before {
  content: "\f121";
}
.b-fa-code-branch::before {
  content: "\f126";
}
.b-fa-code-commit::before {
  content: "\f386";
}
.b-fa-code-compare::before {
  content: "\e13a";
}
.b-fa-code-fork::before {
  content: "\e13b";
}
.b-fa-code-merge::before {
  content: "\f387";
}
.b-fa-code-pull-request::before {
  content: "\e13c";
}
.b-fa-coins::before {
  content: "\f51e";
}
.b-fa-colon-sign::before {
  content: "\e140";
}
.b-fa-comment::before {
  content: "\f075";
}
.b-fa-comment-dollar::before {
  content: "\f651";
}
.b-fa-comment-dots::before {
  content: "\f4ad";
}
.b-fa-commenting::before {
  content: "\f4ad";
}
.b-fa-comment-medical::before {
  content: "\f7f5";
}
.b-fa-comment-slash::before {
  content: "\f4b3";
}
.b-fa-comment-sms::before {
  content: "\f7cd";
}
.b-fa-sms::before {
  content: "\f7cd";
}
.b-fa-comments::before {
  content: "\f086";
}
.b-fa-comments-dollar::before {
  content: "\f653";
}
.b-fa-compact-disc::before {
  content: "\f51f";
}
.b-fa-compass::before {
  content: "\f14e";
}
.b-fa-compass-drafting::before {
  content: "\f568";
}
.b-fa-drafting-compass::before {
  content: "\f568";
}
.b-fa-compress::before {
  content: "\f066";
}
.b-fa-computer::before {
  content: "\e4e5";
}
.b-fa-computer-mouse::before {
  content: "\f8cc";
}
.b-fa-mouse::before {
  content: "\f8cc";
}
.b-fa-cookie::before {
  content: "\f563";
}
.b-fa-cookie-bite::before {
  content: "\f564";
}
.b-fa-copy::before {
  content: "\f0c5";
}
.b-fa-copyright::before {
  content: "\f1f9";
}
.b-fa-couch::before {
  content: "\f4b8";
}
.b-fa-cow::before {
  content: "\f6c8";
}
.b-fa-credit-card::before {
  content: "\f09d";
}
.b-fa-credit-card-alt::before {
  content: "\f09d";
}
.b-fa-crop::before {
  content: "\f125";
}
.b-fa-crop-simple::before {
  content: "\f565";
}
.b-fa-crop-alt::before {
  content: "\f565";
}
.b-fa-cross::before {
  content: "\f654";
}
.b-fa-crosshairs::before {
  content: "\f05b";
}
.b-fa-crow::before {
  content: "\f520";
}
.b-fa-crown::before {
  content: "\f521";
}
.b-fa-crutch::before {
  content: "\f7f7";
}
.b-fa-cruzeiro-sign::before {
  content: "\e152";
}
.b-fa-cube::before {
  content: "\f1b2";
}
.b-fa-cubes::before {
  content: "\f1b3";
}
.b-fa-cubes-stacked::before {
  content: "\e4e6";
}
.b-fa-d::before {
  content: "D";
}
.b-fa-database::before {
  content: "\f1c0";
}
.b-fa-delete-left::before {
  content: "\f55a";
}
.b-fa-backspace::before {
  content: "\f55a";
}
.b-fa-democrat::before {
  content: "\f747";
}
.b-fa-desktop::before {
  content: "\f390";
}
.b-fa-desktop-alt::before {
  content: "\f390";
}
.b-fa-dharmachakra::before {
  content: "\f655";
}
.b-fa-diagram-next::before {
  content: "\e476";
}
.b-fa-diagram-predecessor::before {
  content: "\e477";
}
.b-fa-diagram-project::before {
  content: "\f542";
}
.b-fa-project-diagram::before {
  content: "\f542";
}
.b-fa-diagram-successor::before {
  content: "\e47a";
}
.b-fa-diamond::before {
  content: "\f219";
}
.b-fa-diamond-turn-right::before {
  content: "\f5eb";
}
.b-fa-directions::before {
  content: "\f5eb";
}
.b-fa-dice::before {
  content: "\f522";
}
.b-fa-dice-d20::before {
  content: "\f6cf";
}
.b-fa-dice-d6::before {
  content: "\f6d1";
}
.b-fa-dice-five::before {
  content: "\f523";
}
.b-fa-dice-four::before {
  content: "\f524";
}
.b-fa-dice-one::before {
  content: "\f525";
}
.b-fa-dice-six::before {
  content: "\f526";
}
.b-fa-dice-three::before {
  content: "\f527";
}
.b-fa-dice-two::before {
  content: "\f528";
}
.b-fa-disease::before {
  content: "\f7fa";
}
.b-fa-display::before {
  content: "\e163";
}
.b-fa-divide::before {
  content: "\f529";
}
.b-fa-dna::before {
  content: "\f471";
}
.b-fa-dog::before {
  content: "\f6d3";
}
.b-fa-dollar-sign::before {
  content: "\$";
}
.b-fa-dollar::before {
  content: "\$";
}
.b-fa-usd::before {
  content: "\$";
}
.b-fa-dolly::before {
  content: "\f472";
}
.b-fa-dolly-box::before {
  content: "\f472";
}
.b-fa-dong-sign::before {
  content: "\e169";
}
.b-fa-door-closed::before {
  content: "\f52a";
}
.b-fa-door-open::before {
  content: "\f52b";
}
.b-fa-dove::before {
  content: "\f4ba";
}
.b-fa-down-left-and-up-right-to-center::before {
  content: "\f422";
}
.b-fa-compress-alt::before {
  content: "\f422";
}
.b-fa-down-long::before {
  content: "\f309";
}
.b-fa-long-arrow-alt-down::before {
  content: "\f309";
}
.b-fa-download::before {
  content: "\f019";
}
.b-fa-dragon::before {
  content: "\f6d5";
}
.b-fa-draw-polygon::before {
  content: "\f5ee";
}
.b-fa-droplet::before {
  content: "\f043";
}
.b-fa-tint::before {
  content: "\f043";
}
.b-fa-droplet-slash::before {
  content: "\f5c7";
}
.b-fa-tint-slash::before {
  content: "\f5c7";
}
.b-fa-drum::before {
  content: "\f569";
}
.b-fa-drum-steelpan::before {
  content: "\f56a";
}
.b-fa-drumstick-bite::before {
  content: "\f6d7";
}
.b-fa-dumbbell::before {
  content: "\f44b";
}
.b-fa-dumpster::before {
  content: "\f793";
}
.b-fa-dumpster-fire::before {
  content: "\f794";
}
.b-fa-dungeon::before {
  content: "\f6d9";
}
.b-fa-e::before {
  content: "E";
}
.b-fa-ear-deaf::before {
  content: "\f2a4";
}
.b-fa-deaf::before {
  content: "\f2a4";
}
.b-fa-deafness::before {
  content: "\f2a4";
}
.b-fa-hard-of-hearing::before {
  content: "\f2a4";
}
.b-fa-ear-listen::before {
  content: "\f2a2";
}
.b-fa-assistive-listening-systems::before {
  content: "\f2a2";
}
.b-fa-earth-africa::before {
  content: "\f57c";
}
.b-fa-globe-africa::before {
  content: "\f57c";
}
.b-fa-earth-americas::before {
  content: "\f57d";
}
.b-fa-earth::before {
  content: "\f57d";
}
.b-fa-earth-america::before {
  content: "\f57d";
}
.b-fa-globe-americas::before {
  content: "\f57d";
}
.b-fa-earth-asia::before {
  content: "\f57e";
}
.b-fa-globe-asia::before {
  content: "\f57e";
}
.b-fa-earth-europe::before {
  content: "\f7a2";
}
.b-fa-globe-europe::before {
  content: "\f7a2";
}
.b-fa-earth-oceania::before {
  content: "\e47b";
}
.b-fa-globe-oceania::before {
  content: "\e47b";
}
.b-fa-egg::before {
  content: "\f7fb";
}
.b-fa-eject::before {
  content: "\f052";
}
.b-fa-elevator::before {
  content: "\e16d";
}
.b-fa-ellipsis::before {
  content: "\f141";
}
.b-fa-ellipsis-h::before {
  content: "\f141";
}
.b-fa-ellipsis-vertical::before {
  content: "\f142";
}
.b-fa-ellipsis-v::before {
  content: "\f142";
}
.b-fa-envelope::before {
  content: "\f0e0";
}
.b-fa-envelope-circle-check::before {
  content: "\e4e8";
}
.b-fa-envelope-open::before {
  content: "\f2b6";
}
.b-fa-envelope-open-text::before {
  content: "\f658";
}
.b-fa-envelopes-bulk::before {
  content: "\f674";
}
.b-fa-mail-bulk::before {
  content: "\f674";
}
.b-fa-equals::before {
  content: "\=";
}
.b-fa-eraser::before {
  content: "\f12d";
}
.b-fa-ethernet::before {
  content: "\f796";
}
.b-fa-euro-sign::before {
  content: "\f153";
}
.b-fa-eur::before {
  content: "\f153";
}
.b-fa-euro::before {
  content: "\f153";
}
.b-fa-exclamation::before {
  content: "\!";
}
.b-fa-expand::before {
  content: "\f065";
}
.b-fa-explosion::before {
  content: "\e4e9";
}
.b-fa-eye::before {
  content: "\f06e";
}
.b-fa-eye-dropper::before {
  content: "\f1fb";
}
.b-fa-eye-dropper-empty::before {
  content: "\f1fb";
}
.b-fa-eyedropper::before {
  content: "\f1fb";
}
.b-fa-eye-low-vision::before {
  content: "\f2a8";
}
.b-fa-low-vision::before {
  content: "\f2a8";
}
.b-fa-eye-slash::before {
  content: "\f070";
}
.b-fa-f::before {
  content: "F";
}
.b-fa-face-angry::before {
  content: "\f556";
}
.b-fa-angry::before {
  content: "\f556";
}
.b-fa-face-dizzy::before {
  content: "\f567";
}
.b-fa-dizzy::before {
  content: "\f567";
}
.b-fa-face-flushed::before {
  content: "\f579";
}
.b-fa-flushed::before {
  content: "\f579";
}
.b-fa-face-frown::before {
  content: "\f119";
}
.b-fa-frown::before {
  content: "\f119";
}
.b-fa-face-frown-open::before {
  content: "\f57a";
}
.b-fa-frown-open::before {
  content: "\f57a";
}
.b-fa-face-grimace::before {
  content: "\f57f";
}
.b-fa-grimace::before {
  content: "\f57f";
}
.b-fa-face-grin::before {
  content: "\f580";
}
.b-fa-grin::before {
  content: "\f580";
}
.b-fa-face-grin-beam::before {
  content: "\f582";
}
.b-fa-grin-beam::before {
  content: "\f582";
}
.b-fa-face-grin-beam-sweat::before {
  content: "\f583";
}
.b-fa-grin-beam-sweat::before {
  content: "\f583";
}
.b-fa-face-grin-hearts::before {
  content: "\f584";
}
.b-fa-grin-hearts::before {
  content: "\f584";
}
.b-fa-face-grin-squint::before {
  content: "\f585";
}
.b-fa-grin-squint::before {
  content: "\f585";
}
.b-fa-face-grin-squint-tears::before {
  content: "\f586";
}
.b-fa-grin-squint-tears::before {
  content: "\f586";
}
.b-fa-face-grin-stars::before {
  content: "\f587";
}
.b-fa-grin-stars::before {
  content: "\f587";
}
.b-fa-face-grin-tears::before {
  content: "\f588";
}
.b-fa-grin-tears::before {
  content: "\f588";
}
.b-fa-face-grin-tongue::before {
  content: "\f589";
}
.b-fa-grin-tongue::before {
  content: "\f589";
}
.b-fa-face-grin-tongue-squint::before {
  content: "\f58a";
}
.b-fa-grin-tongue-squint::before {
  content: "\f58a";
}
.b-fa-face-grin-tongue-wink::before {
  content: "\f58b";
}
.b-fa-grin-tongue-wink::before {
  content: "\f58b";
}
.b-fa-face-grin-wide::before {
  content: "\f581";
}
.b-fa-grin-alt::before {
  content: "\f581";
}
.b-fa-face-grin-wink::before {
  content: "\f58c";
}
.b-fa-grin-wink::before {
  content: "\f58c";
}
.b-fa-face-kiss::before {
  content: "\f596";
}
.b-fa-kiss::before {
  content: "\f596";
}
.b-fa-face-kiss-beam::before {
  content: "\f597";
}
.b-fa-kiss-beam::before {
  content: "\f597";
}
.b-fa-face-kiss-wink-heart::before {
  content: "\f598";
}
.b-fa-kiss-wink-heart::before {
  content: "\f598";
}
.b-fa-face-laugh::before {
  content: "\f599";
}
.b-fa-laugh::before {
  content: "\f599";
}
.b-fa-face-laugh-beam::before {
  content: "\f59a";
}
.b-fa-laugh-beam::before {
  content: "\f59a";
}
.b-fa-face-laugh-squint::before {
  content: "\f59b";
}
.b-fa-laugh-squint::before {
  content: "\f59b";
}
.b-fa-face-laugh-wink::before {
  content: "\f59c";
}
.b-fa-laugh-wink::before {
  content: "\f59c";
}
.b-fa-face-meh::before {
  content: "\f11a";
}
.b-fa-meh::before {
  content: "\f11a";
}
.b-fa-face-meh-blank::before {
  content: "\f5a4";
}
.b-fa-meh-blank::before {
  content: "\f5a4";
}
.b-fa-face-rolling-eyes::before {
  content: "\f5a5";
}
.b-fa-meh-rolling-eyes::before {
  content: "\f5a5";
}
.b-fa-face-sad-cry::before {
  content: "\f5b3";
}
.b-fa-sad-cry::before {
  content: "\f5b3";
}
.b-fa-face-sad-tear::before {
  content: "\f5b4";
}
.b-fa-sad-tear::before {
  content: "\f5b4";
}
.b-fa-face-smile::before {
  content: "\f118";
}
.b-fa-smile::before {
  content: "\f118";
}
.b-fa-face-smile-beam::before {
  content: "\f5b8";
}
.b-fa-smile-beam::before {
  content: "\f5b8";
}
.b-fa-face-smile-wink::before {
  content: "\f4da";
}
.b-fa-smile-wink::before {
  content: "\f4da";
}
.b-fa-face-surprise::before {
  content: "\f5c2";
}
.b-fa-surprise::before {
  content: "\f5c2";
}
.b-fa-face-tired::before {
  content: "\f5c8";
}
.b-fa-tired::before {
  content: "\f5c8";
}
.b-fa-fan::before {
  content: "\f863";
}
.b-fa-faucet::before {
  content: "\e005";
}
.b-fa-faucet-drip::before {
  content: "\e006";
}
.b-fa-fax::before {
  content: "\f1ac";
}
.b-fa-feather::before {
  content: "\f52d";
}
.b-fa-feather-pointed::before {
  content: "\f56b";
}
.b-fa-feather-alt::before {
  content: "\f56b";
}
.b-fa-ferry::before {
  content: "\e4ea";
}
.b-fa-file::before {
  content: "\f15b";
}
.b-fa-file-arrow-down::before {
  content: "\f56d";
}
.b-fa-file-download::before {
  content: "\f56d";
}
.b-fa-file-arrow-up::before {
  content: "\f574";
}
.b-fa-file-upload::before {
  content: "\f574";
}
.b-fa-file-audio::before {
  content: "\f1c7";
}
.b-fa-file-circle-check::before {
  content: "\e493";
}
.b-fa-file-circle-exclamation::before {
  content: "\e4eb";
}
.b-fa-file-circle-minus::before {
  content: "\e4ed";
}
.b-fa-file-circle-plus::before {
  content: "\e4ee";
}
.b-fa-file-circle-question::before {
  content: "\e4ef";
}
.b-fa-file-circle-xmark::before {
  content: "\e494";
}
.b-fa-file-code::before {
  content: "\f1c9";
}
.b-fa-file-contract::before {
  content: "\f56c";
}
.b-fa-file-csv::before {
  content: "\f6dd";
}
.b-fa-file-excel::before {
  content: "\f1c3";
}
.b-fa-file-export::before {
  content: "\f56e";
}
.b-fa-arrow-right-from-file::before {
  content: "\f56e";
}
.b-fa-file-image::before {
  content: "\f1c5";
}
.b-fa-file-import::before {
  content: "\f56f";
}
.b-fa-arrow-right-to-file::before {
  content: "\f56f";
}
.b-fa-file-invoice::before {
  content: "\f570";
}
.b-fa-file-invoice-dollar::before {
  content: "\f571";
}
.b-fa-file-lines::before {
  content: "\f15c";
}
.b-fa-file-alt::before {
  content: "\f15c";
}
.b-fa-file-text::before {
  content: "\f15c";
}
.b-fa-file-medical::before {
  content: "\f477";
}
.b-fa-file-pdf::before {
  content: "\f1c1";
}
.b-fa-file-pen::before {
  content: "\f31c";
}
.b-fa-file-edit::before {
  content: "\f31c";
}
.b-fa-file-powerpoint::before {
  content: "\f1c4";
}
.b-fa-file-prescription::before {
  content: "\f572";
}
.b-fa-file-shield::before {
  content: "\e4f0";
}
.b-fa-file-signature::before {
  content: "\f573";
}
.b-fa-file-video::before {
  content: "\f1c8";
}
.b-fa-file-waveform::before {
  content: "\f478";
}
.b-fa-file-medical-alt::before {
  content: "\f478";
}
.b-fa-file-word::before {
  content: "\f1c2";
}
.b-fa-file-zipper::before {
  content: "\f1c6";
}
.b-fa-file-archive::before {
  content: "\f1c6";
}
.b-fa-fill::before {
  content: "\f575";
}
.b-fa-fill-drip::before {
  content: "\f576";
}
.b-fa-film::before {
  content: "\f008";
}
.b-fa-filter::before {
  content: "\f0b0";
}
.b-fa-filter-circle-dollar::before {
  content: "\f662";
}
.b-fa-funnel-dollar::before {
  content: "\f662";
}
.b-fa-filter-circle-xmark::before {
  content: "\e17b";
}
.b-fa-fingerprint::before {
  content: "\f577";
}
.b-fa-fire::before {
  content: "\f06d";
}
.b-fa-fire-burner::before {
  content: "\e4f1";
}
.b-fa-fire-extinguisher::before {
  content: "\f134";
}
.b-fa-fire-flame-curved::before {
  content: "\f7e4";
}
.b-fa-fire-alt::before {
  content: "\f7e4";
}
.b-fa-fire-flame-simple::before {
  content: "\f46a";
}
.b-fa-burn::before {
  content: "\f46a";
}
.b-fa-fish::before {
  content: "\f578";
}
.b-fa-fish-fins::before {
  content: "\e4f2";
}
.b-fa-flag::before {
  content: "\f024";
}
.b-fa-flag-checkered::before {
  content: "\f11e";
}
.b-fa-flag-usa::before {
  content: "\f74d";
}
.b-fa-flask::before {
  content: "\f0c3";
}
.b-fa-flask-vial::before {
  content: "\e4f3";
}
.b-fa-floppy-disk::before {
  content: "\f0c7";
}
.b-fa-save::before {
  content: "\f0c7";
}
.b-fa-florin-sign::before {
  content: "\e184";
}
.b-fa-folder::before {
  content: "\f07b";
}
.b-fa-folder-blank::before {
  content: "\f07b";
}
.b-fa-folder-closed::before {
  content: "\e185";
}
.b-fa-folder-minus::before {
  content: "\f65d";
}
.b-fa-folder-open::before {
  content: "\f07c";
}
.b-fa-folder-plus::before {
  content: "\f65e";
}
.b-fa-folder-tree::before {
  content: "\f802";
}
.b-fa-font::before {
  content: "\f031";
}
.b-fa-football::before {
  content: "\f44e";
}
.b-fa-football-ball::before {
  content: "\f44e";
}
.b-fa-forward::before {
  content: "\f04e";
}
.b-fa-forward-fast::before {
  content: "\f050";
}
.b-fa-fast-forward::before {
  content: "\f050";
}
.b-fa-forward-step::before {
  content: "\f051";
}
.b-fa-step-forward::before {
  content: "\f051";
}
.b-fa-franc-sign::before {
  content: "\e18f";
}
.b-fa-frog::before {
  content: "\f52e";
}
.b-fa-futbol::before {
  content: "\f1e3";
}
.b-fa-futbol-ball::before {
  content: "\f1e3";
}
.b-fa-soccer-ball::before {
  content: "\f1e3";
}
.b-fa-g::before {
  content: "G";
}
.b-fa-gamepad::before {
  content: "\f11b";
}
.b-fa-gas-pump::before {
  content: "\f52f";
}
.b-fa-gauge::before {
  content: "\f624";
}
.b-fa-dashboard::before {
  content: "\f624";
}
.b-fa-gauge-med::before {
  content: "\f624";
}
.b-fa-tachometer-alt-average::before {
  content: "\f624";
}
.b-fa-gauge-high::before {
  content: "\f625";
}
.b-fa-tachometer-alt::before {
  content: "\f625";
}
.b-fa-tachometer-alt-fast::before {
  content: "\f625";
}
.b-fa-gauge-simple::before {
  content: "\f629";
}
.b-fa-gauge-simple-med::before {
  content: "\f629";
}
.b-fa-tachometer-average::before {
  content: "\f629";
}
.b-fa-gauge-simple-high::before {
  content: "\f62a";
}
.b-fa-tachometer::before {
  content: "\f62a";
}
.b-fa-tachometer-fast::before {
  content: "\f62a";
}
.b-fa-gavel::before {
  content: "\f0e3";
}
.b-fa-legal::before {
  content: "\f0e3";
}
.b-fa-gear::before {
  content: "\f013";
}
.b-fa-cog::before {
  content: "\f013";
}
.b-fa-gears::before {
  content: "\f085";
}
.b-fa-cogs::before {
  content: "\f085";
}
.b-fa-gem::before {
  content: "\f3a5";
}
.b-fa-genderless::before {
  content: "\f22d";
}
.b-fa-ghost::before {
  content: "\f6e2";
}
.b-fa-gift::before {
  content: "\f06b";
}
.b-fa-gifts::before {
  content: "\f79c";
}
.b-fa-glass-water::before {
  content: "\e4f4";
}
.b-fa-glass-water-droplet::before {
  content: "\e4f5";
}
.b-fa-glasses::before {
  content: "\f530";
}
.b-fa-globe::before {
  content: "\f0ac";
}
.b-fa-golf-ball-tee::before {
  content: "\f450";
}
.b-fa-golf-ball::before {
  content: "\f450";
}
.b-fa-gopuram::before {
  content: "\f664";
}
.b-fa-graduation-cap::before {
  content: "\f19d";
}
.b-fa-mortar-board::before {
  content: "\f19d";
}
.b-fa-greater-than::before {
  content: "\>";
}
.b-fa-greater-than-equal::before {
  content: "\f532";
}
.b-fa-grip::before {
  content: "\f58d";
}
.b-fa-grip-horizontal::before {
  content: "\f58d";
}
.b-fa-grip-lines::before {
  content: "\f7a4";
}
.b-fa-grip-lines-vertical::before {
  content: "\f7a5";
}
.b-fa-grip-vertical::before {
  content: "\f58e";
}
.b-fa-group-arrows-rotate::before {
  content: "\e4f6";
}
.b-fa-guarani-sign::before {
  content: "\e19a";
}
.b-fa-guitar::before {
  content: "\f7a6";
}
.b-fa-gun::before {
  content: "\e19b";
}
.b-fa-h::before {
  content: "H";
}
.b-fa-hammer::before {
  content: "\f6e3";
}
.b-fa-hamsa::before {
  content: "\f665";
}
.b-fa-hand::before {
  content: "\f256";
}
.b-fa-hand-paper::before {
  content: "\f256";
}
.b-fa-hand-back-fist::before {
  content: "\f255";
}
.b-fa-hand-rock::before {
  content: "\f255";
}
.b-fa-hand-dots::before {
  content: "\f461";
}
.b-fa-allergies::before {
  content: "\f461";
}
.b-fa-hand-fist::before {
  content: "\f6de";
}
.b-fa-fist-raised::before {
  content: "\f6de";
}
.b-fa-hand-holding::before {
  content: "\f4bd";
}
.b-fa-hand-holding-dollar::before {
  content: "\f4c0";
}
.b-fa-hand-holding-usd::before {
  content: "\f4c0";
}
.b-fa-hand-holding-droplet::before {
  content: "\f4c1";
}
.b-fa-hand-holding-water::before {
  content: "\f4c1";
}
.b-fa-hand-holding-hand::before {
  content: "\e4f7";
}
.b-fa-hand-holding-heart::before {
  content: "\f4be";
}
.b-fa-hand-holding-medical::before {
  content: "\e05c";
}
.b-fa-hand-lizard::before {
  content: "\f258";
}
.b-fa-hand-middle-finger::before {
  content: "\f806";
}
.b-fa-hand-peace::before {
  content: "\f25b";
}
.b-fa-hand-point-down::before {
  content: "\f0a7";
}
.b-fa-hand-point-left::before {
  content: "\f0a5";
}
.b-fa-hand-point-right::before {
  content: "\f0a4";
}
.b-fa-hand-point-up::before {
  content: "\f0a6";
}
.b-fa-hand-pointer::before {
  content: "\f25a";
}
.b-fa-hand-scissors::before {
  content: "\f257";
}
.b-fa-hand-sparkles::before {
  content: "\e05d";
}
.b-fa-hand-spock::before {
  content: "\f259";
}
.b-fa-handcuffs::before {
  content: "\e4f8";
}
.b-fa-hands::before {
  content: "\f2a7";
}
.b-fa-sign-language::before {
  content: "\f2a7";
}
.b-fa-signing::before {
  content: "\f2a7";
}
.b-fa-hands-asl-interpreting::before {
  content: "\f2a3";
}
.b-fa-american-sign-language-interpreting::before {
  content: "\f2a3";
}
.b-fa-asl-interpreting::before {
  content: "\f2a3";
}
.b-fa-hands-american-sign-language-interpreting::before {
  content: "\f2a3";
}
.b-fa-hands-bound::before {
  content: "\e4f9";
}
.b-fa-hands-bubbles::before {
  content: "\e05e";
}
.b-fa-hands-wash::before {
  content: "\e05e";
}
.b-fa-hands-clapping::before {
  content: "\e1a8";
}
.b-fa-hands-holding::before {
  content: "\f4c2";
}
.b-fa-hands-holding-child::before {
  content: "\e4fa";
}
.b-fa-hands-holding-circle::before {
  content: "\e4fb";
}
.b-fa-hands-praying::before {
  content: "\f684";
}
.b-fa-praying-hands::before {
  content: "\f684";
}
.b-fa-handshake::before {
  content: "\f2b5";
}
.b-fa-handshake-angle::before {
  content: "\f4c4";
}
.b-fa-hands-helping::before {
  content: "\f4c4";
}
.b-fa-handshake-simple::before {
  content: "\f4c6";
}
.b-fa-handshake-alt::before {
  content: "\f4c6";
}
.b-fa-handshake-simple-slash::before {
  content: "\e05f";
}
.b-fa-handshake-alt-slash::before {
  content: "\e05f";
}
.b-fa-handshake-slash::before {
  content: "\e060";
}
.b-fa-hanukiah::before {
  content: "\f6e6";
}
.b-fa-hard-drive::before {
  content: "\f0a0";
}
.b-fa-hdd::before {
  content: "\f0a0";
}
.b-fa-hashtag::before {
  content: "\#";
}
.b-fa-hat-cowboy::before {
  content: "\f8c0";
}
.b-fa-hat-cowboy-side::before {
  content: "\f8c1";
}
.b-fa-hat-wizard::before {
  content: "\f6e8";
}
.b-fa-head-side-cough::before {
  content: "\e061";
}
.b-fa-head-side-cough-slash::before {
  content: "\e062";
}
.b-fa-head-side-mask::before {
  content: "\e063";
}
.b-fa-head-side-virus::before {
  content: "\e064";
}
.b-fa-heading::before {
  content: "\f1dc";
}
.b-fa-header::before {
  content: "\f1dc";
}
.b-fa-headphones::before {
  content: "\f025";
}
.b-fa-headphones-simple::before {
  content: "\f58f";
}
.b-fa-headphones-alt::before {
  content: "\f58f";
}
.b-fa-headset::before {
  content: "\f590";
}
.b-fa-heart::before {
  content: "\f004";
}
.b-fa-heart-circle-bolt::before {
  content: "\e4fc";
}
.b-fa-heart-circle-check::before {
  content: "\e4fd";
}
.b-fa-heart-circle-exclamation::before {
  content: "\e4fe";
}
.b-fa-heart-circle-minus::before {
  content: "\e4ff";
}
.b-fa-heart-circle-plus::before {
  content: "\e500";
}
.b-fa-heart-circle-xmark::before {
  content: "\e501";
}
.b-fa-heart-crack::before {
  content: "\f7a9";
}
.b-fa-heart-broken::before {
  content: "\f7a9";
}
.b-fa-heart-pulse::before {
  content: "\f21e";
}
.b-fa-heartbeat::before {
  content: "\f21e";
}
.b-fa-helicopter::before {
  content: "\f533";
}
.b-fa-helicopter-symbol::before {
  content: "\e502";
}
.b-fa-helmet-safety::before {
  content: "\f807";
}
.b-fa-hard-hat::before {
  content: "\f807";
}
.b-fa-hat-hard::before {
  content: "\f807";
}
.b-fa-helmet-un::before {
  content: "\e503";
}
.b-fa-highlighter::before {
  content: "\f591";
}
.b-fa-hill-avalanche::before {
  content: "\e507";
}
.b-fa-hill-rockslide::before {
  content: "\e508";
}
.b-fa-hippo::before {
  content: "\f6ed";
}
.b-fa-hockey-puck::before {
  content: "\f453";
}
.b-fa-holly-berry::before {
  content: "\f7aa";
}
.b-fa-horse::before {
  content: "\f6f0";
}
.b-fa-horse-head::before {
  content: "\f7ab";
}
.b-fa-hospital::before {
  content: "\f0f8";
}
.b-fa-hospital-alt::before {
  content: "\f0f8";
}
.b-fa-hospital-wide::before {
  content: "\f0f8";
}
.b-fa-hospital-user::before {
  content: "\f80d";
}
.b-fa-hot-tub-person::before {
  content: "\f593";
}
.b-fa-hot-tub::before {
  content: "\f593";
}
.b-fa-hotdog::before {
  content: "\f80f";
}
.b-fa-hotel::before {
  content: "\f594";
}
.b-fa-hourglass::before {
  content: "\f254";
}
.b-fa-hourglass-2::before {
  content: "\f254";
}
.b-fa-hourglass-half::before {
  content: "\f254";
}
.b-fa-hourglass-empty::before {
  content: "\f252";
}
.b-fa-hourglass-end::before {
  content: "\f253";
}
.b-fa-hourglass-3::before {
  content: "\f253";
}
.b-fa-hourglass-start::before {
  content: "\f251";
}
.b-fa-hourglass-1::before {
  content: "\f251";
}
.b-fa-house::before {
  content: "\f015";
}
.b-fa-home::before {
  content: "\f015";
}
.b-fa-home-alt::before {
  content: "\f015";
}
.b-fa-home-lg-alt::before {
  content: "\f015";
}
.b-fa-house-chimney::before {
  content: "\e3af";
}
.b-fa-home-lg::before {
  content: "\e3af";
}
.b-fa-house-chimney-crack::before {
  content: "\f6f1";
}
.b-fa-house-damage::before {
  content: "\f6f1";
}
.b-fa-house-chimney-medical::before {
  content: "\f7f2";
}
.b-fa-clinic-medical::before {
  content: "\f7f2";
}
.b-fa-house-chimney-user::before {
  content: "\e065";
}
.b-fa-house-chimney-window::before {
  content: "\e00d";
}
.b-fa-house-circle-check::before {
  content: "\e509";
}
.b-fa-house-circle-exclamation::before {
  content: "\e50a";
}
.b-fa-house-circle-xmark::before {
  content: "\e50b";
}
.b-fa-house-crack::before {
  content: "\e3b1";
}
.b-fa-house-fire::before {
  content: "\e50c";
}
.b-fa-house-flag::before {
  content: "\e50d";
}
.b-fa-house-flood-water::before {
  content: "\e50e";
}
.b-fa-house-flood-water-circle-arrow-right::before {
  content: "\e50f";
}
.b-fa-house-laptop::before {
  content: "\e066";
}
.b-fa-laptop-house::before {
  content: "\e066";
}
.b-fa-house-lock::before {
  content: "\e510";
}
.b-fa-house-medical::before {
  content: "\e3b2";
}
.b-fa-house-medical-circle-check::before {
  content: "\e511";
}
.b-fa-house-medical-circle-exclamation::before {
  content: "\e512";
}
.b-fa-house-medical-circle-xmark::before {
  content: "\e513";
}
.b-fa-house-medical-flag::before {
  content: "\e514";
}
.b-fa-house-signal::before {
  content: "\e012";
}
.b-fa-house-tsunami::before {
  content: "\e515";
}
.b-fa-house-user::before {
  content: "\e1b0";
}
.b-fa-home-user::before {
  content: "\e1b0";
}
.b-fa-hryvnia-sign::before {
  content: "\f6f2";
}
.b-fa-hryvnia::before {
  content: "\f6f2";
}
.b-fa-hurricane::before {
  content: "\f751";
}
.b-fa-i::before {
  content: "I";
}
.b-fa-i-cursor::before {
  content: "\f246";
}
.b-fa-ice-cream::before {
  content: "\f810";
}
.b-fa-icicles::before {
  content: "\f7ad";
}
.b-fa-icons::before {
  content: "\f86d";
}
.b-fa-heart-music-camera-bolt::before {
  content: "\f86d";
}
.b-fa-id-badge::before {
  content: "\f2c1";
}
.b-fa-id-card::before {
  content: "\f2c2";
}
.b-fa-drivers-license::before {
  content: "\f2c2";
}
.b-fa-id-card-clip::before {
  content: "\f47f";
}
.b-fa-id-card-alt::before {
  content: "\f47f";
}
.b-fa-igloo::before {
  content: "\f7ae";
}
.b-fa-image::before {
  content: "\f03e";
}
.b-fa-image-portrait::before {
  content: "\f3e0";
}
.b-fa-portrait::before {
  content: "\f3e0";
}
.b-fa-images::before {
  content: "\f302";
}
.b-fa-inbox::before {
  content: "\f01c";
}
.b-fa-indent::before {
  content: "\f03c";
}
.b-fa-indian-rupee-sign::before {
  content: "\e1bc";
}
.b-fa-indian-rupee::before {
  content: "\e1bc";
}
.b-fa-inr::before {
  content: "\e1bc";
}
.b-fa-industry::before {
  content: "\f275";
}
.b-fa-infinity::before {
  content: "\f534";
}
.b-fa-info::before {
  content: "\f129";
}
.b-fa-italic::before {
  content: "\f033";
}
.b-fa-j::before {
  content: "J";
}
.b-fa-jar::before {
  content: "\e516";
}
.b-fa-jar-wheat::before {
  content: "\e517";
}
.b-fa-jedi::before {
  content: "\f669";
}
.b-fa-jet-fighter::before {
  content: "\f0fb";
}
.b-fa-fighter-jet::before {
  content: "\f0fb";
}
.b-fa-jet-fighter-up::before {
  content: "\e518";
}
.b-fa-joint::before {
  content: "\f595";
}
.b-fa-jug-detergent::before {
  content: "\e519";
}
.b-fa-k::before {
  content: "K";
}
.b-fa-kaaba::before {
  content: "\f66b";
}
.b-fa-key::before {
  content: "\f084";
}
.b-fa-keyboard::before {
  content: "\f11c";
}
.b-fa-khanda::before {
  content: "\f66d";
}
.b-fa-kip-sign::before {
  content: "\e1c4";
}
.b-fa-kit-medical::before {
  content: "\f479";
}
.b-fa-first-aid::before {
  content: "\f479";
}
.b-fa-kitchen-set::before {
  content: "\e51a";
}
.b-fa-kiwi-bird::before {
  content: "\f535";
}
.b-fa-l::before {
  content: "L";
}
.b-fa-land-mine-on::before {
  content: "\e51b";
}
.b-fa-landmark::before {
  content: "\f66f";
}
.b-fa-landmark-dome::before {
  content: "\f752";
}
.b-fa-landmark-alt::before {
  content: "\f752";
}
.b-fa-landmark-flag::before {
  content: "\e51c";
}
.b-fa-language::before {
  content: "\f1ab";
}
.b-fa-laptop::before {
  content: "\f109";
}
.b-fa-laptop-code::before {
  content: "\f5fc";
}
.b-fa-laptop-file::before {
  content: "\e51d";
}
.b-fa-laptop-medical::before {
  content: "\f812";
}
.b-fa-lari-sign::before {
  content: "\e1c8";
}
.b-fa-layer-group::before {
  content: "\f5fd";
}
.b-fa-leaf::before {
  content: "\f06c";
}
.b-fa-left-long::before {
  content: "\f30a";
}
.b-fa-long-arrow-alt-left::before {
  content: "\f30a";
}
.b-fa-left-right::before {
  content: "\f337";
}
.b-fa-arrows-alt-h::before {
  content: "\f337";
}
.b-fa-lemon::before {
  content: "\f094";
}
.b-fa-less-than::before {
  content: "\<";
}
.b-fa-less-than-equal::before {
  content: "\f537";
}
.b-fa-life-ring::before {
  content: "\f1cd";
}
.b-fa-lightbulb::before {
  content: "\f0eb";
}
.b-fa-lines-leaning::before {
  content: "\e51e";
}
.b-fa-link::before {
  content: "\f0c1";
}
.b-fa-chain::before {
  content: "\f0c1";
}
.b-fa-link-slash::before {
  content: "\f127";
}
.b-fa-chain-broken::before {
  content: "\f127";
}
.b-fa-chain-slash::before {
  content: "\f127";
}
.b-fa-unlink::before {
  content: "\f127";
}
.b-fa-lira-sign::before {
  content: "\f195";
}
.b-fa-list::before {
  content: "\f03a";
}
.b-fa-list-squares::before {
  content: "\f03a";
}
.b-fa-list-check::before {
  content: "\f0ae";
}
.b-fa-tasks::before {
  content: "\f0ae";
}
.b-fa-list-ol::before {
  content: "\f0cb";
}
.b-fa-list-1-2::before {
  content: "\f0cb";
}
.b-fa-list-numeric::before {
  content: "\f0cb";
}
.b-fa-list-ul::before {
  content: "\f0ca";
}
.b-fa-list-dots::before {
  content: "\f0ca";
}
.b-fa-litecoin-sign::before {
  content: "\e1d3";
}
.b-fa-location-arrow::before {
  content: "\f124";
}
.b-fa-location-crosshairs::before {
  content: "\f601";
}
.b-fa-location::before {
  content: "\f601";
}
.b-fa-location-dot::before {
  content: "\f3c5";
}
.b-fa-map-marker-alt::before {
  content: "\f3c5";
}
.b-fa-location-pin::before {
  content: "\f041";
}
.b-fa-map-marker::before {
  content: "\f041";
}
.b-fa-location-pin-lock::before {
  content: "\e51f";
}
.b-fa-lock::before {
  content: "\f023";
}
.b-fa-lock-open::before {
  content: "\f3c1";
}
.b-fa-locust::before {
  content: "\e520";
}
.b-fa-lungs::before {
  content: "\f604";
}
.b-fa-lungs-virus::before {
  content: "\e067";
}
.b-fa-m::before {
  content: "M";
}
.b-fa-magnet::before {
  content: "\f076";
}
.b-fa-magnifying-glass::before {
  content: "\f002";
}
.b-fa-search::before {
  content: "\f002";
}
.b-fa-magnifying-glass-arrow-right::before {
  content: "\e521";
}
.b-fa-magnifying-glass-chart::before {
  content: "\e522";
}
.b-fa-magnifying-glass-dollar::before {
  content: "\f688";
}
.b-fa-search-dollar::before {
  content: "\f688";
}
.b-fa-magnifying-glass-location::before {
  content: "\f689";
}
.b-fa-search-location::before {
  content: "\f689";
}
.b-fa-magnifying-glass-minus::before {
  content: "\f010";
}
.b-fa-search-minus::before {
  content: "\f010";
}
.b-fa-magnifying-glass-plus::before {
  content: "\f00e";
}
.b-fa-search-plus::before {
  content: "\f00e";
}
.b-fa-manat-sign::before {
  content: "\e1d5";
}
.b-fa-map::before {
  content: "\f279";
}
.b-fa-map-location::before {
  content: "\f59f";
}
.b-fa-map-marked::before {
  content: "\f59f";
}
.b-fa-map-location-dot::before {
  content: "\f5a0";
}
.b-fa-map-marked-alt::before {
  content: "\f5a0";
}
.b-fa-map-pin::before {
  content: "\f276";
}
.b-fa-marker::before {
  content: "\f5a1";
}
.b-fa-mars::before {
  content: "\f222";
}
.b-fa-mars-and-venus::before {
  content: "\f224";
}
.b-fa-mars-and-venus-burst::before {
  content: "\e523";
}
.b-fa-mars-double::before {
  content: "\f227";
}
.b-fa-mars-stroke::before {
  content: "\f229";
}
.b-fa-mars-stroke-right::before {
  content: "\f22b";
}
.b-fa-mars-stroke-h::before {
  content: "\f22b";
}
.b-fa-mars-stroke-up::before {
  content: "\f22a";
}
.b-fa-mars-stroke-v::before {
  content: "\f22a";
}
.b-fa-martini-glass::before {
  content: "\f57b";
}
.b-fa-glass-martini-alt::before {
  content: "\f57b";
}
.b-fa-martini-glass-citrus::before {
  content: "\f561";
}
.b-fa-cocktail::before {
  content: "\f561";
}
.b-fa-martini-glass-empty::before {
  content: "\f000";
}
.b-fa-glass-martini::before {
  content: "\f000";
}
.b-fa-mask::before {
  content: "\f6fa";
}
.b-fa-mask-face::before {
  content: "\e1d7";
}
.b-fa-mask-ventilator::before {
  content: "\e524";
}
.b-fa-masks-theater::before {
  content: "\f630";
}
.b-fa-theater-masks::before {
  content: "\f630";
}
.b-fa-mattress-pillow::before {
  content: "\e525";
}
.b-fa-maximize::before {
  content: "\f31e";
}
.b-fa-expand-arrows-alt::before {
  content: "\f31e";
}
.b-fa-medal::before {
  content: "\f5a2";
}
.b-fa-memory::before {
  content: "\f538";
}
.b-fa-menorah::before {
  content: "\f676";
}
.b-fa-mercury::before {
  content: "\f223";
}
.b-fa-message::before {
  content: "\f27a";
}
.b-fa-comment-alt::before {
  content: "\f27a";
}
.b-fa-meteor::before {
  content: "\f753";
}
.b-fa-microchip::before {
  content: "\f2db";
}
.b-fa-microphone::before {
  content: "\f130";
}
.b-fa-microphone-lines::before {
  content: "\f3c9";
}
.b-fa-microphone-alt::before {
  content: "\f3c9";
}
.b-fa-microphone-lines-slash::before {
  content: "\f539";
}
.b-fa-microphone-alt-slash::before {
  content: "\f539";
}
.b-fa-microphone-slash::before {
  content: "\f131";
}
.b-fa-microscope::before {
  content: "\f610";
}
.b-fa-mill-sign::before {
  content: "\e1ed";
}
.b-fa-minimize::before {
  content: "\f78c";
}
.b-fa-compress-arrows-alt::before {
  content: "\f78c";
}
.b-fa-minus::before {
  content: "\f068";
}
.b-fa-subtract::before {
  content: "\f068";
}
.b-fa-mitten::before {
  content: "\f7b5";
}
.b-fa-mobile::before {
  content: "\f3ce";
}
.b-fa-mobile-android::before {
  content: "\f3ce";
}
.b-fa-mobile-phone::before {
  content: "\f3ce";
}
.b-fa-mobile-button::before {
  content: "\f10b";
}
.b-fa-mobile-retro::before {
  content: "\e527";
}
.b-fa-mobile-screen::before {
  content: "\f3cf";
}
.b-fa-mobile-android-alt::before {
  content: "\f3cf";
}
.b-fa-mobile-screen-button::before {
  content: "\f3cd";
}
.b-fa-mobile-alt::before {
  content: "\f3cd";
}
.b-fa-money-bill::before {
  content: "\f0d6";
}
.b-fa-money-bill-1::before {
  content: "\f3d1";
}
.b-fa-money-bill-alt::before {
  content: "\f3d1";
}
.b-fa-money-bill-1-wave::before {
  content: "\f53b";
}
.b-fa-money-bill-wave-alt::before {
  content: "\f53b";
}
.b-fa-money-bill-transfer::before {
  content: "\e528";
}
.b-fa-money-bill-trend-up::before {
  content: "\e529";
}
.b-fa-money-bill-wave::before {
  content: "\f53a";
}
.b-fa-money-bill-wheat::before {
  content: "\e52a";
}
.b-fa-money-bills::before {
  content: "\e1f3";
}
.b-fa-money-check::before {
  content: "\f53c";
}
.b-fa-money-check-dollar::before {
  content: "\f53d";
}
.b-fa-money-check-alt::before {
  content: "\f53d";
}
.b-fa-monument::before {
  content: "\f5a6";
}
.b-fa-moon::before {
  content: "\f186";
}
.b-fa-mortar-pestle::before {
  content: "\f5a7";
}
.b-fa-mosque::before {
  content: "\f678";
}
.b-fa-mosquito::before {
  content: "\e52b";
}
.b-fa-mosquito-net::before {
  content: "\e52c";
}
.b-fa-motorcycle::before {
  content: "\f21c";
}
.b-fa-mound::before {
  content: "\e52d";
}
.b-fa-mountain::before {
  content: "\f6fc";
}
.b-fa-mountain-city::before {
  content: "\e52e";
}
.b-fa-mountain-sun::before {
  content: "\e52f";
}
.b-fa-mug-hot::before {
  content: "\f7b6";
}
.b-fa-mug-saucer::before {
  content: "\f0f4";
}
.b-fa-coffee::before {
  content: "\f0f4";
}
.b-fa-music::before {
  content: "\f001";
}
.b-fa-n::before {
  content: "N";
}
.b-fa-naira-sign::before {
  content: "\e1f6";
}
.b-fa-network-wired::before {
  content: "\f6ff";
}
.b-fa-neuter::before {
  content: "\f22c";
}
.b-fa-newspaper::before {
  content: "\f1ea";
}
.b-fa-not-equal::before {
  content: "\f53e";
}
.b-fa-note-sticky::before {
  content: "\f249";
}
.b-fa-sticky-note::before {
  content: "\f249";
}
.b-fa-notes-medical::before {
  content: "\f481";
}
.b-fa-o::before {
  content: "O";
}
.b-fa-object-group::before {
  content: "\f247";
}
.b-fa-object-ungroup::before {
  content: "\f248";
}
.b-fa-oil-can::before {
  content: "\f613";
}
.b-fa-oil-well::before {
  content: "\e532";
}
.b-fa-om::before {
  content: "\f679";
}
.b-fa-otter::before {
  content: "\f700";
}
.b-fa-outdent::before {
  content: "\f03b";
}
.b-fa-dedent::before {
  content: "\f03b";
}
.b-fa-p::before {
  content: "P";
}
.b-fa-pager::before {
  content: "\f815";
}
.b-fa-paint-roller::before {
  content: "\f5aa";
}
.b-fa-paintbrush::before {
  content: "\f1fc";
}
.b-fa-paint-brush::before {
  content: "\f1fc";
}
.b-fa-palette::before {
  content: "\f53f";
}
.b-fa-pallet::before {
  content: "\f482";
}
.b-fa-panorama::before {
  content: "\e209";
}
.b-fa-paper-plane::before {
  content: "\f1d8";
}
.b-fa-paperclip::before {
  content: "\f0c6";
}
.b-fa-parachute-box::before {
  content: "\f4cd";
}
.b-fa-paragraph::before {
  content: "\f1dd";
}
.b-fa-passport::before {
  content: "\f5ab";
}
.b-fa-paste::before {
  content: "\f0ea";
}
.b-fa-file-clipboard::before {
  content: "\f0ea";
}
.b-fa-pause::before {
  content: "\f04c";
}
.b-fa-paw::before {
  content: "\f1b0";
}
.b-fa-peace::before {
  content: "\f67c";
}
.b-fa-pen::before {
  content: "\f304";
}
.b-fa-pen-clip::before {
  content: "\f305";
}
.b-fa-pen-alt::before {
  content: "\f305";
}
.b-fa-pen-fancy::before {
  content: "\f5ac";
}
.b-fa-pen-nib::before {
  content: "\f5ad";
}
.b-fa-pen-ruler::before {
  content: "\f5ae";
}
.b-fa-pencil-ruler::before {
  content: "\f5ae";
}
.b-fa-pen-to-square::before {
  content: "\f044";
}
.b-fa-edit::before {
  content: "\f044";
}
.b-fa-pencil::before {
  content: "\f303";
}
.b-fa-pencil-alt::before {
  content: "\f303";
}
.b-fa-people-arrows-left-right::before {
  content: "\e068";
}
.b-fa-people-arrows::before {
  content: "\e068";
}
.b-fa-people-carry-box::before {
  content: "\f4ce";
}
.b-fa-people-carry::before {
  content: "\f4ce";
}
.b-fa-people-group::before {
  content: "\e533";
}
.b-fa-people-line::before {
  content: "\e534";
}
.b-fa-people-pulling::before {
  content: "\e535";
}
.b-fa-people-robbery::before {
  content: "\e536";
}
.b-fa-people-roof::before {
  content: "\e537";
}
.b-fa-pepper-hot::before {
  content: "\f816";
}
.b-fa-percent::before {
  content: "\%";
}
.b-fa-percentage::before {
  content: "\%";
}
.b-fa-person::before {
  content: "\f183";
}
.b-fa-male::before {
  content: "\f183";
}
.b-fa-person-arrow-down-to-line::before {
  content: "\e538";
}
.b-fa-person-arrow-up-from-line::before {
  content: "\e539";
}
.b-fa-person-biking::before {
  content: "\f84a";
}
.b-fa-biking::before {
  content: "\f84a";
}
.b-fa-person-booth::before {
  content: "\f756";
}
.b-fa-person-breastfeeding::before {
  content: "\e53a";
}
.b-fa-person-burst::before {
  content: "\e53b";
}
.b-fa-person-cane::before {
  content: "\e53c";
}
.b-fa-person-chalkboard::before {
  content: "\e53d";
}
.b-fa-person-circle-check::before {
  content: "\e53e";
}
.b-fa-person-circle-exclamation::before {
  content: "\e53f";
}
.b-fa-person-circle-minus::before {
  content: "\e540";
}
.b-fa-person-circle-plus::before {
  content: "\e541";
}
.b-fa-person-circle-question::before {
  content: "\e542";
}
.b-fa-person-circle-xmark::before {
  content: "\e543";
}
.b-fa-person-digging::before {
  content: "\f85e";
}
.b-fa-digging::before {
  content: "\f85e";
}
.b-fa-person-dots-from-line::before {
  content: "\f470";
}
.b-fa-diagnoses::before {
  content: "\f470";
}
.b-fa-person-dress::before {
  content: "\f182";
}
.b-fa-female::before {
  content: "\f182";
}
.b-fa-person-dress-burst::before {
  content: "\e544";
}
.b-fa-person-drowning::before {
  content: "\e545";
}
.b-fa-person-falling::before {
  content: "\e546";
}
.b-fa-person-falling-burst::before {
  content: "\e547";
}
.b-fa-person-half-dress::before {
  content: "\e548";
}
.b-fa-person-harassing::before {
  content: "\e549";
}
.b-fa-person-hiking::before {
  content: "\f6ec";
}
.b-fa-hiking::before {
  content: "\f6ec";
}
.b-fa-person-military-pointing::before {
  content: "\e54a";
}
.b-fa-person-military-rifle::before {
  content: "\e54b";
}
.b-fa-person-military-to-person::before {
  content: "\e54c";
}
.b-fa-person-praying::before {
  content: "\f683";
}
.b-fa-pray::before {
  content: "\f683";
}
.b-fa-person-pregnant::before {
  content: "\e31e";
}
.b-fa-person-rays::before {
  content: "\e54d";
}
.b-fa-person-rifle::before {
  content: "\e54e";
}
.b-fa-person-running::before {
  content: "\f70c";
}
.b-fa-running::before {
  content: "\f70c";
}
.b-fa-person-shelter::before {
  content: "\e54f";
}
.b-fa-person-skating::before {
  content: "\f7c5";
}
.b-fa-skating::before {
  content: "\f7c5";
}
.b-fa-person-skiing::before {
  content: "\f7c9";
}
.b-fa-skiing::before {
  content: "\f7c9";
}
.b-fa-person-skiing-nordic::before {
  content: "\f7ca";
}
.b-fa-skiing-nordic::before {
  content: "\f7ca";
}
.b-fa-person-snowboarding::before {
  content: "\f7ce";
}
.b-fa-snowboarding::before {
  content: "\f7ce";
}
.b-fa-person-swimming::before {
  content: "\f5c4";
}
.b-fa-swimmer::before {
  content: "\f5c4";
}
.b-fa-person-through-window::before {
  content: "\e433";
}
.b-fa-person-walking::before {
  content: "\f554";
}
.b-fa-walking::before {
  content: "\f554";
}
.b-fa-person-walking-arrow-loop-left::before {
  content: "\e551";
}
.b-fa-person-walking-arrow-right::before {
  content: "\e552";
}
.b-fa-person-walking-dashed-line-arrow-right::before {
  content: "\e553";
}
.b-fa-person-walking-luggage::before {
  content: "\e554";
}
.b-fa-person-walking-with-cane::before {
  content: "\f29d";
}
.b-fa-blind::before {
  content: "\f29d";
}
.b-fa-peseta-sign::before {
  content: "\e221";
}
.b-fa-peso-sign::before {
  content: "\e222";
}
.b-fa-phone::before {
  content: "\f095";
}
.b-fa-phone-flip::before {
  content: "\f879";
}
.b-fa-phone-alt::before {
  content: "\f879";
}
.b-fa-phone-slash::before {
  content: "\f3dd";
}
.b-fa-phone-volume::before {
  content: "\f2a0";
}
.b-fa-volume-control-phone::before {
  content: "\f2a0";
}
.b-fa-photo-film::before {
  content: "\f87c";
}
.b-fa-photo-video::before {
  content: "\f87c";
}
.b-fa-piggy-bank::before {
  content: "\f4d3";
}
.b-fa-pills::before {
  content: "\f484";
}
.b-fa-pizza-slice::before {
  content: "\f818";
}
.b-fa-place-of-worship::before {
  content: "\f67f";
}
.b-fa-plane::before {
  content: "\f072";
}
.b-fa-plane-arrival::before {
  content: "\f5af";
}
.b-fa-plane-circle-check::before {
  content: "\e555";
}
.b-fa-plane-circle-exclamation::before {
  content: "\e556";
}
.b-fa-plane-circle-xmark::before {
  content: "\e557";
}
.b-fa-plane-departure::before {
  content: "\f5b0";
}
.b-fa-plane-lock::before {
  content: "\e558";
}
.b-fa-plane-slash::before {
  content: "\e069";
}
.b-fa-plane-up::before {
  content: "\e22d";
}
.b-fa-plant-wilt::before {
  content: "\e43b";
}
.b-fa-plate-wheat::before {
  content: "\e55a";
}
.b-fa-play::before {
  content: "\f04b";
}
.b-fa-plug::before {
  content: "\f1e6";
}
.b-fa-plug-circle-bolt::before {
  content: "\e55b";
}
.b-fa-plug-circle-check::before {
  content: "\e55c";
}
.b-fa-plug-circle-exclamation::before {
  content: "\e55d";
}
.b-fa-plug-circle-minus::before {
  content: "\e55e";
}
.b-fa-plug-circle-plus::before {
  content: "\e55f";
}
.b-fa-plug-circle-xmark::before {
  content: "\e560";
}
.b-fa-plus::before {
  content: "\+";
}
.b-fa-add::before {
  content: "\+";
}
.b-fa-plus-minus::before {
  content: "\e43c";
}
.b-fa-podcast::before {
  content: "\f2ce";
}
.b-fa-poo::before {
  content: "\f2fe";
}
.b-fa-poo-storm::before {
  content: "\f75a";
}
.b-fa-poo-bolt::before {
  content: "\f75a";
}
.b-fa-poop::before {
  content: "\f619";
}
.b-fa-power-off::before {
  content: "\f011";
}
.b-fa-prescription::before {
  content: "\f5b1";
}
.b-fa-prescription-bottle::before {
  content: "\f485";
}
.b-fa-prescription-bottle-medical::before {
  content: "\f486";
}
.b-fa-prescription-bottle-alt::before {
  content: "\f486";
}
.b-fa-print::before {
  content: "\f02f";
}
.b-fa-pump-medical::before {
  content: "\e06a";
}
.b-fa-pump-soap::before {
  content: "\e06b";
}
.b-fa-puzzle-piece::before {
  content: "\f12e";
}
.b-fa-q::before {
  content: "Q";
}
.b-fa-qrcode::before {
  content: "\f029";
}
.b-fa-question::before {
  content: "\?";
}
.b-fa-quote-left::before {
  content: "\f10d";
}
.b-fa-quote-left-alt::before {
  content: "\f10d";
}
.b-fa-quote-right::before {
  content: "\f10e";
}
.b-fa-quote-right-alt::before {
  content: "\f10e";
}
.b-fa-r::before {
  content: "R";
}
.b-fa-radiation::before {
  content: "\f7b9";
}
.b-fa-radio::before {
  content: "\f8d7";
}
.b-fa-rainbow::before {
  content: "\f75b";
}
.b-fa-ranking-star::before {
  content: "\e561";
}
.b-fa-receipt::before {
  content: "\f543";
}
.b-fa-record-vinyl::before {
  content: "\f8d9";
}
.b-fa-rectangle-ad::before {
  content: "\f641";
}
.b-fa-ad::before {
  content: "\f641";
}
.b-fa-rectangle-list::before {
  content: "\f022";
}
.b-fa-list-alt::before {
  content: "\f022";
}
.b-fa-rectangle-xmark::before {
  content: "\f410";
}
.b-fa-rectangle-times::before {
  content: "\f410";
}
.b-fa-times-rectangle::before {
  content: "\f410";
}
.b-fa-window-close::before {
  content: "\f410";
}
.b-fa-recycle::before {
  content: "\f1b8";
}
.b-fa-registered::before {
  content: "\f25d";
}
.b-fa-repeat::before {
  content: "\f363";
}
.b-fa-reply::before {
  content: "\f3e5";
}
.b-fa-mail-reply::before {
  content: "\f3e5";
}
.b-fa-reply-all::before {
  content: "\f122";
}
.b-fa-mail-reply-all::before {
  content: "\f122";
}
.b-fa-republican::before {
  content: "\f75e";
}
.b-fa-restroom::before {
  content: "\f7bd";
}
.b-fa-retweet::before {
  content: "\f079";
}
.b-fa-ribbon::before {
  content: "\f4d6";
}
.b-fa-right-from-bracket::before {
  content: "\f2f5";
}
.b-fa-sign-out-alt::before {
  content: "\f2f5";
}
.b-fa-right-left::before {
  content: "\f362";
}
.b-fa-exchange-alt::before {
  content: "\f362";
}
.b-fa-right-long::before {
  content: "\f30b";
}
.b-fa-long-arrow-alt-right::before {
  content: "\f30b";
}
.b-fa-right-to-bracket::before {
  content: "\f2f6";
}
.b-fa-sign-in-alt::before {
  content: "\f2f6";
}
.b-fa-ring::before {
  content: "\f70b";
}
.b-fa-road::before {
  content: "\f018";
}
.b-fa-road-barrier::before {
  content: "\e562";
}
.b-fa-road-bridge::before {
  content: "\e563";
}
.b-fa-road-circle-check::before {
  content: "\e564";
}
.b-fa-road-circle-exclamation::before {
  content: "\e565";
}
.b-fa-road-circle-xmark::before {
  content: "\e566";
}
.b-fa-road-lock::before {
  content: "\e567";
}
.b-fa-road-spikes::before {
  content: "\e568";
}
.b-fa-robot::before {
  content: "\f544";
}
.b-fa-rocket::before {
  content: "\f135";
}
.b-fa-rotate::before {
  content: "\f2f1";
}
.b-fa-sync-alt::before {
  content: "\f2f1";
}
.b-fa-rotate-left::before {
  content: "\f2ea";
}
.b-fa-rotate-back::before {
  content: "\f2ea";
}
.b-fa-rotate-backward::before {
  content: "\f2ea";
}
.b-fa-undo-alt::before {
  content: "\f2ea";
}
.b-fa-rotate-right::before {
  content: "\f2f9";
}
.b-fa-redo-alt::before {
  content: "\f2f9";
}
.b-fa-rotate-forward::before {
  content: "\f2f9";
}
.b-fa-route::before {
  content: "\f4d7";
}
.b-fa-rss::before {
  content: "\f09e";
}
.b-fa-feed::before {
  content: "\f09e";
}
.b-fa-ruble-sign::before {
  content: "\f158";
}
.b-fa-rouble::before {
  content: "\f158";
}
.b-fa-rub::before {
  content: "\f158";
}
.b-fa-ruble::before {
  content: "\f158";
}
.b-fa-rug::before {
  content: "\e569";
}
.b-fa-ruler::before {
  content: "\f545";
}
.b-fa-ruler-combined::before {
  content: "\f546";
}
.b-fa-ruler-horizontal::before {
  content: "\f547";
}
.b-fa-ruler-vertical::before {
  content: "\f548";
}
.b-fa-rupee-sign::before {
  content: "\f156";
}
.b-fa-rupee::before {
  content: "\f156";
}
.b-fa-rupiah-sign::before {
  content: "\e23d";
}
.b-fa-s::before {
  content: "S";
}
.b-fa-sack-dollar::before {
  content: "\f81d";
}
.b-fa-sack-xmark::before {
  content: "\e56a";
}
.b-fa-sailboat::before {
  content: "\e445";
}
.b-fa-satellite::before {
  content: "\f7bf";
}
.b-fa-satellite-dish::before {
  content: "\f7c0";
}
.b-fa-scale-balanced::before {
  content: "\f24e";
}
.b-fa-balance-scale::before {
  content: "\f24e";
}
.b-fa-scale-unbalanced::before {
  content: "\f515";
}
.b-fa-balance-scale-left::before {
  content: "\f515";
}
.b-fa-scale-unbalanced-flip::before {
  content: "\f516";
}
.b-fa-balance-scale-right::before {
  content: "\f516";
}
.b-fa-school::before {
  content: "\f549";
}
.b-fa-school-circle-check::before {
  content: "\e56b";
}
.b-fa-school-circle-exclamation::before {
  content: "\e56c";
}
.b-fa-school-circle-xmark::before {
  content: "\e56d";
}
.b-fa-school-flag::before {
  content: "\e56e";
}
.b-fa-school-lock::before {
  content: "\e56f";
}
.b-fa-scissors::before {
  content: "\f0c4";
}
.b-fa-cut::before {
  content: "\f0c4";
}
.b-fa-screwdriver::before {
  content: "\f54a";
}
.b-fa-screwdriver-wrench::before {
  content: "\f7d9";
}
.b-fa-tools::before {
  content: "\f7d9";
}
.b-fa-scroll::before {
  content: "\f70e";
}
.b-fa-scroll-torah::before {
  content: "\f6a0";
}
.b-fa-torah::before {
  content: "\f6a0";
}
.b-fa-sd-card::before {
  content: "\f7c2";
}
.b-fa-section::before {
  content: "\e447";
}
.b-fa-seedling::before {
  content: "\f4d8";
}
.b-fa-sprout::before {
  content: "\f4d8";
}
.b-fa-server::before {
  content: "\f233";
}
.b-fa-shapes::before {
  content: "\f61f";
}
.b-fa-triangle-circle-square::before {
  content: "\f61f";
}
.b-fa-share::before {
  content: "\f064";
}
.b-fa-arrow-turn-right::before {
  content: "\f064";
}
.b-fa-mail-forward::before {
  content: "\f064";
}
.b-fa-share-from-square::before {
  content: "\f14d";
}
.b-fa-share-square::before {
  content: "\f14d";
}
.b-fa-share-nodes::before {
  content: "\f1e0";
}
.b-fa-share-alt::before {
  content: "\f1e0";
}
.b-fa-sheet-plastic::before {
  content: "\e571";
}
.b-fa-shekel-sign::before {
  content: "\f20b";
}
.b-fa-ils::before {
  content: "\f20b";
}
.b-fa-shekel::before {
  content: "\f20b";
}
.b-fa-sheqel::before {
  content: "\f20b";
}
.b-fa-sheqel-sign::before {
  content: "\f20b";
}
.b-fa-shield::before {
  content: "\f132";
}
.b-fa-shield-blank::before {
  content: "\f132";
}
.b-fa-shield-cat::before {
  content: "\e572";
}
.b-fa-shield-dog::before {
  content: "\e573";
}
.b-fa-shield-halved::before {
  content: "\f3ed";
}
.b-fa-shield-alt::before {
  content: "\f3ed";
}
.b-fa-shield-heart::before {
  content: "\e574";
}
.b-fa-shield-virus::before {
  content: "\e06c";
}
.b-fa-ship::before {
  content: "\f21a";
}
.b-fa-shirt::before {
  content: "\f553";
}
.b-fa-t-shirt::before {
  content: "\f553";
}
.b-fa-tshirt::before {
  content: "\f553";
}
.b-fa-shoe-prints::before {
  content: "\f54b";
}
.b-fa-shop::before {
  content: "\f54f";
}
.b-fa-store-alt::before {
  content: "\f54f";
}
.b-fa-shop-lock::before {
  content: "\e4a5";
}
.b-fa-shop-slash::before {
  content: "\e070";
}
.b-fa-store-alt-slash::before {
  content: "\e070";
}
.b-fa-shower::before {
  content: "\f2cc";
}
.b-fa-shrimp::before {
  content: "\e448";
}
.b-fa-shuffle::before {
  content: "\f074";
}
.b-fa-random::before {
  content: "\f074";
}
.b-fa-shuttle-space::before {
  content: "\f197";
}
.b-fa-space-shuttle::before {
  content: "\f197";
}
.b-fa-sign-hanging::before {
  content: "\f4d9";
}
.b-fa-sign::before {
  content: "\f4d9";
}
.b-fa-signal::before {
  content: "\f012";
}
.b-fa-signal-5::before {
  content: "\f012";
}
.b-fa-signal-perfect::before {
  content: "\f012";
}
.b-fa-signature::before {
  content: "\f5b7";
}
.b-fa-signs-post::before {
  content: "\f277";
}
.b-fa-map-signs::before {
  content: "\f277";
}
.b-fa-sim-card::before {
  content: "\f7c4";
}
.b-fa-sink::before {
  content: "\e06d";
}
.b-fa-sitemap::before {
  content: "\f0e8";
}
.b-fa-skull::before {
  content: "\f54c";
}
.b-fa-skull-crossbones::before {
  content: "\f714";
}
.b-fa-slash::before {
  content: "\f715";
}
.b-fa-sleigh::before {
  content: "\f7cc";
}
.b-fa-sliders::before {
  content: "\f1de";
}
.b-fa-sliders-h::before {
  content: "\f1de";
}
.b-fa-smog::before {
  content: "\f75f";
}
.b-fa-smoking::before {
  content: "\f48d";
}
.b-fa-snowflake::before {
  content: "\f2dc";
}
.b-fa-snowman::before {
  content: "\f7d0";
}
.b-fa-snowplow::before {
  content: "\f7d2";
}
.b-fa-soap::before {
  content: "\e06e";
}
.b-fa-socks::before {
  content: "\f696";
}
.b-fa-solar-panel::before {
  content: "\f5ba";
}
.b-fa-sort::before {
  content: "\f0dc";
}
.b-fa-unsorted::before {
  content: "\f0dc";
}
.b-fa-sort-down::before {
  content: "\f0dd";
}
.b-fa-sort-desc::before {
  content: "\f0dd";
}
.b-fa-sort-up::before {
  content: "\f0de";
}
.b-fa-sort-asc::before {
  content: "\f0de";
}
.b-fa-spa::before {
  content: "\f5bb";
}
.b-fa-spaghetti-monster-flying::before {
  content: "\f67b";
}
.b-fa-pastafarianism::before {
  content: "\f67b";
}
.b-fa-spell-check::before {
  content: "\f891";
}
.b-fa-spider::before {
  content: "\f717";
}
.b-fa-spinner::before {
  content: "\f110";
}
.b-fa-splotch::before {
  content: "\f5bc";
}
.b-fa-spoon::before {
  content: "\f2e5";
}
.b-fa-utensil-spoon::before {
  content: "\f2e5";
}
.b-fa-spray-can::before {
  content: "\f5bd";
}
.b-fa-spray-can-sparkles::before {
  content: "\f5d0";
}
.b-fa-air-freshener::before {
  content: "\f5d0";
}
.b-fa-square::before {
  content: "\f0c8";
}
.b-fa-square-arrow-up-right::before {
  content: "\f14c";
}
.b-fa-external-link-square::before {
  content: "\f14c";
}
.b-fa-square-caret-down::before {
  content: "\f150";
}
.b-fa-caret-square-down::before {
  content: "\f150";
}
.b-fa-square-caret-left::before {
  content: "\f191";
}
.b-fa-caret-square-left::before {
  content: "\f191";
}
.b-fa-square-caret-right::before {
  content: "\f152";
}
.b-fa-caret-square-right::before {
  content: "\f152";
}
.b-fa-square-caret-up::before {
  content: "\f151";
}
.b-fa-caret-square-up::before {
  content: "\f151";
}
.b-fa-square-check::before {
  content: "\f14a";
}
.b-fa-check-square::before {
  content: "\f14a";
}
.b-fa-square-envelope::before {
  content: "\f199";
}
.b-fa-envelope-square::before {
  content: "\f199";
}
.b-fa-square-full::before {
  content: "\f45c";
}
.b-fa-square-h::before {
  content: "\f0fd";
}
.b-fa-h-square::before {
  content: "\f0fd";
}
.b-fa-square-minus::before {
  content: "\f146";
}
.b-fa-minus-square::before {
  content: "\f146";
}
.b-fa-square-nfi::before {
  content: "\e576";
}
.b-fa-square-parking::before {
  content: "\f540";
}
.b-fa-parking::before {
  content: "\f540";
}
.b-fa-square-pen::before {
  content: "\f14b";
}
.b-fa-pen-square::before {
  content: "\f14b";
}
.b-fa-pencil-square::before {
  content: "\f14b";
}
.b-fa-square-person-confined::before {
  content: "\e577";
}
.b-fa-square-phone::before {
  content: "\f098";
}
.b-fa-phone-square::before {
  content: "\f098";
}
.b-fa-square-phone-flip::before {
  content: "\f87b";
}
.b-fa-phone-square-alt::before {
  content: "\f87b";
}
.b-fa-square-plus::before {
  content: "\f0fe";
}
.b-fa-plus-square::before {
  content: "\f0fe";
}
.b-fa-square-poll-horizontal::before {
  content: "\f682";
}
.b-fa-poll-h::before {
  content: "\f682";
}
.b-fa-square-poll-vertical::before {
  content: "\f681";
}
.b-fa-poll::before {
  content: "\f681";
}
.b-fa-square-root-variable::before {
  content: "\f698";
}
.b-fa-square-root-alt::before {
  content: "\f698";
}
.b-fa-square-rss::before {
  content: "\f143";
}
.b-fa-rss-square::before {
  content: "\f143";
}
.b-fa-square-share-nodes::before {
  content: "\f1e1";
}
.b-fa-share-alt-square::before {
  content: "\f1e1";
}
.b-fa-square-up-right::before {
  content: "\f360";
}
.b-fa-external-link-square-alt::before {
  content: "\f360";
}
.b-fa-square-virus::before {
  content: "\e578";
}
.b-fa-square-xmark::before {
  content: "\f2d3";
}
.b-fa-times-square::before {
  content: "\f2d3";
}
.b-fa-xmark-square::before {
  content: "\f2d3";
}
.b-fa-staff-aesculapius::before {
  content: "\e579";
}
.b-fa-rod-asclepius::before {
  content: "\e579";
}
.b-fa-rod-snake::before {
  content: "\e579";
}
.b-fa-staff-snake::before {
  content: "\e579";
}
.b-fa-stairs::before {
  content: "\e289";
}
.b-fa-stamp::before {
  content: "\f5bf";
}
.b-fa-star::before {
  content: "\f005";
}
.b-fa-star-and-crescent::before {
  content: "\f699";
}
.b-fa-star-half::before {
  content: "\f089";
}
.b-fa-star-half-stroke::before {
  content: "\f5c0";
}
.b-fa-star-half-alt::before {
  content: "\f5c0";
}
.b-fa-star-of-david::before {
  content: "\f69a";
}
.b-fa-star-of-life::before {
  content: "\f621";
}
.b-fa-sterling-sign::before {
  content: "\f154";
}
.b-fa-gbp::before {
  content: "\f154";
}
.b-fa-pound-sign::before {
  content: "\f154";
}
.b-fa-stethoscope::before {
  content: "\f0f1";
}
.b-fa-stop::before {
  content: "\f04d";
}
.b-fa-stopwatch::before {
  content: "\f2f2";
}
.b-fa-stopwatch-20::before {
  content: "\e06f";
}
.b-fa-store::before {
  content: "\f54e";
}
.b-fa-store-slash::before {
  content: "\e071";
}
.b-fa-street-view::before {
  content: "\f21d";
}
.b-fa-strikethrough::before {
  content: "\f0cc";
}
.b-fa-stroopwafel::before {
  content: "\f551";
}
.b-fa-subscript::before {
  content: "\f12c";
}
.b-fa-suitcase::before {
  content: "\f0f2";
}
.b-fa-suitcase-medical::before {
  content: "\f0fa";
}
.b-fa-medkit::before {
  content: "\f0fa";
}
.b-fa-suitcase-rolling::before {
  content: "\f5c1";
}
.b-fa-sun::before {
  content: "\f185";
}
.b-fa-sun-plant-wilt::before {
  content: "\e57a";
}
.b-fa-superscript::before {
  content: "\f12b";
}
.b-fa-swatchbook::before {
  content: "\f5c3";
}
.b-fa-synagogue::before {
  content: "\f69b";
}
.b-fa-syringe::before {
  content: "\f48e";
}
.b-fa-t::before {
  content: "T";
}
.b-fa-table::before {
  content: "\f0ce";
}
.b-fa-table-cells::before {
  content: "\f00a";
}
.b-fa-th::before {
  content: "\f00a";
}
.b-fa-table-cells-large::before {
  content: "\f009";
}
.b-fa-th-large::before {
  content: "\f009";
}
.b-fa-table-columns::before {
  content: "\f0db";
}
.b-fa-columns::before {
  content: "\f0db";
}
.b-fa-table-list::before {
  content: "\f00b";
}
.b-fa-th-list::before {
  content: "\f00b";
}
.b-fa-table-tennis-paddle-ball::before {
  content: "\f45d";
}
.b-fa-ping-pong-paddle-ball::before {
  content: "\f45d";
}
.b-fa-table-tennis::before {
  content: "\f45d";
}
.b-fa-tablet::before {
  content: "\f3fb";
}
.b-fa-tablet-android::before {
  content: "\f3fb";
}
.b-fa-tablet-button::before {
  content: "\f10a";
}
.b-fa-tablet-screen-button::before {
  content: "\f3fa";
}
.b-fa-tablet-alt::before {
  content: "\f3fa";
}
.b-fa-tablets::before {
  content: "\f490";
}
.b-fa-tachograph-digital::before {
  content: "\f566";
}
.b-fa-digital-tachograph::before {
  content: "\f566";
}
.b-fa-tag::before {
  content: "\f02b";
}
.b-fa-tags::before {
  content: "\f02c";
}
.b-fa-tape::before {
  content: "\f4db";
}
.b-fa-tarp::before {
  content: "\e57b";
}
.b-fa-tarp-droplet::before {
  content: "\e57c";
}
.b-fa-taxi::before {
  content: "\f1ba";
}
.b-fa-cab::before {
  content: "\f1ba";
}
.b-fa-teeth::before {
  content: "\f62e";
}
.b-fa-teeth-open::before {
  content: "\f62f";
}
.b-fa-temperature-arrow-down::before {
  content: "\e03f";
}
.b-fa-temperature-down::before {
  content: "\e03f";
}
.b-fa-temperature-arrow-up::before {
  content: "\e040";
}
.b-fa-temperature-up::before {
  content: "\e040";
}
.b-fa-temperature-empty::before {
  content: "\f2cb";
}
.b-fa-temperature-0::before {
  content: "\f2cb";
}
.b-fa-thermometer-0::before {
  content: "\f2cb";
}
.b-fa-thermometer-empty::before {
  content: "\f2cb";
}
.b-fa-temperature-full::before {
  content: "\f2c7";
}
.b-fa-temperature-4::before {
  content: "\f2c7";
}
.b-fa-thermometer-4::before {
  content: "\f2c7";
}
.b-fa-thermometer-full::before {
  content: "\f2c7";
}
.b-fa-temperature-half::before {
  content: "\f2c9";
}
.b-fa-temperature-2::before {
  content: "\f2c9";
}
.b-fa-thermometer-2::before {
  content: "\f2c9";
}
.b-fa-thermometer-half::before {
  content: "\f2c9";
}
.b-fa-temperature-high::before {
  content: "\f769";
}
.b-fa-temperature-low::before {
  content: "\f76b";
}
.b-fa-temperature-quarter::before {
  content: "\f2ca";
}
.b-fa-temperature-1::before {
  content: "\f2ca";
}
.b-fa-thermometer-1::before {
  content: "\f2ca";
}
.b-fa-thermometer-quarter::before {
  content: "\f2ca";
}
.b-fa-temperature-three-quarters::before {
  content: "\f2c8";
}
.b-fa-temperature-3::before {
  content: "\f2c8";
}
.b-fa-thermometer-3::before {
  content: "\f2c8";
}
.b-fa-thermometer-three-quarters::before {
  content: "\f2c8";
}
.b-fa-tenge-sign::before {
  content: "\f7d7";
}
.b-fa-tenge::before {
  content: "\f7d7";
}
.b-fa-tent::before {
  content: "\e57d";
}
.b-fa-tent-arrow-down-to-line::before {
  content: "\e57e";
}
.b-fa-tent-arrow-left-right::before {
  content: "\e57f";
}
.b-fa-tent-arrow-turn-left::before {
  content: "\e580";
}
.b-fa-tent-arrows-down::before {
  content: "\e581";
}
.b-fa-tents::before {
  content: "\e582";
}
.b-fa-terminal::before {
  content: "\f120";
}
.b-fa-text-height::before {
  content: "\f034";
}
.b-fa-text-slash::before {
  content: "\f87d";
}
.b-fa-remove-format::before {
  content: "\f87d";
}
.b-fa-text-width::before {
  content: "\f035";
}
.b-fa-thermometer::before {
  content: "\f491";
}
.b-fa-thumbs-down::before {
  content: "\f165";
}
.b-fa-thumbs-up::before {
  content: "\f164";
}
.b-fa-thumbtack::before {
  content: "\f08d";
}
.b-fa-thumb-tack::before {
  content: "\f08d";
}
.b-fa-ticket::before {
  content: "\f145";
}
.b-fa-ticket-simple::before {
  content: "\f3ff";
}
.b-fa-ticket-alt::before {
  content: "\f3ff";
}
.b-fa-timeline::before {
  content: "\e29c";
}
.b-fa-toggle-off::before {
  content: "\f204";
}
.b-fa-toggle-on::before {
  content: "\f205";
}
.b-fa-toilet::before {
  content: "\f7d8";
}
.b-fa-toilet-paper::before {
  content: "\f71e";
}
.b-fa-toilet-paper-slash::before {
  content: "\e072";
}
.b-fa-toilet-portable::before {
  content: "\e583";
}
.b-fa-toilets-portable::before {
  content: "\e584";
}
.b-fa-toolbox::before {
  content: "\f552";
}
.b-fa-tooth::before {
  content: "\f5c9";
}
.b-fa-torii-gate::before {
  content: "\f6a1";
}
.b-fa-tornado::before {
  content: "\f76f";
}
.b-fa-tower-broadcast::before {
  content: "\f519";
}
.b-fa-broadcast-tower::before {
  content: "\f519";
}
.b-fa-tower-cell::before {
  content: "\e585";
}
.b-fa-tower-observation::before {
  content: "\e586";
}
.b-fa-tractor::before {
  content: "\f722";
}
.b-fa-trademark::before {
  content: "\f25c";
}
.b-fa-traffic-light::before {
  content: "\f637";
}
.b-fa-trailer::before {
  content: "\e041";
}
.b-fa-train::before {
  content: "\f238";
}
.b-fa-train-subway::before {
  content: "\f239";
}
.b-fa-subway::before {
  content: "\f239";
}
.b-fa-train-tram::before {
  content: "\f7da";
}
.b-fa-tram::before {
  content: "\f7da";
}
.b-fa-transgender::before {
  content: "\f225";
}
.b-fa-transgender-alt::before {
  content: "\f225";
}
.b-fa-trash::before {
  content: "\f1f8";
}
.b-fa-trash-arrow-up::before {
  content: "\f829";
}
.b-fa-trash-restore::before {
  content: "\f829";
}
.b-fa-trash-can::before {
  content: "\f2ed";
}
.b-fa-trash-alt::before {
  content: "\f2ed";
}
.b-fa-trash-can-arrow-up::before {
  content: "\f82a";
}
.b-fa-trash-restore-alt::before {
  content: "\f82a";
}
.b-fa-tree::before {
  content: "\f1bb";
}
.b-fa-tree-city::before {
  content: "\e587";
}
.b-fa-triangle-exclamation::before {
  content: "\f071";
}
.b-fa-exclamation-triangle::before {
  content: "\f071";
}
.b-fa-warning::before {
  content: "\f071";
}
.b-fa-trophy::before {
  content: "\f091";
}
.b-fa-trowel::before {
  content: "\e589";
}
.b-fa-trowel-bricks::before {
  content: "\e58a";
}
.b-fa-truck::before {
  content: "\f0d1";
}
.b-fa-truck-arrow-right::before {
  content: "\e58b";
}
.b-fa-truck-droplet::before {
  content: "\e58c";
}
.b-fa-truck-fast::before {
  content: "\f48b";
}
.b-fa-shipping-fast::before {
  content: "\f48b";
}
.b-fa-truck-field::before {
  content: "\e58d";
}
.b-fa-truck-field-un::before {
  content: "\e58e";
}
.b-fa-truck-front::before {
  content: "\e2b7";
}
.b-fa-truck-medical::before {
  content: "\f0f9";
}
.b-fa-ambulance::before {
  content: "\f0f9";
}
.b-fa-truck-monster::before {
  content: "\f63b";
}
.b-fa-truck-moving::before {
  content: "\f4df";
}
.b-fa-truck-pickup::before {
  content: "\f63c";
}
.b-fa-truck-plane::before {
  content: "\e58f";
}
.b-fa-truck-ramp-box::before {
  content: "\f4de";
}
.b-fa-truck-loading::before {
  content: "\f4de";
}
.b-fa-tty::before {
  content: "\f1e4";
}
.b-fa-teletype::before {
  content: "\f1e4";
}
.b-fa-turkish-lira-sign::before {
  content: "\e2bb";
}
.b-fa-try::before {
  content: "\e2bb";
}
.b-fa-turkish-lira::before {
  content: "\e2bb";
}
.b-fa-turn-down::before {
  content: "\f3be";
}
.b-fa-level-down-alt::before {
  content: "\f3be";
}
.b-fa-turn-up::before {
  content: "\f3bf";
}
.b-fa-level-up-alt::before {
  content: "\f3bf";
}
.b-fa-tv::before {
  content: "\f26c";
}
.b-fa-television::before {
  content: "\f26c";
}
.b-fa-tv-alt::before {
  content: "\f26c";
}
.b-fa-u::before {
  content: "U";
}
.b-fa-umbrella::before {
  content: "\f0e9";
}
.b-fa-umbrella-beach::before {
  content: "\f5ca";
}
.b-fa-underline::before {
  content: "\f0cd";
}
.b-fa-universal-access::before {
  content: "\f29a";
}
.b-fa-unlock::before {
  content: "\f09c";
}
.b-fa-unlock-keyhole::before {
  content: "\f13e";
}
.b-fa-unlock-alt::before {
  content: "\f13e";
}
.b-fa-up-down::before {
  content: "\f338";
}
.b-fa-arrows-alt-v::before {
  content: "\f338";
}
.b-fa-up-down-left-right::before {
  content: "\f0b2";
}
.b-fa-arrows-alt::before {
  content: "\f0b2";
}
.b-fa-up-long::before {
  content: "\f30c";
}
.b-fa-long-arrow-alt-up::before {
  content: "\f30c";
}
.b-fa-up-right-and-down-left-from-center::before {
  content: "\f424";
}
.b-fa-expand-alt::before {
  content: "\f424";
}
.b-fa-up-right-from-square::before {
  content: "\f35d";
}
.b-fa-external-link-alt::before {
  content: "\f35d";
}
.b-fa-upload::before {
  content: "\f093";
}
.b-fa-user::before {
  content: "\f007";
}
.b-fa-user-astronaut::before {
  content: "\f4fb";
}
.b-fa-user-check::before {
  content: "\f4fc";
}
.b-fa-user-clock::before {
  content: "\f4fd";
}
.b-fa-user-doctor::before {
  content: "\f0f0";
}
.b-fa-user-md::before {
  content: "\f0f0";
}
.b-fa-user-gear::before {
  content: "\f4fe";
}
.b-fa-user-cog::before {
  content: "\f4fe";
}
.b-fa-user-graduate::before {
  content: "\f501";
}
.b-fa-user-group::before {
  content: "\f500";
}
.b-fa-user-friends::before {
  content: "\f500";
}
.b-fa-user-injured::before {
  content: "\f728";
}
.b-fa-user-large::before {
  content: "\f406";
}
.b-fa-user-alt::before {
  content: "\f406";
}
.b-fa-user-large-slash::before {
  content: "\f4fa";
}
.b-fa-user-alt-slash::before {
  content: "\f4fa";
}
.b-fa-user-lock::before {
  content: "\f502";
}
.b-fa-user-minus::before {
  content: "\f503";
}
.b-fa-user-ninja::before {
  content: "\f504";
}
.b-fa-user-nurse::before {
  content: "\f82f";
}
.b-fa-user-pen::before {
  content: "\f4ff";
}
.b-fa-user-edit::before {
  content: "\f4ff";
}
.b-fa-user-plus::before {
  content: "\f234";
}
.b-fa-user-secret::before {
  content: "\f21b";
}
.b-fa-user-shield::before {
  content: "\f505";
}
.b-fa-user-slash::before {
  content: "\f506";
}
.b-fa-user-tag::before {
  content: "\f507";
}
.b-fa-user-tie::before {
  content: "\f508";
}
.b-fa-user-xmark::before {
  content: "\f235";
}
.b-fa-user-times::before {
  content: "\f235";
}
.b-fa-users::before {
  content: "\f0c0";
}
.b-fa-users-between-lines::before {
  content: "\e591";
}
.b-fa-users-gear::before {
  content: "\f509";
}
.b-fa-users-cog::before {
  content: "\f509";
}
.b-fa-users-line::before {
  content: "\e592";
}
.b-fa-users-rays::before {
  content: "\e593";
}
.b-fa-users-rectangle::before {
  content: "\e594";
}
.b-fa-users-slash::before {
  content: "\e073";
}
.b-fa-users-viewfinder::before {
  content: "\e595";
}
.b-fa-utensils::before {
  content: "\f2e7";
}
.b-fa-cutlery::before {
  content: "\f2e7";
}
.b-fa-v::before {
  content: "V";
}
.b-fa-van-shuttle::before {
  content: "\f5b6";
}
.b-fa-shuttle-van::before {
  content: "\f5b6";
}
.b-fa-vault::before {
  content: "\e2c5";
}
.b-fa-vector-square::before {
  content: "\f5cb";
}
.b-fa-venus::before {
  content: "\f221";
}
.b-fa-venus-double::before {
  content: "\f226";
}
.b-fa-venus-mars::before {
  content: "\f228";
}
.b-fa-vest::before {
  content: "\e085";
}
.b-fa-vest-patches::before {
  content: "\e086";
}
.b-fa-vial::before {
  content: "\f492";
}
.b-fa-vial-circle-check::before {
  content: "\e596";
}
.b-fa-vial-virus::before {
  content: "\e597";
}
.b-fa-vials::before {
  content: "\f493";
}
.b-fa-video::before {
  content: "\f03d";
}
.b-fa-video-camera::before {
  content: "\f03d";
}
.b-fa-video-slash::before {
  content: "\f4e2";
}
.b-fa-vihara::before {
  content: "\f6a7";
}
.b-fa-virus::before {
  content: "\e074";
}
.b-fa-virus-covid::before {
  content: "\e4a8";
}
.b-fa-virus-covid-slash::before {
  content: "\e4a9";
}
.b-fa-virus-slash::before {
  content: "\e075";
}
.b-fa-viruses::before {
  content: "\e076";
}
.b-fa-voicemail::before {
  content: "\f897";
}
.b-fa-volcano::before {
  content: "\f770";
}
.b-fa-volleyball::before {
  content: "\f45f";
}
.b-fa-volleyball-ball::before {
  content: "\f45f";
}
.b-fa-volume-high::before {
  content: "\f028";
}
.b-fa-volume-up::before {
  content: "\f028";
}
.b-fa-volume-low::before {
  content: "\f027";
}
.b-fa-volume-down::before {
  content: "\f027";
}
.b-fa-volume-off::before {
  content: "\f026";
}
.b-fa-volume-xmark::before {
  content: "\f6a9";
}
.b-fa-volume-mute::before {
  content: "\f6a9";
}
.b-fa-volume-times::before {
  content: "\f6a9";
}
.b-fa-vr-cardboard::before {
  content: "\f729";
}
.b-fa-w::before {
  content: "W";
}
.b-fa-walkie-talkie::before {
  content: "\f8ef";
}
.b-fa-wallet::before {
  content: "\f555";
}
.b-fa-wand-magic::before {
  content: "\f0d0";
}
.b-fa-magic::before {
  content: "\f0d0";
}
.b-fa-wand-magic-sparkles::before {
  content: "\e2ca";
}
.b-fa-magic-wand-sparkles::before {
  content: "\e2ca";
}
.b-fa-wand-sparkles::before {
  content: "\f72b";
}
.b-fa-warehouse::before {
  content: "\f494";
}
.b-fa-water::before {
  content: "\f773";
}
.b-fa-water-ladder::before {
  content: "\f5c5";
}
.b-fa-ladder-water::before {
  content: "\f5c5";
}
.b-fa-swimming-pool::before {
  content: "\f5c5";
}
.b-fa-wave-square::before {
  content: "\f83e";
}
.b-fa-weight-hanging::before {
  content: "\f5cd";
}
.b-fa-weight-scale::before {
  content: "\f496";
}
.b-fa-weight::before {
  content: "\f496";
}
.b-fa-wheat-awn::before {
  content: "\e2cd";
}
.b-fa-wheat-alt::before {
  content: "\e2cd";
}
.b-fa-wheat-awn-circle-exclamation::before {
  content: "\e598";
}
.b-fa-wheelchair::before {
  content: "\f193";
}
.b-fa-wheelchair-move::before {
  content: "\e2ce";
}
.b-fa-wheelchair-alt::before {
  content: "\e2ce";
}
.b-fa-whiskey-glass::before {
  content: "\f7a0";
}
.b-fa-glass-whiskey::before {
  content: "\f7a0";
}
.b-fa-wifi::before {
  content: "\f1eb";
}
.b-fa-wifi-3::before {
  content: "\f1eb";
}
.b-fa-wifi-strong::before {
  content: "\f1eb";
}
.b-fa-wind::before {
  content: "\f72e";
}
.b-fa-window-maximize::before {
  content: "\f2d0";
}
.b-fa-window-minimize::before {
  content: "\f2d1";
}
.b-fa-window-restore::before {
  content: "\f2d2";
}
.b-fa-wine-bottle::before {
  content: "\f72f";
}
.b-fa-wine-glass::before {
  content: "\f4e3";
}
.b-fa-wine-glass-empty::before {
  content: "\f5ce";
}
.b-fa-wine-glass-alt::before {
  content: "\f5ce";
}
.b-fa-won-sign::before {
  content: "\f159";
}
.b-fa-krw::before {
  content: "\f159";
}
.b-fa-won::before {
  content: "\f159";
}
.b-fa-worm::before {
  content: "\e599";
}
.b-fa-wrench::before {
  content: "\f0ad";
}
.b-fa-x::before {
  content: "X";
}
.b-fa-x-ray::before {
  content: "\f497";
}
.b-fa-xmark::before {
  content: "\f00d";
}
.b-fa-close::before {
  content: "\f00d";
}
.b-fa-multiply::before {
  content: "\f00d";
}
.b-fa-remove::before {
  content: "\f00d";
}
.b-fa-times::before {
  content: "\f00d";
}
.b-fa-xmarks-lines::before {
  content: "\e59a";
}
.b-fa-y::before {
  content: "Y";
}
.b-fa-yen-sign::before {
  content: "\f157";
}
.b-fa-cny::before {
  content: "\f157";
}
.b-fa-jpy::before {
  content: "\f157";
}
.b-fa-rmb::before {
  content: "\f157";
}
.b-fa-yen::before {
  content: "\f157";
}
.b-fa-yin-yang::before {
  content: "\f6ad";
}
.b-fa-z::before {
  content: "Z";
}
.sr-only,
.b-fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.sr-only-focusable:not(:focus),
.b-fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.b-fa {
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-font-smoothing: inherit;
}
.b-fa:before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
}
.b-icon:before, .b-icon-version:before, .b-indicator.b-constraint-type-muststarton:before, .b-indicator.b-constraint-type-mustfinishon:before, .b-indicator.b-deadline-date:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.b-fw-icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  vertical-align: 0;
}
.b-icon-add:before {
  content: "+";
}
.b-icon-remove:before {
  content: "\f00d";
}
.b-icon-clear:before {
  content: "\f00d";
}
.b-icon-close:before, .b-popup-close:before {
  content: "\f00d";
}
.b-icon-collapse-down:before {
  content: "\f078";
}
.b-icon-collapse-left:before {
  content: "\f053";
}
.b-icon-collapse-right:before {
  content: "\f054";
}
.b-icon-collapse-up:before {
  content: "\f077";
}
.b-icon-filter-disable:before {
  content: "\f05e";
}
.b-icon-search:before {
  content: "\f002";
}
.b-icon-search-plus:before {
  content: "\f00e";
}
.b-icon-search-minus:before {
  content: "\f010";
}
.b-icon-hide:before {
  content: "\f057";
}
.b-icon-trash:before {
  content: "\f1f8";
}
.b-icon-edit:before {
  content: "\f303";
}
.b-icon-rename:before {
  content: "\f044";
}
.b-icon-copy:before {
  content: "\f0c5";
}
.b-icon-cut:before {
  content: "\f0c4";
}
.b-icon-paste:before {
  content: "\f0ea";
}
.b-icon-expand-row:before {
  content: "\f107";
}
.b-icon-expand-column:before {
  content: "\f105";
}
.b-icon-expand, .b-popup-expand:before {
  content: "\f065";
}
.b-icon-first:before {
  content: "\f100";
}
.b-rtl > .b-icon-first:before {
  transform: scaleX(-1);
}
.b-icon-last:before {
  content: "\f101";
}
.b-rtl > .b-icon-last:before {
  transform: scaleX(-1);
}
.b-icon-reload:before {
  content: "\f01e";
}
.b-icon-undo:before {
  content: "\f0e2";
}
.b-icon-redo:before {
  content: "\f01e";
}
.b-icon-compare:before {
  content: "\e13a";
}
.b-icon-split-horizontal:before,
.b-icon-split-vertical:before,
.b-icon-split-both:before {
  min-width: 1em !important;
  width: 1em;
  height: 1em;
  border-radius: 2px;
  border: 2px solid currentColor;
  overflow: hidden;
}
.b-icon-split-horizontal:before {
  content: "┃";
  transform: rotate(90deg);
  border-left-width: 3px;
}
.b-icon-split-vertical:before {
  content: "┃";
  border-top-width: 3px;
}
.b-icon-split-both:before {
  content: "╋";
  border-top-width: 3px;
}
.b-icon-code:before {
  content: "\f121";
}
.b-icon-clipboard:before {
  content: "\f328";
}
.b-icon-filter:before,
.b-icon-filter-equal:before {
  content: "\f0b0";
}
.b-icon-filter-less:before,
.b-icon-filter-before:before {
  content: "\f053";
}
.b-icon-filter-more:before,
.b-icon-filter-after:before {
  content: "\f054";
}
.b-icon-check:before {
  content: "\f00c";
}
.b-icon-checked:before {
  content: "\f14a";
}
.b-icon-unchecked:before {
  content: "\f0c8";
}
.b-icon-radio:before {
  content: "\f111";
}
.b-icon-radio-checked:before {
  content: "\f192";
}
.b-icon-radio-unchecked:before {
  content: "\f111";
}
.b-icon-calendar:before {
  content: "\f133";
}
.b-icon-calendar-day:before {
  content: "\f783";
}
.b-icon-clock:before {
  content: "\f017";
}
.b-icon-recurring:before {
  content: "\f021";
}
.b-icon-duration:before {
  content: "\f254";
}
.b-icon-milestone:before {
  content: "\f219";
}
.b-icon-locked:before {
  content: "\f023";
}
.b-icon-user:before {
  content: "\f007";
}
.b-icon-menu:before {
  content: "\f0c9";
}
.b-icon-menu-horizontal:before {
  content: "\f141";
}
.b-icon-menu-vertical:before {
  content: "\f142";
}
.b-icon-info:before {
  content: "\f129";
}
.b-icon-sub-menu:before {
  content: "\f054";
}
.b-icon-star:before {
  content: "\f005";
}
.b-icon-warning:before {
  content: "\f071";
}
.b-icon-columns:before {
  content: "\f0db";
}
.b-icon-picker:before {
  content: "\f0d7";
  transition: transform 0.2s;
}
.b-icon-picker-rotated:before {
  content: "\f0d7";
  transform: rotate(180deg);
  transition: transform 0.2s;
}
.b-icon-resize-horizontal:before {
  content: "\f337";
}
.b-icon-fullscreen:before {
  content: "\f0b2";
}
.b-icon-cog:before {
  content: "\f013";
}
.b-linux .b-icon-cog:before, .b-windows .b-icon-cog:before {
  vertical-align: middle;
}
.b-icon-file-download:before {
  content: "\f56d";
}
.b-icon-sync:before {
  content: "\f2f1";
}
.b-icon-bad-mood-emoji:before {
  content: "\f119";
}
.b-icon-circle:before {
  content: "\f111";
}
.b-icon-square:before {
  content: "\f0c8";
}
.b-icon-merge-cells:before {
  content: "\f5fd";
}
.b-icon-up:before {
  content: "\f062";
}
.b-icon-down:before {
  content: "\f063";
}
.b-icon-left:before {
  content: "\f060";
}
.b-icon-right:before {
  content: "\f061";
}
.b-icon-angle-left:before {
  content: "\f104";
}
.b-icon-angle-right:before {
  content: "\f105";
}
.b-icon-previous:before {
  content: "\f053";
}
.b-rtl > .b-icon-previous:before {
  transform: scaleX(-1);
}
.b-icon-next:before {
  content: "\f054";
}
.b-rtl > .b-icon-next:before {
  transform: scaleX(-1);
}
.b-icon-move-left-right:before {
  content: "\f337";
}
.b-icon-move-up-down:before {
  content: "\f338";
}
.b-icon-spinner:before {
  content: "\f110";
  animation: rotate 2s infinite linear;
}
.b-icon-column-move-left:before {
  content: "\f0a8";
}
.b-icon-column-move-right:before {
  content: "\f0a9";
}
.b-icon-hide-column:before {
  content: "\f057";
}
.b-icon-sort:before {
  content: "\f0dc";
}
.b-icon-sort-asc:before {
  content: "\f15e";
}
.b-icon-sort-desc:before {
  content: "\f15d";
}
.b-icon-sorted-asc:before {
  content: "\f062";
}
.b-icon-group-asc:before {
  content: "\f885";
}
.b-icon-group-desc:before {
  content: "\f160";
}
.b-icon-group-collapse:before {
  content: "\f056";
}
.b-icon-group-expand:before {
  content: "\f055";
}
.b-icon-grouped-asc:before {
  content: "\f012";
}
.b-icon-tree-expand:before {
  content: "\f105";
}
.b-icon-tree-collapse:before {
  content: "\f107";
}
.b-icon-tree-folder:before {
  content: "\f07b";
}
.b-icon-tree-folder-open:before {
  content: "\f07c";
}
.b-icon-tree-leaf:before {
  content: "\f111";
}
.b-icon-expand-gridregion:before {
  content: "\f054";
}
.b-icon-collapse-gridregion:before {
  content: "\f053";
}
.b-icon-unassign:before {
  content: "\f506";
}
.b-icon-valid:before {
  content: "\f00c";
}
.b-icon-invalid:before {
  content: "\f05e";
}
.b-icon-checking:before {
  content: "\f110";
}
.b-icon-expand-resource:before {
  content: "\f103";
}
.b-icon-note:before {
  content: "\f249";
}
.b-icon-advanced:before {
  content: "\f085";
}
.b-icon-palette:before {
  content: "\f53f";
}
.b-icon-renumber:before {
  content: "\f884";
}
.b-icon-indent:before {
  content: "\f03c";
}
.b-icon-outdent:before {
  content: "\f03b";
}
.b-icon-subtask::before {
  content: "\e476";
}
.b-icon-predecessor::before {
  content: "\e477";
}
.b-icon-successor::before {
  content: "\e47a";
}
.b-icon-link:before {
  content: "\f0c1";
}
.b-icon-unlink:before {
  content: "\f127";
}
.b-icon-calendar-days:before {
  content: "\f073";
}
.b-icon-calendar-week:before {
  content: "\f784";
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-noselect {
  -webkit-user-select: none;
  user-select: none;
}
body {
  --rtl-negate: 1;
}
.b-rtl {
  --rtl-negate: -1;
}
.b-released,
.b-hide-display,
.b-theme-info {
  display: none !important;
}
.b-hide-visibility {
  visibility: hidden !important;
}
.b-hide-offscreen {
  visibility: hidden !important;
  position: absolute !important;
  top: -10000em;
  left: -10000em;
}
.b-yscroll-pad {
  display: none;
}
.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad {
  display: block;
  order: 9999;
  border-inline-start: 1px solid #ddd;
}
.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad .b-yscroll-pad-sizer {
  overflow-x: hidden;
  overflow-y: scroll;
  visibility: hidden;
  margin-inline-start: -1px;
  height: 0;
}
.b-fx-highlight {
  z-index: 9999;
  animation-name: b-fx-highlight-animation;
  animation-duration: 1s;
  animation: b-fx-highlight-animation 1s ease 0s 1;
}
@keyframes b-fx-highlight-animation {
  0% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 10px 5px rgba(253, 126, 20, 0.5);
  }
  100% {
    box-shadow: none;
  }
}
@keyframes b-slide-in-from-right {
  30% {
    transform: translateX(-30%);
    opacity: 0.1;
  }
  30.01% {
    transform: translateX(30%);
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes b-slide-in-from-left {
  30% {
    transform: translateX(30%);
    opacity: 0.1;
  }
  30.01% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes b-slide-in-from-below {
  30% {
    transform: translateY(-30%);
    opacity: 0.1;
  }
  30.01% {
    transform: translateY(30%);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes b-slide-in-from-above {
  30% {
    transform: translateY(30%);
    opacity: 0.1;
  }
  30.01% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.b-slide-vertical.b-slide-in-next {
  animation: b-slide-in-from-below 0.3s ease 0s 1 normal;
}
.b-slide-vertical.b-slide-in-previous {
  animation: b-slide-in-from-above 0.3s ease 0s 1 normal;
}
:not(.b-slide-vertical).b-slide-in-next {
  animation: b-slide-in-from-right 0.3s ease 0s 1 normal;
}
:not(.b-slide-vertical).b-slide-in-previous {
  animation: b-slide-in-from-left 0.3s ease 0s 1 normal;
}
.b-rtl :not(.b-slide-vertical).b-slide-in-next {
  animation: b-slide-in-from-left 0.3s ease 0s 1 normal;
}
.b-rtl :not(.b-slide-vertical).b-slide-in-previous {
  animation: b-slide-in-from-right 0.3s ease 0s 1 normal;
}
.b-sliding-child-element {
  overflow: hidden !important;
  overflow: clip !important;
}
/**
 * DomHelper size monitoring polyfill for when ResizeObserver not available
 * now only necessary on IE.
 */
.b-no-resizeobserver.b-resize-monitored {
  position: relative;
}
.b-no-resizeobserver.b-resize-monitored .b-resize-monitors {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow: hidden;
}
.b-no-resizeobserver.b-resize-monitored .b-resize-monitors > * {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.b-no-resizeobserver.b-resize-monitored .b-resize-monitors > .b-resize-monitor-expand:after {
  content: "";
  display: block;
  width: 100000px;
  height: 100000px;
}
.b-no-resizeobserver.b-resize-monitored .b-resize-monitors > .b-resize-monitor-shrink:after {
  content: "";
  display: block;
  width: 200%;
  height: 200%;
  min-width: 1px;
  min-height: 1px;
}
.b-float-root {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  overflow: -moz-hidden-unscrollable;
  overflow: clip;
  z-index: 11000;
  contain: strict;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-float-root.b-safari {
  -webkit-user-select: none;
  user-select: none;
}
.b-float-root > .b-floating {
  position: absolute;
  contain: layout style;
  pointer-events: all;
  transition: opacity 0.2s;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  top: 0;
  left: 0;
  z-index: 11001;
}
.b-firefox .b-float-root > .b-floating {
  contain: layout;
}
.b-float-root > .b-floating.b-hidden {
  opacity: 0;
}
/*
    The Gripper
    ===========
    The Hoverable mixin applies various b-hover classes to a hoverTarget element. Based on these classes, a resize
    gripper element inside the target is styled. This element may be always present, or (as with CalendarDrag), moved
    in to the active hoverTarget on hoverEnter.

    Hoverable may set the following classes simultaneously. Within each are the classes that are mutually exclusive:

     - b-hover-(top|bottom)
     - b-hover-(right|left)
     - b-hover-edge   (set when hovering near any edge)

   It may be that none of the above are present if hoverEdges is used. When hoverEdges is not used, these classes will
   be present on the hoverTarget no matter where the cursor is inside it.

   To facilitate animations, the b-hover-anim class is added in a way such that transitions for styles activated by it
   will be animated.
*/
.b-gripper {
  position: absolute;
  /*
     Horizontal gripper (top and bottom):
            +---------------------------+
            |           =====           |
            |                           |
            |                           |
            |           =====           |
            +---------------------------+
     */
  /*
     Vertical gripper (left and right):
            +---------------------------+
            |                           |
            | ||                     || |
            | ||                     || |
            |                           |
            +---------------------------+
     */
}
.b-gripper:after {
  content: " ";
  position: absolute;
  opacity: 0;
}
.b-hover-top .b-gripper.b-gripper-horz, .b-hover-bottom .b-gripper.b-gripper-horz {
  cursor: ns-resize;
  height: 1em;
  left: 0;
  right: 0;
}
.b-hover-bottom .b-gripper.b-gripper-horz {
  bottom: 0;
}
.b-gripper.b-gripper-horz:after {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  width: 0;
  height: 0.25em;
  left: 50%;
  margin-inline-start: 0;
}
.b-hover-top .b-gripper.b-gripper-horz:after {
  top: 0.4em;
}
.b-hover-bottom .b-gripper.b-gripper-horz:after {
  bottom: 0.4em;
}
.b-hover-anim.b-hover-edge .b-gripper.b-gripper-horz:after {
  transition: opacity 0.2s, margin-inline-start 0.2s, width 0.2s;
  opacity: 1;
  margin-inline-start: -0.6em;
  width: 1.2em;
}
.b-hover-left .b-gripper.b-gripper-vert, .b-hover-right .b-gripper.b-gripper-vert {
  cursor: ew-resize;
  width: 1em;
  top: 0;
  bottom: 0;
}
.b-hover-right .b-gripper.b-gripper-vert {
  right: 0;
}
.b-hover-left .b-gripper.b-gripper-vert {
  left: 0;
}
.b-gripper.b-gripper-vert:after {
  background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 3px);
  height: 0;
  width: 0.5em;
  top: 50%;
  margin-top: 0;
}
.b-hover-left .b-gripper.b-gripper-vert:after {
  left: 4px;
}
.b-hover-right .b-gripper.b-gripper-vert:after {
  right: 4px;
}
.b-hover-anim.b-hover-edge .b-gripper.b-gripper-vert:after {
  transition: opacity 0.2s, margin-top 0.2s, height 0.2s;
  opacity: 1;
  margin-top: -6px;
  height: 12px;
}
.b-dragging {
  z-index: 100;
  pointer-events: none !important;
  opacity: 0.8;
  box-sizing: border-box;
}
.b-dragging.b-drag-unified-proxy {
  opacity: 0.65;
}
.b-dragging.b-drag-main {
  z-index: 101;
  opacity: 1;
}
/*
 Used when Drag code is creating a separate proxy element representing the dragged element,
   as opposed to the 'inline' drag of the actual element
*/
.b-drag-proxy {
  position: absolute !important;
  top: 0;
  left: 0;
  pointer-events: none !important;
  box-sizing: border-box;
}
.b-drag-proxy * {
  box-sizing: border-box;
}
.b-aborting,
.b-drag-final-transition {
  transition-duration: 0.3s;
  transition-property: all !important;
}
.b-drag-unified-animation {
  transition: transform 0.2s;
}
.b-drag-original.b-hidden {
  display: none !important;
}
.b-draghelper-active * {
  -webkit-user-select: none;
  user-select: none;
}
.simulated-mouse {
  position: absolute;
  z-index: 100;
  top: 10px;
  left: 10px;
  transition: top 0.5s, left 0.5s;
  pointer-events: none;
  font-size: 16px;
}
.simulated-mouse.quick {
  transition: top 0.05s, left 0.05s;
}
.simulated-mouse:after {
  position: absolute;
  content: "\f245";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  z-index: 102;
}
.simulated-mouse.drag:before, .simulated-mouse.mousedown:before, .simulated-mouse.dblclick:before, .simulated-mouse.click:before {
  position: absolute;
  content: "";
  border: 2px solid transparent;
  border-radius: 50%;
  animation-name: click;
  animation-duration: 0.2s;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  z-index: 101;
  opacity: 0.7;
}
.simulated-mouse.drag:after {
  content: "\f25a";
  left: -3px;
}
.simulated-mouse.dblclick:before {
  animation-name: dblclick;
  animation-duration: 0.3s;
}
.simulated-mouse.mousedown:before, .simulated-mouse.drag:before {
  animation-name: none;
  width: 1.5em;
  height: 1.5em;
  border-color: red;
}
@keyframes click {
  0% {
    width: 0;
    height: 0;
  }
  90% {
    width: 1.5em;
    height: 1.5em;
    border-color: red;
  }
  100% {
    width: 0;
    height: 0;
    border-color: transparent;
  }
}
@keyframes dblclick {
  0% {
    width: 0;
    height: 0;
  }
  40% {
    width: 1.5em;
    height: 1.5em;
    border-color: red;
  }
  50% {
    width: 0;
    height: 0;
  }
  90% {
    width: 1.5em;
    height: 1.5em;
    border-color: red;
  }
  100% {
    width: 0;
    height: 0;
    border-color: transparent;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-widget {
  --color-indigo: #3f51b5;
  --color-blue: #03a9f4;
  --color-cyan: #3bc9db;
  --color-red: #f44336;
  --color-deep-orange: #ff5722;
  --color-orange: #ff9800;
  --color-amber: #ffc107;
  --color-yellow: #ffeb3b;
  --color-green: #4caf50;
  --color-teal: #009688;
  --color-light-green: #8bc34a;
  --color-lime: #cddc39;
  --color-purple: #9c27b0;
  --color-pink: #f783ac;
  --color-violet: #9775fa;
  --color-gray: #E9E9E9;
  --color-light-gray: #FAFAFA;
  --color-dark-gray: #505057;
  --color-white: #fff;
  --color-black: #000;
  display: inline-flex;
  overflow: hidden;
  line-height: initial;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  box-sizing: border-box;
  color-scheme: light;
}
.b-widget.b-measure {
  display: block !important;
}
.b-widget.b-anchored {
  overflow: visible;
}
.b-widget.b-maximized {
  position: fixed;
  transform: none !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.b-widget.b-maximized.b-mobile .b-bottom-toolbar {
  order: -1;
  min-height: 3.5em;
}
.b-widget.b-maximized.b-mobile .b-bottom-toolbar .b-toolbar-content {
  padding-block: 0.5em 0;
  padding-inline-start: 1em !important;
}
.b-widget * {
  box-sizing: border-box;
}
.b-widget:before, .b-widget:after,
.b-widget *:before,
.b-widget *:after {
  box-sizing: border-box;
}
.b-widget.b-positioned {
  position: absolute;
  top: 0;
  left: 0;
}
.b-widget.b-floating.b-centered, .b-widget.b-positioned.b-centered {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.b-widget > .b-focus-trap {
  position: absolute;
  display: none;
  clip: rect(0, 0, 0, 0);
}
.b-widget.b-focus-trapped.b-contains-focus > .b-focus-trap {
  display: inherit;
}
.b-widget.b-hidden {
  display: none !important;
}
.b-widget.b-hiding {
  pointer-events: none;
}
.b-widget .b-aria-desc-element {
  position: absolute;
  clip-path: polygon(0 0);
  contain: strict;
}
.b-widget .b-widget-inner {
  width: 100%;
  position: relative;
  flex: 1;
}
.b-widget .b-anchor {
  width: 16px;
  height: 8px;
  position: absolute;
  z-index: -1;
}
.b-widget .b-anchor svg {
  position: absolute;
  top: 0;
  overflow: visible;
}
.b-widget .b-anchor.b-anchor-top {
  left: 0;
  bottom: calc(100% - 1px);
}
.b-widget .b-anchor.b-anchor-bottom {
  left: 0;
  top: calc(100% - 1px);
}
.b-widget .b-anchor.b-anchor-bottom svg {
  transform: rotate(180deg);
}
.b-widget .b-anchor.b-anchor-left {
  top: 0;
  width: 8px;
  height: 16px;
  right: calc(100% - 1px);
}
.b-widget .b-anchor.b-anchor-left svg {
  transform: rotate(270deg);
  transform-origin: 8px 8px;
}
.b-widget .b-anchor.b-anchor-right {
  top: 0;
  width: 8px;
  height: 16px;
  left: calc(100% - 1px);
}
.b-widget .b-anchor.b-anchor-right svg {
  transform: rotate(90deg);
  transform-origin: 4px 4px;
}
.b-widget.b-rtl > .b-anchor.b-anchor-left {
  right: calc(100% - 1px - 8px);
}
.b-widget.b-rtl > .b-anchor.b-anchor-right {
  left: calc(100% - 1px + 8px);
}
.b-slidingcontent-content {
  display: flex;
  flex-flow: row nowrap !important;
  align-items: stretch;
  scroll-snap-type: x mandatory;
}
.b-slidingcontent-content .b-carousel-item {
  flex: 1 0 100%;
}
.b-widget-scroller {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-anchor: none; /* without this we see weird issues in Mac Chrome <= 63 with no scrollbar, covered in Tree.t.js */
  position: relative;
}
.b-widget-scroller::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.b-widget-scroller::-webkit-scrollbar-track {
  background-color: transparent;
}
.b-widget-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.b-widget-scroller::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.b-widget-scroller.b-hide-scroll {
  scrollbar-width: none;
}
.b-widget-scroller.b-hide-scroll::-webkit-scrollbar {
  display: none;
}
.b-scroller-stretcher {
  position: absolute;
  height: 1px;
  width: 1px;
  top: 0;
  left: 0;
}
.b-rtl > .b-scroller-stretcher {
  left: auto;
  right: 0;
}
.b-text-align-start,
.b-text-align-left {
  text-align: start;
}
.b-text-align-center {
  text-align: center;
}
.b-text-align-end,
.b-text-align-right {
  text-align: end;
}
.b-rtl {
  direction: rtl;
}
.b-ltr {
  direction: ltr;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-widget.b-badge {
  overflow: visible;
}
.b-badge::before {
  content: attr(data-badge);
  position: absolute;
  right: -1em;
  top: -1em;
  width: 0;
  height: 0;
  overflow: visible;
  padding: 1em;
  background-color: #f44336;
  color: #fff;
  border-radius: 50%;
  font-size: 0.6em;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  animation-name: b-badge-show;
  animation-duration: 0.3s;
}
.b-badge.b-rtl::before {
  left: -1em;
  right: auto;
}
.b-button.b-badge:before {
  font-size: 0.7em;
}
@keyframes b-badge-show {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(180deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-button {
  --widget-primary-color-rgb: 163,163,163;
  --button-background-opacity: 0.05;
  --button-border-opacity: 0.3;
  --button-text-color: var(--widget-primary-color-rgb);
  --button-text-opacity: 1;
  --button-hover-background-opacity: var(--button-border-opacity);
  --button-pressed-text-color: 255, 255, 255;
  --button-pressed-background-opacity: 0.8;
  --button-pressed-hover-background-opacity: 0.7;
  --button-pressed-disabled-background-opacity: 0.1;
  --button-active-background-opacity: 1;
  --button-focus-background-opacity: 0.3;
  --button-pressed-focus-background-opacity: 1;
  --button-disabled-background-opacity: 0;
  --button-disabled-text-opacity: 0.3;
  --button-disabled-border-opacity: 0.2;
  --button-transparent-background-opacity: 0;
  --button-transparent-text-opacity: 0.6;
  --button-transparent-pressed-text-opacity: 1;
  --button-transparent-hover-background-opacity: 0.1;
  position: relative;
  padding: 0 10px;
  height: 28px;
  min-width: 28px;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  transition: background-color 200ms, color 200ms, border 200ms;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
  box-sizing: border-box;
  border: none;
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  -webkit-user-select: none;
  user-select: none;
}
.b-button.b-text {
  min-width: 3.3em;
}
.b-button.b-green {
  background-color: #3EAC40;
}
.b-button.b-green:hover {
  background-color: #199A27;
}
.b-button.b-red {
  background-color: #FF5757;
}
.b-button.b-red:hover {
  background-color: #F1273F;
}
.b-button.b-transparent {
  --button-background-opacity: var(--button-transparent-background-opacity);
  --button-text-opacity: var(--button-transparent-text-opacity);
  border: none;
}
.b-button.b-pressed {
  --button-background-opacity: var(--button-pressed-background-opacity);
  --button-text-color: var(--button-pressed-text-color);
}
.b-button.b-pressed.b-transparent {
  --button-text-color: var(--widget-primary-color-rgb);
  --button-background-opacity: var(--button-transparent-background-opacity);
  --button-text-opacity: var(--button-transparent-pressed-text-opacity);
}
.b-button.b-pressed:hover:not(.b-disabled) {
  --button-background-opacity: var(
    --button-pressed-hover-background-opacity
  );
}
.b-button.b-pressed:hover:not(.b-disabled).b-transparent {
  --button-background-opacity: var(
    --button-transparent-hover-background-opacity
  );
}
.b-button.b-pressed[data-group]:not(.b-disabled):hover {
  --button-background-opacity: var(
    --button-pressed-hover-background-opacity
  );
}
.b-button:hover:not(.b-disabled) {
  --button-background-opacity: var(--button-hover-background-opacity);
}
.b-button:hover:not(.b-disabled).b-transparent {
  --button-background-opacity: var(
    --button-transparent-hover-background-opacity
  );
}
.b-button:active:not(.b-disabled), .b-button:active:focus:not(.b-disabled) {
  --button-background-opacity: var(--button-active-background-opacity);
  --button-text-color: var(--button-pressed-text-color);
}
.b-using-keyboard .b-button:focus, .b-button.b-using-keyboard:focus {
  --button-background-opacity: var(--button-focus-background-opacity);
}
.b-using-keyboard .b-button:focus.b-pressed:not(.b-transparent), .b-button.b-using-keyboard:focus.b-pressed:not(.b-transparent) {
  --button-background-opacity: var(
    --button-pressed-focus-background-opacity
  );
}
.b-button.b-disabled {
  --button-background-opacity: var(--button-disabled-background-opacity);
  --button-text-opacity: var(--button-disabled-text-opacity);
  --button-border-opacity: var(--button-disabled-border-opacity);
}
.b-button.b-disabled.b-pressed {
  --button-background-opacity: var(
    --button-pressed-disabled-background-opacity
  );
}
.b-button:not(.b-tab) {
  border-radius: 5px;
}
.b-button::-moz-focus-inner {
  border: 0;
}
.b-button label {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-button.b-rotate-vertical {
  min-height: 3em;
  min-width: 28px;
  padding: 10px 0 10px 0;
}
.b-button.b-rotate-vertical label {
  writing-mode: vertical-lr;
}
.b-button.b-rotate-left {
  flex-direction: column-reverse;
}
.b-button.b-rotate-left label {
  transform: rotate(180deg);
}
.b-button.b-rotate-left i {
  transform: rotate(270deg);
}
.b-button.b-rotate-right {
  flex-direction: column;
}
.b-button.b-rotate-right i {
  transform: rotate(90deg);
}
.b-button.b-icon-align-start i:not(.b-button-menu-icon) {
  order: -100;
}
.b-button.b-icon-align-start:not(.b-rotate-vertical) label {
  margin-inline-start: 0.5em;
}
.b-button.b-icon-align-start.b-rotate-right label {
  margin-inline-end: 0.5em;
}
.b-button.b-icon-align-start.b-rotate-left label {
  margin-inline-start: 0.5em;
}
.b-button.b-icon-align-end i {
  order: 100;
}
.b-button.b-icon-align-end:not(.b-rotate-vertical) label {
  margin-inline-end: 0.5em;
}
.b-button.b-icon-align-end.b-rotate-right label {
  margin-inline-start: 0.5em;
}
.b-button.b-icon-align-end.b-rotate-left label {
  margin-inline-end: 0.5em;
}
.b-button .b-button-menu-icon {
  margin-inline-start: 0.5em;
}
.b-button i {
  font-size: 1em;
}
.b-button label:empty {
  display: none;
}
.b-button.b-badge {
  overflow: visible !important;
}
.b-button.b-rounded {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}
.b-button:focus {
  outline: none;
}
.b-button:disabled {
  cursor: default;
}
.b-button.b-borderless {
  border: none;
}
.b-button.b-raised {
  --button-background-opacity: 1;
  --button-focus-background-opacity: 0.7;
  --button-hover-background-opacity: 0.8;
  --button-pressed-hover-background-opacity: 1;
  color: #fff;
  border: none;
}
.b-button.b-raised:active {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}
.b-button.b-raised.b-pressed {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.b-using-keyboard .b-button.b-raised.b-pressed:focus, .b-button.b-raised.b-pressed.b-using-keyboard:focus {
  background-image: linear-gradient(rgba(0, 0, 0, 0.0666666667), rgba(0, 0, 0, 0.0666666667));
}
.b-button.b-raised.b-disabled {
  --widget-primary-color-rgb: 250,250,250;
}
.b-popup .b-bottom-toolbar .b-button.b-text {
  min-width: 8em;
}
a.b-button {
  text-decoration: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-container {
  --autocontainer-gap: 0.6em;
}
.b-container.b-outer, .b-auto-container:not(.b-toolbar-content).b-single-child > .b-container {
  align-self: stretch;
  flex: 1 1 auto;
}
body.b-container.b-outer {
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.b-container:focus {
  outline: none;
}
.b-auto-container {
  gap: var(--autocontainer-gap);
}
.b-content-element {
  position: relative;
  display: flex;
  flex-flow: row wrap;
}
.b-content-element.b-flex-row {
  align-content: flex-start;
}
.b-content-element.b-text-content {
  display: block;
  overflow: auto;
}
.b-content-element > .b-field.b-half-width {
  flex: 0 0 calc(50% - var(--autocontainer-gap) / 2);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-toolbar {
  --toolbar-min-size: 4em;
  --toolbar-content-padding: 0.5em;
  background-color: #FFFFFF;
  color: #FFFFFF;
  flex-shrink: 0;
}
.b-toolbar.b-dock-header, .b-toolbar.b-dock-pre-header {
  background-color: transparent;
}
.b-toolbar.b-dock-header .b-toolbar-content, .b-toolbar.b-dock-pre-header .b-toolbar-content {
  padding: 0;
}
.b-toolbar.b-dock-header > .b-button, .b-toolbar.b-dock-pre-header > .b-button {
  margin: 0;
}
.b-toolbar.b-dock-header .b-button, .b-toolbar.b-dock-pre-header .b-button {
  min-height: auto;
}
.b-toolbar.b-dock-header {
  margin-inline-start: 1em;
}
.b-toolbar.b-dock-pre-header {
  margin-inline-end: 1em;
}
.b-toolbar > .b-tool {
  align-self: center;
  background-color: transparent;
}
.b-toolbar > .b-tool.b-pressed {
  background-color: rgba(50, 50, 50, 0.2);
}
.b-toolbar .b-button:not(.b-text) {
  flex-shrink: 0;
}
.b-toolbar .b-row-start-scroller {
  margin: 0;
  margin-inline-end: 0.5em;
}
.b-toolbar.b-dock-left .b-row-start-scroller {
  margin: 0;
  margin-inline-start: 0.5em;
}
.b-toolbar.b-dock-right .b-row-start-scroller {
  margin: 0;
  margin-inline-start: 0.5em;
}
.b-toolbar .b-row-end-scroller,
.b-toolbar .b-row-menu {
  margin: 0;
  margin-inline-start: 0.5em;
}
.b-toolbar .b-column-start-scroller {
  margin: 0 0 0.5em 0;
}
.b-toolbar .b-column-end-scroller,
.b-toolbar .b-column-menu {
  margin: 0.5em 0 0 0;
}
.b-toolbar > .b-overflow-button {
  margin: 0.5em;
}
.b-toolbar.b-rtl > .b-overflow-button::before {
  transform: scaleX(-1);
}
.b-toolbar.b-dock-bottom {
  --toolbar-min-size: 3em;
  --toolbar-content-padding: 1em;
}
.b-toolbar .b-toolbar-content {
  overflow: hidden;
  padding: var(--toolbar-content-padding);
  gap: 0.5em;
}
.b-toolbar .b-toolbar-content .b-field {
  margin-bottom: 0;
}
.b-toolbar .b-toolbar-content > .b-toolbar-fill {
  flex: 1 1 0%;
}
.b-toolbar .b-toolbar-content .b-html {
  align-items: center;
}
.b-toolbar .b-toolbar-content.b-overflow .b-field,
.b-toolbar .b-toolbar-content.b-overflow .b-button {
  flex-shrink: 0;
}
.b-toolbar.b-dock-top .b-toolbar-content, .b-toolbar.b-dock-bottom .b-toolbar-content {
  min-height: var(--toolbar-min-size);
}
.b-toolbar.b-dock-top .b-toolbar-content > .b-toolbar-separator, .b-toolbar.b-dock-bottom .b-toolbar-content > .b-toolbar-separator {
  margin-block: 0.2em;
  border-style: solid;
  border-width: 0 1px 0 1px;
  border-inline-start-color: white;
  border-inline-end-color: white;
}
.b-toolbar.b-dock-top .b-toolbar-content > .b-widget:not(.b-button), .b-toolbar.b-dock-bottom .b-toolbar-content > .b-widget:not(.b-button) {
  min-height: 0;
}
.b-toolbar.b-dock-left .b-toolbar-content, .b-toolbar.b-dock-right .b-toolbar-content {
  min-width: var(--toolbar-min-size);
}
.b-toolbar.b-dock-left .b-toolbar-content > .b-toolbar-separator, .b-toolbar.b-dock-right .b-toolbar-content > .b-toolbar-separator {
  margin: 0 0.5em 0.2em 0.2em;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-top-color: white;
  border-bottom-color: white;
}
.b-toolbar.b-dock-left .b-toolbar-content > .b-widget:not(.b-button), .b-toolbar.b-dock-right .b-toolbar-content > .b-widget:not(.b-button) {
  min-width: 0;
}
.b-tabpanel .b-panel .b-toolbar {
  background-color: transparent;
}
.b-toolbar.b-outer {
  background-color: #FFFFFF;
}
.b-toolbar-overflow-menu > .b-panel-body-wrap > .b-menu-content .b-widget {
  flex: 0 0 auto !important;
  width: auto;
}
.b-pagingtoolbar .b-toolbar-content {
  justify-content: center;
}
.b-pagingtoolbar .b-toolbar-content .b-numberfield {
  width: unset;
}
.b-pagingtoolbar .b-toolbar-content .b-numberfield input {
  width: 4em;
  text-align: center;
}
.b-pagingtoolbar .b-toolbar-content .b-disabled.b-html {
  color: #B2B2B3;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-buttongroup {
  overflow: visible;
  flex-shrink: 0;
}
.b-buttongroup.b-content-element {
  display: inline-flex;
  flex-flow: row nowrap;
  gap: 0;
}
.b-buttongroup.b-content-element.b-rotate-vertical {
  flex-direction: column;
}
.b-buttongroup .b-button {
  margin: 0;
}
.b-buttongroup .b-button:not(.b-pressed) {
  box-shadow: none !important;
}
.b-buttongroup .b-button.b-pressed, .b-buttongroup .b-button:active {
  z-index: 2;
}
.b-buttongroup .b-button:not(.b-first-visible-child) {
  margin-inline-start: -1px;
}
.b-buttongroup.b-columned.b-content-element {
  flex: 1;
  flex-wrap: wrap;
}
.b-buttongroup.b-columned.b-content-element .b-button {
  margin-inline-start: 0;
}
.b-buttongroup .b-button:not(.b-first-visible-child):not(.b-last-visible-child) {
  border-radius: 0;
}
.b-buttongroup .b-button.b-first-visible-child:not(.b-last-visible-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.b-buttongroup .b-button.b-last-visible-child:not(.b-first-visible-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.b-buttongroup.b-rtl .b-button.b-first-visible-child:not(.b-last-visible-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.b-buttongroup.b-rtl .b-button.b-last-visible-child:not(.b-first-visible-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-editor {
  background-color: #fff;
  border-radius: 5px;
}
.b-editor.b-positioned {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.b-editor.b-content-element > .b-widget.b-field {
  margin: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes b-field-updated {
  0% {
    color: #262626;
  }
  25% {
    color: #737373;
  }
  75% {
    color: #737373;
  }
  100% {
    color: #262626;
  }
}
.b-field label {
  -webkit-user-select: none;
          user-select: none;
}
.b-has-label.b-label-above {
  flex-direction: column;
}
.b-has-label.b-label-before .b-label {
  align-self: center;
  margin-inline-end: 1em;
}
.b-has-label.b-label-above .b-label {
  align-self: flex-start;
  flex: none !important;
  margin: 0 0 0.4em 0.1em;
}
.b-has-label.b-open .b-label, .b-has-label:focus-within .b-label, .b-has-label.b-ie:focus .b-label {
  color: #2E3538;
}
.b-container .b-has-label .b-label.b-align-end {
  margin-inline-start: 1em;
  text-align: left;
}
.b-container .b-has-label.b-open .b-label, .b-container .b-has-label:focus-within .b-label, .b-container .b-has-label.b-ie:focus .b-label {
  color: #2E3538;
}
.b-has-label.b-invalid .b-label {
  color: #f44336 !important;
}
.b-has-label.b-disabled .b-label {
  color: #B2B2B3;
}
.b-field-updated {
  animation-name: b-field-updated;
  animation-duration: 0.5s;
}
.b-vbox.b-box-justify-stretch > .b-field,
.b-flex-column > .b-field {
  width: auto;
}
.b-flex-row > .b-field {
  align-self: flex-start;
  flex: 1 0 100%;
}
.b-vbox > .b-field.b-label-above {
  margin-bottom: 1.2em;
}
.b-field-inner {
  overflow: visible;
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--G-2, #DEDEDE);
  min-width: 0;
  position: relative;
  transition: border-color 150ms ease-out;
}
.b-field-inner:before {
  opacity: 0;
  content: "";
  position: absolute;
  inset: -4px;
  border: 3px solid var(--solution-primary-color);
  border-radius: 8px;
  transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
  visibility: hidden;
  pointer-events: none;
}
.b-field-container-inline > .b-field-inner {
  flex: 0 1 auto;
}
.b-field:not(.b-disabled):not(.b-contains-focus) .b-field-inner:hover {
  border-color: var(--G-4, #B2B2B3);
  transition: border-color 200ms ease-in;
}
.b-field-container:not(.b-field-container-inline) {
  flex-wrap: wrap;
}
.b-field-container-wrap {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
}
.b-field-container-wrap > .b-container {
  width: 100%;
}
.b-field.b-collapsed:not(.b-field-container-inline) > .b-field-container-wrap {
  height: 0;
}
.b-field.b-collapsed.b-field-container-inline > .b-field-container-wrap {
  opacity: 0;
}
.b-field.b-collapsed:not(.b-field-container-inline) > .b-field-container-wrap > .b-container, .b-field.b-collapsing:not(.b-field-container-inline) > .b-field-container-wrap > .b-container {
  position: absolute;
  bottom: 0;
}
.b-field-container-inline:not(.b-no-input) > .b-field-container-wrap {
  margin-inline-start: 1em;
}
.b-field-hint {
  align-self: stretch;
  overflow: visible;
  pointer-events: none;
  position: relative;
  white-space: nowrap;
  width: 0;
}
.b-field-hint .b-field-hint-content {
  position: absolute;
  inset-inline-end: 0.6em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
}
.b-legacy-inset .b-field-hint .b-field-hint-content {
  right: 0.6em;
}
.b-legacy-inset .b-field-hint .b-field-hint-content.b-rtl {
  left: 0.6em;
}
.b-field-no-hint .b-field-hint {
  display: none;
}
.b-numberfield,
.b-textareafield,
.b-textfield {
  overflow: visible;
  align-items: stretch;
  min-width: 3em;
  color: #262626;
  border-radius: 5px;
  position: relative;
  width: 12.5em;
}
.b-numberfield.b-has-width,
.b-textareafield.b-has-width,
.b-textfield.b-has-width {
  width: auto;
}
.b-numberfield.b-contains-focus .b-field-inner,
.b-textareafield.b-contains-focus .b-field-inner,
.b-textfield.b-contains-focus .b-field-inner {
  border-color: var(--solution-primary-color);
}
.b-numberfield.b-contains-focus .b-field-inner:before,
.b-textareafield.b-contains-focus .b-field-inner:before,
.b-textfield.b-contains-focus .b-field-inner:before {
  opacity: 0.3;
  visibility: visible;
  transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}
.b-numberfield .b-fieldtrigger,
.b-textareafield .b-fieldtrigger,
.b-textfield .b-fieldtrigger {
  flex: 0 0 auto;
  align-items: center;
  font-size: 12px;
  color: #c7cdcf;
  cursor: pointer;
  transition: color 150ms ease-out;
}
.b-numberfield .b-fieldtrigger:hover,
.b-textareafield .b-fieldtrigger:hover,
.b-textfield .b-fieldtrigger:hover {
  color: var(--solution-primary-color);
  transition: color 200ms ease-in;
}
.b-numberfield .b-fieldtrigger.b-align-start,
.b-textareafield .b-fieldtrigger.b-align-start,
.b-textfield .b-fieldtrigger.b-align-start {
  padding-inline: 0.8em 0;
}
.b-numberfield .b-fieldtrigger.b-align-end,
.b-textareafield .b-fieldtrigger.b-align-end,
.b-textfield .b-fieldtrigger.b-align-end {
  padding-inline: 0 0.8em;
}
.b-numberfield .b-fieldtrigger:before,
.b-textareafield .b-fieldtrigger:before,
.b-textfield .b-fieldtrigger:before {
  font-size: 14px;
  transition: transform 0.3s;
}
.b-numberfield .b-spintrigger,
.b-textareafield .b-spintrigger,
.b-textfield .b-spintrigger {
  flex-direction: column;
  font-size: 12px;
}
.b-numberfield .b-spintrigger .b-spin-up:before,
.b-textareafield .b-spintrigger .b-spin-up:before,
.b-textfield .b-spintrigger .b-spin-up:before {
  content: "\f0d8";
  vertical-align: bottom;
}
.b-numberfield .b-spintrigger .b-spin-down:before,
.b-textareafield .b-spintrigger .b-spin-down:before,
.b-textfield .b-spintrigger .b-spin-down:before {
  content: "\f0d7";
  vertical-align: top;
}
.b-numberfield.b-hide-spinner .b-spintrigger,
.b-textareafield.b-hide-spinner .b-spintrigger,
.b-textfield.b-hide-spinner .b-spintrigger {
  display: none;
}
.b-numberfield input,
.b-numberfield textarea,
.b-textareafield input,
.b-textareafield textarea,
.b-textfield input,
.b-textfield textarea {
  background-color: transparent;
  min-height: 32px;
  padding: 0 10px;
  font-weight: 400;
  flex: 1 1 0;
  border: 0 none;
  margin: 0;
  font-family: inherit;
  min-width: 1em;
  text-align: inherit;
  box-sizing: border-box;
  font-size: 13px;
  color: #2E3538;
}
.b-numberfield input:focus,
.b-numberfield textarea:focus,
.b-textareafield input:focus,
.b-textareafield textarea:focus,
.b-textfield input:focus,
.b-textfield textarea:focus {
  outline: none;
}
.b-numberfield input::-ms-clear,
.b-numberfield textarea::-ms-clear,
.b-textareafield input::-ms-clear,
.b-textareafield textarea::-ms-clear,
.b-textfield input::-ms-clear,
.b-textfield textarea::-ms-clear {
  display: none;
}
.b-numberfield textarea,
.b-textareafield textarea,
.b-textfield textarea {
  align-self: stretch;
}
.b-numberfield ::-webkit-input-placeholder,
.b-textareafield ::-webkit-input-placeholder,
.b-textfield ::-webkit-input-placeholder {
  color: #B2B2B3;
}
.b-numberfield.b-empty .b-fieldtrigger.b-icon-remove,
.b-textareafield.b-empty .b-fieldtrigger.b-icon-remove,
.b-textfield.b-empty .b-fieldtrigger.b-icon-remove {
  visibility: hidden;
}
.b-numberfield:focus-within .b-label i,
.b-textareafield:focus-within .b-label i,
.b-textfield:focus-within .b-label i {
  color: var(--solution-secondary-color);
}
.b-numberfield:not(.b-disabled):hover .b-label i,
.b-textareafield:not(.b-disabled):hover .b-label i,
.b-textfield:not(.b-disabled):hover .b-label i {
  color: var(--solution-secondary-color);
}
.b-numberfield.b-invalid .b-field-inner,
.b-textareafield.b-invalid .b-field-inner,
.b-textfield.b-invalid .b-field-inner {
  border-color: #f44336 !important;
}
.b-numberfield.b-disabled,
.b-textareafield.b-disabled,
.b-textfield.b-disabled {
  color: #B2B2B3;
  cursor: default;
}
.b-safari .b-numberfield.b-disabled,
.b-safari .b-textareafield.b-disabled,
.b-safari .b-textfield.b-disabled {
  color: inherit;
}
.b-numberfield.b-disabled input,
.b-textareafield.b-disabled input,
.b-textfield.b-disabled input {
  cursor: text;
}
.b-numberfield.b-disabled .b-fieldtrigger,
.b-textareafield.b-disabled .b-fieldtrigger,
.b-textfield.b-disabled .b-fieldtrigger {
  display: none;
}
.b-numberfield.b-disabled .b-fieldtrigger,
.b-textareafield.b-disabled .b-fieldtrigger,
.b-textfield.b-disabled .b-fieldtrigger {
  cursor: default;
}
.b-numberfield.b-disabled .b-field-inner,
.b-textareafield.b-disabled .b-field-inner,
.b-textfield.b-disabled .b-field-inner {
  border-style: solid;
}
.b-numberfield.b-readonly,
.b-textareafield.b-readonly,
.b-textfield.b-readonly {
  cursor: default;
}
.b-numberfield.b-readonly input,
.b-textareafield.b-readonly input,
.b-textfield.b-readonly input {
  cursor: text;
}
.b-numberfield.b-readonly .b-fieldtrigger,
.b-textareafield.b-readonly .b-fieldtrigger,
.b-textfield.b-readonly .b-fieldtrigger {
  display: none;
}
.b-numberfield input[type=number]::-webkit-inner-spin-button,
.b-numberfield input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.b-numberfield input[type=number] {
  -moz-appearance: textfield;
}
.b-numberfield .b-field-inner .b-fieldtrigger.b-icon-remove {
  font-size: 0.8em;
}
.b-tooltip.b-field-error-tip {
  border: 1px solid #f44336;
}
.b-tooltip.b-field-error-tip .b-popup-content {
  background-color: #fffef6;
  color: #f44336;
  font-weight: bold;
}
.b-divider {
  position: relative;
  justify-content: center;
  margin: 1em 0 1.5em 0;
}
.b-divider::before {
  content: "";
  width: 100%;
  border-bottom: 1px solid var(--G-1-2, #F0F0F0);
  position: absolute;
  top: 50%;
}
.b-divider::after {
  display: flex;
  content: attr(data-text);
  color: #2E3538;
  background: #FFFFFF;
  padding: 0 1em;
  z-index: 1;
  font-size: 12px;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-checkbox {
  --widget-primary-color-rgb: 233,233,233;
  --checkbox-unchecked-check-opacity: 0.1;
  --checkbox-unchecked-check-color: rgb(
    var(--widget-primary-color-rgb),
    var(--checkbox-unchecked-check-opacity)
  );
  --checkbox-unchecked-background-color: transparent;
  --checkbox-unchecked-border-color: rgb(var(--widget-primary-color-rgb));
  --checkbox-checked-check-color: #fff;
  --checkbox-checked-background-color: rgb(var(--widget-primary-color-rgb));
  --checkbox-checked-border-color: rgb(var(--widget-primary-color-rgb));
  --checkbox-disabled-unchecked-check-color: transparent;
  --checkbox-disabled-checked-check-color: rgba(128, 128, 128, 0.15);
  --checkbox-disabled-background-color: rgba(128, 128, 128, 0.1);
  --checkbox-disabled-border-color: rgba(128, 128, 128, 0.15);
  --checkbox-check-color: var(--checkbox-unchecked-check-color);
  --checkbox-background-color: var(--checkbox-unchecked-background-color);
  --checkbox-border-color: var(--checkbox-unchecked-border-color);
  --checkbox-label-transition: color 0.2s, background-color 0.2s;
  --checkbox-input-transition: color 0.5s, background-color 0.5s;
  position: relative;
  align-items: center;
}
.b-checkbox.b-field-container > .b-field-inner {
  min-height: 5.4ex;
}
.b-checkbox > .b-field-inner {
  border: none;
  background-color: transparent;
  white-space: nowrap;
  word-break: break-all;
}
.b-checkbox > .b-field-inner .b-checkbox-label {
  position: relative;
  font-size: inherit;
  cursor: pointer;
  color: #2E3538;
  white-space: normal;
}
.b-container .b-checkbox > .b-field-inner .b-checkbox-label {
  color: #2E3538;
}
.b-checkbox > .b-field-inner .b-checkbox-label:before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-inline-end: 0.4em;
  font-size: inherit;
  width: 1.6em;
  height: 1.6em;
  padding: 0.15em;
  border-radius: 3px;
  transition: var(--checkbox-label-transition);
  background-color: transparent;
  border: 2px solid var(--G-2, #DEDEDE);
  transition: color 150ms ease-out , background-color 150ms ease-out , border-color 150ms ease-out;
}
.b-checkbox > .b-field-inner .b-checkbox-label:not(.b-radio-label):before {
  content: "\f00c";
  color: var(--checkbox-check-color);
}
.b-checkbox > .b-field-inner input[type=checkbox] {
  z-index: 1;
  opacity: 0;
  width: 2.2em;
  height: 2.2em;
  position: absolute;
  margin: 0;
  cursor: pointer;
  transition: var(--checkbox-input-transition);
}
.b-checkbox > .b-field-inner input[type=checkbox]:checked + .b-checkbox-label:before {
  color: var(--G-0, #FFFFFF);
  border-color: var(--solution-primary-color);
  background-color: var(--solution-primary-color);
  transition: color 200ms ease-in , background-color 200ms ease-in , border-color 200ms ease-in;
}
.b-checkbox:not(.b-disabled):hover .b-checkbox-label:before {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.b-checkbox.b-disabled > .b-field-inner {
  --checkbox-check-color: var(--checkbox-disabled-unchecked-check-color);
  --checkbox-background-color: var(--checkbox-disabled-background-color);
  --checkbox-border-color: var(--checkbox-disabled-border-color);
}
.b-checkbox.b-disabled > .b-field-inner .b-checkbox-label {
  color: #B2B2B3;
}
.b-checkbox.b-disabled > .b-field-inner input[type=checkbox]:checked + .b-checkbox-label:before {
  --checkbox-check-color: var(--checkbox-disabled-checked-check-color);
  --checkbox-background-color: var(--checkbox-disabled-background-color);
  --checkbox-border-color: var(--checkbox-disabled-border-color);
}
.b-container .b-checkbox-label:before {
  margin: 0.675em;
  margin-inline-end: 0.4em;
  margin-inline-start: 0;
  margin-top: 0.5em;
}
.b-checkbox.b-field-container:not(.b-field-container-inline) > .b-field-container-wrap {
  margin-inline-start: 2.2em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-colorbox {
  width: 1em;
  height: 1em;
  border-radius: 3px;
  background: currentColor;
  margin-inline-end: 0.5em;
}
.b-colorfield:not(.b-colorless) .b-colorbox,
.b-colorboxcombo:not(.b-colorless) .b-colorbox {
  margin-inline: 0.8em 0.4em;
}
.b-colorfield:not(.b-colorless) .b-colorbox.b-no-color,
.b-colorboxcombo:not(.b-colorless) .b-colorbox.b-no-color {
  background: none;
  border: 1px solid rgba(119, 119, 119, 0.5);
}
.b-colorfield:not(.b-colorless) input,
.b-colorboxcombo:not(.b-colorless) input {
  padding-inline-start: 0;
}
.b-colorfield.b-colorless .b-colorbox,
.b-colorboxcombo.b-colorless .b-colorbox {
  display: none;
}
.b-colorfield.b-empty,
.b-colorboxcombo.b-empty {
  color: #ccc;
}
.b-colorfield.b-empty ::-webkit-input-placeholder,
.b-colorboxcombo.b-empty ::-webkit-input-placeholder {
  color: #262626;
}
.b-colorfield.b-empty .b-colorbox,
.b-colorboxcombo.b-empty .b-colorbox {
  background: none;
  border: 1px solid currentColor;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-colorpicker.b-list.b-widget {
  display: grid;
  grid-gap: 0.8em;
  padding: 1em;
}
.b-colorpicker.b-list.b-widget .b-list-item {
  border: none;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  padding: 0;
  min-width: 0;
  justify-content: center;
}
.b-colorpicker.b-list.b-widget .b-list-item.b-no-color {
  border: 1px solid rgba(119, 119, 119, 0.5);
}
.b-colorpicker.b-list.b-widget .b-list-item.b-no-color.b-selected:after {
  color: #999;
}
.b-colorpicker.b-list.b-widget .b-list-item.b-no-color:before {
  content: "";
  border-right: 1px solid rgba(119, 119, 119, 0.5);
  height: 100%;
  transform: rotate(135deg);
  position: absolute;
}
.b-colorpicker.b-list.b-widget .b-list-item.b-color-active {
  outline: 2px solid #999;
  outline-offset: 2px;
}
.b-colorpicker.b-list.b-widget .b-list-item.b-selected:after {
  content: "\f00c";
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  color: #fff;
  text-shadow: 0 0 1px #000;
  font-size: 1.2em;
}
.b-popup .b-colorpicker {
  background: transparent;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-combo.b-open .b-fieldtrigger.b-icon-picker:before {
  transform: rotate(180deg);
}
.b-combo.b-inline-picker:not(.b-label-above) {
  flex-wrap: wrap;
  align-content: flex-start;
}
.b-combo.b-inline-picker:not(.b-label-above) .b-field-inner {
  flex-shrink: 0;
  align-self: flex-start;
}
.b-combo.b-inline-picker:not(.b-label-above) .b-combo-picker {
  flex: 1 0 100%;
}
.b-combo .b-field-inner .b-fieldtrigger.b-icon-remove {
  font-size: 0.8em;
}
.b-combo.b-hide-trigger .b-fieldtrigger.b-icon-picker, .b-combo.b-readonly .b-fieldtrigger.b-icon-picker {
  display: none;
}
.b-combo.b-uses-chipview .b-field-inner {
  align-self: stretch;
}
.b-combo.b-uses-chipview .b-chipview {
  align-self: stretch;
  display: flex;
  flex-flow: wrap;
  flex: 1 1 auto;
  align-items: center;
  margin: 0.16em 0.3em;
}
.b-combo.b-uses-chipview .b-chipview:not(.b-empty) input {
  padding-inline-start: 0.2em;
  order: 99999;
}
.b-combo.b-uses-chipview.b-not-editable input {
  order: -1;
  min-width: 0;
  padding-inline: 0;
  flex: 0 1 0;
  margin-inline-start: -0.3em;
}
.b-combo.b-uses-chipview.b-not-editable:not(.b-empty) .b-chipview .b-chip {
  padding-block: calc(0.3em + 0.5px);
  padding-inline: 0.7em;
}
.b-combo.b-uses-chipview.b-not-editable:not(.b-empty) input {
  padding-inline: 0;
}
.b-list.b-combo-picker.b-empty:not(.b-masked)[data-add-new-value]::after {
  content: attr(data-add-new-value);
  display: block;
  padding: 0.8em;
  color: var(--typo-primary, #2E3538);
  cursor: pointer;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-fieldfilterpicker .b-fieldfilterpicker-inputs {
  flex-wrap: wrap;
  gap: 0.25em 0.5em;
}
.b-fieldfilterpicker .b-fieldfilterpicker-property,
.b-fieldfilterpicker .b-fieldfilterpicker-operator,
.b-fieldfilterpicker .b-fieldfilterpicker-values {
  flex: 1 0 8em;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values-number {
  flex: 1 0 3em;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values-duration {
  flex: 1 0 6em;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values {
  overflow: hidden;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values.b-hidden {
  display: none;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values-multiple {
  flex: 0 0 100%;
}
.b-fieldfilterpicker .b-fieldfilterpicker-combo-locked > .b-field-inner {
  border: none;
  background: none;
}
.b-fieldfilterpicker .b-fieldfilterpicker-combo-locked > .b-field-inner input {
  padding-inline-start: 0;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values {
  display: flex;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values-multiple {
  width: 100%;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values > .b-field {
  flex: 1;
  margin-block-end: 0;
  align-self: baseline;
}
.b-fieldfilterpicker .b-fieldfilterpicker-value-separator {
  flex: none;
  padding: 0 0.4em;
  align-self: center;
}
.b-fieldfilterpicker .b-fieldfilterpicker-values > .b-field:last-child::after {
  display: none;
}
.b-fieldfilterpickergroup .b-checkbox[data-ref=enableAllCheckbox] .b-checkbox-label::before {
  margin-inline-end: 0.5em;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-row {
  padding-top: 2.2em;
  position: relative;
  flex-shrink: 0;
  align-items: baseline;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-row:first-child {
  padding-top: 0;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-row:first-child::before {
  display: none;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-row::before {
  content: attr(data-separator-text);
  font-size: 85%;
  position: absolute;
  text-align: center;
  line-height: 2.2em;
  width: 100%;
  height: 2.2em;
  top: 0;
  background-image: linear-gradient(to right, #e0e0e7, #e0e0e7 44%, transparent 46%, transparent 54%, #e0e0e7 56%);
  background-position: 0 50%;
  background-size: 100% 1px;
  background-repeat: no-repeat;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-row:not(.b-fieldfilterpickergroup-row-removable) {
  padding-inline-end: 2.25em;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-filter-active {
  flex: 0 0 2rem;
  align-self: flex-start;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-filter-active.b-slidetoggle {
  flex-basis: 2.5rem;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-other-filters {
  padding: 0.5em 0;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-add-button {
  align-self: center;
  margin-top: 1.1em;
}
.b-fieldfilterpickergroup .b-fieldfilterpickergroup-remove {
  inline-size: 2em;
  margin-inline-start: 0.25em;
}
.b-filepicker {
  overflow: visible;
}
.b-filepicker.b-content-element {
  align-content: stretch;
}
.b-displayfield {
  color: inherit;
}
.b-displayfield .b-field-inner {
  border: 0;
  background: transparent;
}
.b-displayfield .b-field-inner span {
  padding: 0.8em;
}
.b-pickerfield.b-open .b-field-inner {
  border-color: var(--solution-primary-color);
}
.b-pickerfield:not(.b-readonly):not(.b-disabled) input[readonly] {
  cursor: pointer;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-datefield.b-open .b-fieldtrigger {
  color: var(--solution-primary-color) !important;
}
.b-datefield.b-no-steppers .b-step-trigger {
  display: none;
}
.b-datefield.b-rtl .b-step-trigger::before {
  transform: scaleX(-1);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-datetimefield {
  align-items: center;
  position: relative;
}
.b-datetimefield input {
  text-align: center;
}
.b-datetimefield .b-field-inner {
  height: 100%;
}
.b-datetimefield .b-datefield {
  flex: 1 1 55%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.b-datetimefield .b-datefield .b-field-inner {
  border: none;
  border-inline-end: 1px solid rgba(160, 160, 160, 0.5);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.b-datetimefield .b-timefield {
  flex: 1 1 45%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.b-datetimefield .b-timefield .b-field-inner {
  border: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.b-datetimefield:not(.b-disabled):hover .b-field-inner, .b-datetimefield:focus-within .b-field-inner {
  border-color: var(--solution-secondary-color);
}
.b-datetimefield:not(.b-disabled):hover .b-datefield .b-field-inner, .b-datetimefield:focus-within .b-datefield .b-field-inner {
  border-inline-end: 1px solid rgba(160, 160, 160, 0.5);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-label {
  align-items: center;
  color: #2E3538;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.b-container .b-label {
  color: #2E3538;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-list {
  display: block;
  background-color: white;
  outline: none;
  padding: 0;
  margin: 0;
  -webkit-user-select: none;
  user-select: none;
}
.b-list.b-floating {
  border-radius: 5px;
}
.b-list.b-empty:not(.b-masked) {
  min-height: initial !important;
}
.b-list.b-empty:not(.b-masked)[data-empty-text]::after {
  content: attr(data-empty-text);
  display: block;
  padding: 0.8em;
  color: var(--typo-primary, #2E3538);
}
.b-list.b-masked {
  padding: 2em 0;
}
.b-list .b-selected-icon {
  margin-inline-end: 0.5em;
  display: none;
}
.b-list .b-select-all-item {
  border-bottom: 1px solid;
  font-weight: 500;
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
}
.b-list.b-multiselect .b-list-item .b-selected-icon {
  display: initial;
  visibility: hidden;
}
.b-list.b-multiselect .b-list-item.b-selected .b-selected-icon {
  visibility: visible;
}
.b-list-item {
  position: relative;
  min-height: 28px;
  padding: 0 10px;
  color: var(--typo-primary, #2E3538);
  cursor: pointer;
  background-color: transparent;
  transition: background-color 0.2s, color 0.2s;
  min-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.b-list-item.b-hidden {
  display: none;
}
.b-list-item:first-child {
  border-top: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.b-list-item:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.b-list-item.b-active, .b-list-item:focus {
  outline: none;
}
.b-list-item.b-active:not(.b-disabled), .b-list-item:focus:not(.b-disabled) {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.b-list-item.b-list-item-group-header {
  font-weight: 500;
}
.b-list-item.b-list-item-group-header .b-icon-check {
  display: none;
}
.b-list-item.b-list-item-group-header .b-list-expander-icon {
  margin-inline-start: auto;
  margin-inline-end: 0;
}
.b-grouped .b-list-item:not(.b-list-item-group-header) {
  padding-inline-start: 2em !important;
}
.b-chip {
  display: flex;
  align-items: center;
  padding-block: 0.3em;
  padding-inline: 0.7em;
  border-radius: 1em;
  background-color: #FAFAFA;
  color: #333333;
  transition: background-color 0.3s, color 0.3s;
}
.b-chip .b-icon, .b-chip .b-icon-version, .b-chip .b-indicator.b-constraint-type-muststarton, .b-chip .b-indicator.b-constraint-type-mustfinishon, .b-chip .b-indicator.b-deadline-date {
  height: 1.5em;
  width: 1.5em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  color: #505057;
}
.b-chip .b-icon:first-child:not(.b-close-icon), .b-chip .b-icon-version:first-child:not(.b-close-icon), .b-chip .b-indicator.b-constraint-type-muststarton:first-child:not(.b-close-icon), .b-chip .b-indicator.b-constraint-type-mustfinishon:first-child:not(.b-close-icon), .b-chip .b-indicator.b-deadline-date:first-child:not(.b-close-icon) {
  margin-inline-end: 0.5em;
  margin-inline-start: -0.4em;
}
.b-chip:hover {
  background-color: #ededed;
  color: #262626;
}
.b-chip:hover .b-icon, .b-chip:hover .b-icon-version, .b-chip:hover .b-indicator.b-constraint-type-muststarton, .b-chip:hover .b-indicator.b-constraint-type-mustfinishon, .b-chip:hover .b-indicator.b-deadline-date {
  background-color: white;
  color: #505057;
}
.b-chip.b-selected {
  background-color: var(--solution-secondary-color);
  color: #fff;
}
.b-chip.b-selected .b-icon, .b-chip.b-selected .b-icon-version, .b-chip.b-selected .b-indicator.b-constraint-type-muststarton, .b-chip.b-selected .b-indicator.b-constraint-type-mustfinishon, .b-chip.b-selected .b-indicator.b-deadline-date {
  background-color: white;
  color: var(--solution-primary-color);
}
.b-chip.b-selected:hover {
  background-color: var(--solution-primary-color);
  color: #fff;
}
.b-chip.b-selected:hover .b-icon, .b-chip.b-selected:hover .b-icon-version, .b-chip.b-selected:hover .b-indicator.b-constraint-type-muststarton, .b-chip.b-selected:hover .b-indicator.b-constraint-type-mustfinishon, .b-chip.b-selected:hover .b-indicator.b-deadline-date {
  background-color: white;
  color: var(--solution-primary-color);
}
.b-chip.b-active {
  outline: 1px solid var(--solution-secondary-color);
  outline-offset: 2px;
}
.b-chip .b-close-icon {
  margin-inline-start: 0.5em;
  cursor: pointer;
}
.b-chipview {
  background-color: transparent;
  gap: 0.3em;
}
.b-chipview.b-empty::after {
  display: none;
}
.b-chipview input {
  padding-top: 0.6em;
  padding-bottom: calc(0.6em + 1px);
}
.b-chipview.b-chips-closable .b-chip {
  padding-inline-end: 0.3em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes maskOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-masked {
  position: relative;
}
.b-mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  background-color: transparent;
}
.b-mask:not(.b-prevent-transitions) {
  transition: opacity 1s;
}
.b-mask.b-visible {
  pointer-events: all;
  opacity: 1;
}
.b-mask.b-visible:not(.b-prevent-transitions):not(.b-delayed-show) {
  animation: maskOpacity 0.3s ease 0s 1;
}
.b-mask.b-hidden {
  pointer-events: none;
  opacity: 0;
}
.b-mask.b-hidden:not(.b-prevent-transitions) {
  animation: maskOpacity 0.2s ease 0s 1 reverse;
}
.b-mask.b-delayed-show {
  opacity: 0;
}
.b-mask.b-mask-bright, .b-mask.b-mask-bright-blur {
  background-color: rgba(255, 255, 255, 0.6980392157);
}
.b-mask.b-mask-dark, .b-mask.b-mask-dark-blur {
  background-color: rgba(0, 0, 0, 0.2980392157);
}
.b-mask-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  color: #fff;
  background-color: var(--solution-primary-color);
  border-radius: 5px;
}
.b-mask-text {
  padding: 1em;
  display: flex;
  align-items: center;
}
.b-mask-progress-bar {
  height: 3px;
  background-color: var(--solution-secondary-color);
}
.b-mask-icon {
  margin-inline-end: 0.5em;
}
.b-masked-dark-blur,
.b-masked-bright-blur {
  filter: blur(3px);
  transform: scale(1.01);
  transition: all 0.5s;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-panel.b-floating {
  border-radius: 5px;
}
.b-panel.b-floating > .b-panel-body-wrap,
.b-panel.b-floating > .b-panel-body-wrap > .b-panel-content {
  border-radius: inherit;
}
.b-panel.b-floating > .b-panel-header.b-dock-top, .b-panel.b-floating:not(.b-has-header) > .b-panel-body-wrap > .b-toolbar.b-dock-top {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.b-panel.b-floating > .b-panel-body-wrap > .b-toolbar.b-dock-bottom {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.b-panel.b-floating.b-panel-has-header > .b-panel-body-wrap > .b-panel-content, .b-panel.b-floating.b-panel-has-top-toolbar > .b-panel-body-wrap > .b-panel-content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.b-panel.b-floating.b-panel-has-bottom-toolbar > .b-panel-body-wrap > .b-panel-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.b-panel {
  --panel-background-color: #FFFFFF;
  padding: 0;
  color: #2E3538;
  z-index: 0;
}
.b-panel .b-panel-body-wrap {
  background-color: var(--panel-background-color);
  overflow: hidden;
}
.b-panel .b-auto-container-panel .b-toolbar.b-innermost.b-dock-top .b-toolbar-content {
  padding-bottom: 0;
}
.b-panel .b-auto-container-panel .b-toolbar.b-innermost.b-dock-right .b-toolbar-content {
  padding-left: 0;
}
.b-panel .b-auto-container-panel .b-toolbar.b-innermost.b-dock-bottom .b-toolbar-content {
  padding-top: 0;
}
.b-panel .b-auto-container-panel .b-toolbar.b-innermost.b-dock-left .b-toolbar-content {
  padding-right: 0;
}
.b-panel > .b-panel-overlay,
.b-panel > .b-panel-body-wrap {
  z-index: 0;
}
.b-panel > .b-panel-collapse-size-locker {
  position: absolute !important;
}
.b-panel:not(.b-panel-collapsible-overlay).b-collapsed > .b-panel-collapse-size-locker {
  clip: rect(0, 0, 0, 0);
}
.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-down:not(.b-panel-has-header) > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-bottom.b-panel-collapse-down > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-bottom.b-panel-collapse-up > .b-panel-collapse-size-locker {
  top: 0;
}
.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-up:not(.b-panel-has-header) > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-top.b-panel-collapse-up > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-top.b-panel-collapse-down > .b-panel-collapse-size-locker {
  bottom: 0;
}
.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-left:not(.b-panel-has-header) > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-left.b-panel-collapse-left > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-left.b-panel-collapse-right > .b-panel-collapse-size-locker {
  right: 0;
}
.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-right:not(.b-panel-has-header) > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-right.b-panel-collapse-left > .b-panel-collapse-size-locker, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-right.b-panel-collapse-right > .b-panel-collapse-size-locker {
  left: 0;
}
.b-panel.b-panel-collapsible-overlay:not(.b-collapsing,
.b-expanding,
.b-panel-overlay-revealed,
.b-panel-overlay-revealing) > .b-panel-overlay > .b-panel-overlay-header {
  display: none;
}
.b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealed > .b-panel-overlay {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  overflow: visible;
}
.b-panel.b-panel-collapsible-overlay > .b-panel-header {
  transition: transform 0.2s ease-in-out;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed > .b-panel-header > .b-collapsify-hide {
  display: none;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing > .b-panel-header, .b-panel.b-panel-collapsible-overlay.b-expanding > .b-panel-header {
  opacity: 0;
}
.b-panel.b-panel-collapsible-overlay:not(.b-collapsed, .b-collapsing) > .b-panel-overlay > .b-panel-overlay-header {
  display: none;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing, .b-panel.b-panel-collapsible-overlay.b-expanding, .b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealing, .b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealed {
  overflow: visible;
  z-index: 1;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing {
  overflow: visible;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing > .b-panel-header {
  z-index: -1;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-up > .b-panel-header {
  transform: translate(0, -100%);
}
.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-down > .b-panel-header {
  transform: translate(0, 100%);
}
.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-right > .b-panel-header {
  transform: translate(100%, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-left > .b-panel-header {
  transform: translate(-100%, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding) > .b-panel-collapse-size-locker {
  transition: transform 0.2s ease-in-out, clip-path 0.2s ease-in-out, top 0.2s ease-in-out, right 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-up > .b-panel-collapse-size-locker {
  transform: translate(0, -100%);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-up.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(0 0 -10px 0);
  transform: translate(0, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-down > .b-panel-collapse-size-locker {
  transform: translate(0, 100%);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-down.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(-10px 0 0 0);
  transform: translate(0, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-left > .b-panel-collapse-size-locker {
  transform: translate(-100%, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-left.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(0 -10px 0 0);
  transform: translate(0, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-right > .b-panel-collapse-size-locker {
  transform: translate(100%, 0);
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-right.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(0 0 0 -10px);
  transform: translate(0, 0);
}
.b-panel.b-panel-collapsible-overlay.b-expanding {
  flex: none !important;
  overflow: visible;
}
.b-panel.b-header-dock-right, .b-panel.b-header-dock-bottom {
  justify-content: flex-end;
}
.b-panel.b-collapsed:not(.b-expanding):not(.b-panel-overlay-revealed):not(.b-panel-overlay-revealing) {
  visibility: hidden;
  flex: 0 1 0px;
}
.b-panel.b-collapsed > .b-panel-collapse-revealer {
  visibility: visible;
  cursor: pointer;
}
.b-panel .b-panel-collapser-header {
  display: none;
}
.b-panel.b-collapse-unflex {
  flex-grow: unset !important;
  flex-basis: unset !important;
  flex-shrink: 0 !important;
}
.b-panel.b-collapsed .b-panel-collapser-header, .b-panel.b-collapsing .b-panel-collapser-header {
  display: flex;
}
.b-panel.b-collapsed.b-header-dock-top, .b-panel.b-collapsed.b-header-dock-bottom, .b-panel.b-collapsing.b-header-dock-top, .b-panel.b-collapsing.b-header-dock-bottom {
  min-height: auto !important;
}
.b-panel.b-collapsed.b-header-dock-top.b-panel-collapsible-overlay, .b-panel.b-collapsed.b-header-dock-bottom.b-panel-collapsible-overlay, .b-panel.b-collapsing.b-header-dock-top.b-panel-collapsible-overlay, .b-panel.b-collapsing.b-header-dock-bottom.b-panel-collapsible-overlay {
  height: unset !important;
}
.b-vbox > .b-panel.b-collapsed.b-header-dock-top, .b-vbox > .b-panel.b-collapsed.b-header-dock-bottom, .b-vbox > .b-panel.b-collapsing.b-header-dock-top, .b-vbox > .b-panel.b-collapsing.b-header-dock-bottom {
  flex: none !important;
}
.b-panel.b-collapsed.b-header-dock-right, .b-panel.b-collapsed.b-header-dock-left, .b-panel.b-collapsing.b-header-dock-right, .b-panel.b-collapsing.b-header-dock-left {
  min-width: auto !important;
}
.b-panel.b-collapsed.b-header-dock-right.b-panel-collapsible-overlay, .b-panel.b-collapsed.b-header-dock-left.b-panel-collapsible-overlay, .b-panel.b-collapsing.b-header-dock-right.b-panel-collapsible-overlay, .b-panel.b-collapsing.b-header-dock-left.b-panel-collapsible-overlay {
  width: unset !important;
}
.b-hbox > .b-panel.b-collapsed.b-header-dock-right, .b-hbox > .b-panel.b-collapsed.b-header-dock-left, .b-hbox > .b-panel.b-collapsing.b-header-dock-right, .b-hbox > .b-panel.b-collapsing.b-header-dock-left {
  flex: none !important;
}
.b-panel.b-collapsed:not(.b-expanding).b-header-dock-right, .b-panel.b-collapsed:not(.b-expanding).b-header-dock-left {
  width: unset !important;
  flex: unset !important;
}
.b-panel.b-header-dock-top .b-panel-content {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.b-panel.b-header-dock-right .b-panel-content {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.b-panel.b-header-dock-bottom .b-panel-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.b-panel.b-header-dock-left .b-panel-content {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.b-panel.b-panel-has-bottom-toolbar .b-panel-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.b-panel.b-floating > .b-dock-top {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.b-panel.b-floating > .b-dock-right {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.b-panel.b-floating > .b-dock-bottom {
  position: static;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.b-panel.b-floating > .b-dock-left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.b-panel-content {
  justify-content: space-between;
  overflow: hidden;
  padding: 1em;
}
.b-panel-content.b-auto-container.b-single-child > .b-container {
  flex: 1 1 auto;
}
.b-panel-content.b-fit-container {
  padding: 0;
}
.b-tabpanel .b-panel-content {
  background-color: transparent;
}
.b-panel-collapser {
  z-index: 0;
}
.b-panel-header {
  display: flex;
  background-color: var(--solution-primary-color);
  color: #FFFFFF;
  padding: 1em;
  flex: 0 0 auto;
  align-items: center;
  z-index: 1;
}
.b-panel-header.b-panel-ui-toolbar {
  background-color: #FFFFFF;
  color: #FFFFFF;
  padding: 0.5em;
}
.b-panel-header.b-panel-ui-toolbar .b-header-title {
  font-size: unset;
  font-weight: unset;
}
.b-panel-header.b-dock-right {
  flex-flow: column nowrap;
}
.b-panel-header.b-dock-left {
  flex-flow: column-reverse nowrap;
}
.b-panel-header.b-dock-left .b-header-title {
  transform: rotate(180deg);
}
.b-panel-header .b-header-title {
  flex: 1 1 auto;
  text-align: center;
  justify-content: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-panel-header .b-header-title:not(:last-child) {
  padding-inline-end: 1em;
}
.b-panel-header .b-header-title.b-align-start {
  text-align: start;
  justify-content: flex-start;
}
.b-panel-header .b-header-title.b-align-center {
  text-align: center;
  justify-content: center;
  padding-inline-end: 0;
}
.b-panel-header .b-header-title.b-align-end {
  text-align: end;
  justify-content: flex-end;
}
.b-panel-header .b-header-title.b-align-end:not(:last-child) {
  margin-inline-end: 1em;
}
.b-panel-has-tools .b-panel-collapser .b-panel-header .b-header-title {
  line-height: 1.8em;
}
.b-panel-header.b-dock-right .b-header-title, .b-panel-header.b-dock-left .b-header-title {
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
}
.b-panel-header.b-dock-right, .b-panel-header.b-dock-bottom {
  order: 100;
}
.b-button.b-tool,
.b-tool {
  cursor: pointer;
  color: #FFFFFF;
  height: 2em;
  width: 2em;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0 none;
  background-color: transparent;
  flex-shrink: 0;
  contain: paint;
}
.b-button.b-tool::-moz-focus-inner,
.b-tool::-moz-focus-inner {
  border: 0;
}
.b-button.b-tool:focus,
.b-tool:focus {
  outline: none;
}
.b-using-keyboard .b-button.b-tool:focus,
.b-using-keyboard .b-tool:focus {
  background-color: rgba(220, 220, 220, 0.5);
}
.b-button.b-tool.b-icon:before,
.b-tool.b-icon:before,
.b-tool.b-icon-version:before,
.b-tool.b-indicator.b-constraint-type-muststarton:before,
.b-tool.b-indicator.b-constraint-type-mustfinishon:before,
.b-tool.b-indicator.b-deadline-date:before {
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: inherit;
}
.b-button.b-tool:hover,
.b-tool:hover {
  opacity: 0.8;
}
.b-button.b-tool.b-disabled,
.b-tool.b-disabled {
  opacity: 0.4;
}
.b-button.b-tool.b-rotate-left:before,
.b-tool.b-rotate-left:before {
  transform: rotate(270deg);
}
.b-button.b-tool.b-rotate-right:before,
.b-tool.b-rotate-right:before {
  transform: rotate(90deg);
}
.b-button.b-tool i,
.b-tool i {
  display: flex;
}
.b-button.b-tool a,
.b-tool a {
  color: #FFFFFF;
}
.b-button.b-tool {
  min-height: 2em;
  min-width: 2em;
}
.b-collapsetool:not(.b-collapsing):before {
  transition: all 0.2s ease-in-out;
}
.b-collapsetool.b-rotate-left:before, .b-collapsetool.b-rotate-right:before {
  transform: rotate(0deg);
}
.b-collapsetool.b-collapsed:before {
  transform: rotate(180deg);
}
.b-panel-ui-toolbar.b-panel-collapse-right .b-collapsible-tr.b-dock-right .b-collapsetool {
  margin-block-start: 0.6em;
}
.b-panel-ui-toolbar.b-panel-collapse-right .b-collapsible-tr.b-dock-top .b-collapsetool {
  margin-inline-end: 0.7em;
}
.b-dock-top .b-header-title:not(:last-child),
.b-dock-bottom .b-header-title:not(:last-child) {
  padding-inline-end: 0.2em;
}
.b-dock-top .b-tool.b-align-start,
.b-dock-bottom .b-tool.b-align-start {
  margin-block: 0;
  margin-inline: 0 0.4em;
}
.b-dock-top .b-tool.b-align-end,
.b-dock-bottom .b-tool.b-align-end {
  margin-block: 0;
  margin-inline: 0.4em 0;
}
.b-dock-right .b-header-title:not(:last-child),
.b-dock-left .b-header-title:not(:last-child) {
  padding: 0.2em 0;
}
.b-dock-right .b-tool.b-align-start,
.b-dock-left .b-tool.b-align-start {
  margin-block-end: 0.4em;
}
.b-dock-right .b-tool.b-align-end,
.b-dock-left .b-tool.b-align-end {
  margin-block-start: 0.4em;
}
.b-calendarpanel {
  --min-row-height: 75;
  --min-column-width: 75;
  -webkit-user-select: none;
  user-select: none;
}
.b-calendarpanel.b-outer {
  display: inline-flex;
}
.b-calendarpanel .b-week-number-cell {
  display: none;
}
.b-calendarpanel.b-show-week-column .b-week-number-cell {
  display: flex;
  flex-direction: column;
}
.b-calendarpanel.b-hide-othermonth-cells .b-calendar-cell.b-other-month {
  visibility: hidden;
  pointer-events: none;
}
.b-calendarpanel.b-disable-othermonth-cells .b-calendar-cell.b-other-month {
  opacity: 0.7;
  pointer-events: none;
}
.b-calendarpanel.b-disable-othermonth-cells .b-calendar-cell.b-other-month.b-first-visible-cell .b-cal-event-wrap {
  pointer-events: all;
}
.b-calendarpanel .b-panel-body-wrap {
  background-color: #FFFFFF;
}
.b-calendarpanel .b-calendar-weekdays .b-calendar-day-header {
  flex: 1 0 0;
  text-align: center;
}
.b-calendarpanel .b-calendarpanel-content {
  align-items: stretch;
}
.b-calendarpanel .b-calendarpanel-content.b-hide-nonworking-days .b-calendar-day-header.b-nonworking-day,
.b-calendarpanel .b-calendarpanel-content.b-hide-nonworking-days .b-calendar-cell.b-nonworking-day {
  display: none;
}
.b-calendarpanel .b-calendar-row {
  display: flex;
}
.b-calendarpanel .b-calendar-cell {
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
}
.b-calendarpanel .b-calendar-days {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-around;
  overflow: hidden;
}
.b-calendarpanel .b-weeks-container {
  display: flex;
  flex-direction: column;
}
.b-calendarpanel .b-weeks-container.b-min-columnwidth.b-horizontal-overflow {
  align-items: flex-start;
}
.b-calendarpanel .b-weeks-container.b-min-columnwidth.b-horizontal-overflow .b-calendar-row {
  overflow: hidden;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-datepicker:focus {
  outline: 0;
}
.b-datepicker .b-datepicker-title {
  font-weight: bold;
  gap: 0;
  justify-content: center;
  margin: 0 !important;
  flex-wrap: nowrap;
}
.b-datepicker .b-field {
  background-color: transparent;
  border: 0 none;
  color: #FFFFFF;
  min-width: 0;
  display: inline-flex;
  flex: none !important;
  width: auto;
  margin-bottom: 0 !important;
  height: 100%;
  cursor: pointer;
}
.b-datepicker .b-field:not(.b-readonly):hover {
  opacity: 0.7;
}
.b-datepicker .b-field .b-field-inner {
  flex: none;
  border: 0 none;
  background-color: transparent;
  align-self: stretch;
  padding: 0;
  box-shadow: none;
  font-size: 14px;
}
.b-datepicker .b-field div[type=text] {
  outline: none;
}
.b-datepicker .b-toolbar.b-dock-top {
  background-color: var(--solution-primary-color);
  color: #FFFFFF;
  border-bottom: none;
  font-size: 1.2em;
}
.b-datepicker .b-toolbar.b-dock-top .b-toolbar-content {
  min-height: 0;
  padding: 0.5em 0.5ex !important;
  gap: 0.5ex;
  justify-content: space-around;
}
.b-datepicker .b-toolbar.b-dock-top .b-datepicker-title {
  flex: 1 1 auto;
}
.b-datepicker .b-toolbar.b-dock-top .b-icon, .b-datepicker .b-toolbar.b-dock-top .b-icon-version, .b-datepicker .b-toolbar.b-dock-top .b-indicator.b-constraint-type-muststarton, .b-datepicker .b-toolbar.b-dock-top .b-indicator.b-constraint-type-mustfinishon, .b-datepicker .b-toolbar.b-dock-top .b-indicator.b-deadline-date {
  color: #FFFFFF;
}
.b-datepicker .b-toolbar.b-dock-top .b-icon:before, .b-datepicker .b-toolbar.b-dock-top .b-icon-version:before, .b-datepicker .b-toolbar.b-dock-top .b-indicator.b-constraint-type-muststarton:before, .b-datepicker .b-toolbar.b-dock-top .b-indicator.b-constraint-type-mustfinishon:before, .b-datepicker .b-toolbar.b-dock-top .b-indicator.b-deadline-date:before {
  line-height: normal;
}
.b-datepicker .b-toolbar.b-dock-top .b-button.b-icon, .b-datepicker .b-toolbar.b-dock-top .b-button.b-icon-version, .b-datepicker .b-toolbar.b-dock-top .b-button.b-indicator.b-constraint-type-muststarton, .b-datepicker .b-toolbar.b-dock-top .b-button.b-indicator.b-constraint-type-mustfinishon, .b-datepicker .b-toolbar.b-dock-top .b-button.b-indicator.b-deadline-date {
  border: none;
  border-radius: 50%;
  min-width: 0;
  min-height: 0;
  width: 2em;
  height: 2em;
  font-size: 80%;
}
.b-datepicker .b-toolbar.b-dock-top .b-button.b-icon:hover, .b-datepicker .b-toolbar.b-dock-top .b-button.b-icon-version:hover, .b-datepicker .b-toolbar.b-dock-top .b-button.b-indicator.b-constraint-type-muststarton:hover, .b-datepicker .b-toolbar.b-dock-top .b-button.b-indicator.b-constraint-type-mustfinishon:hover, .b-datepicker .b-toolbar.b-dock-top .b-button.b-indicator.b-deadline-date:hover {
  opacity: 0.7;
}
.b-datepicker .b-toolbar.b-dock-top .b-button.b-icon:not(.b-contains-focus), .b-datepicker .b-toolbar.b-dock-top .b-button.b-icon-version:not(.b-contains-focus), .b-datepicker .b-toolbar.b-dock-top .b-button.b-indicator.b-constraint-type-muststarton:not(.b-contains-focus), .b-datepicker .b-toolbar.b-dock-top .b-button.b-indicator.b-constraint-type-mustfinishon:not(.b-contains-focus), .b-datepicker .b-toolbar.b-dock-top .b-button.b-indicator.b-deadline-date:not(.b-contains-focus) {
  background: transparent !important;
}
.b-datepicker .b-calendar-weekdays {
  background-color: transparent;
  font-size: 13px;
  color: var(--G-6, #868788);
}
.b-datepicker .b-calendar-weekdays .b-calendar-day-header {
  padding: 0.4em 0;
}
.b-datepicker.b-show-week-column .b-week-number-cell {
  line-height: 2.35em;
  width: 2.35em;
  margin: 2px 4px;
  text-align: center;
}
.b-datepicker .b-calendarpanel-content {
  padding: 10px 5px;
  justify-content: flex-start;
}
.b-datepicker .b-week-number-cell {
  color: #76c579;
}
.b-datepicker .b-calendar-cell {
  outline: 0 none;
  position: relative;
  flex: 1 0 2.35em;
  padding: 0 4px;
  margin: 2px 0;
  transition: background-color 0.2s, color 0.2s;
  align-items: center;
}
.b-datepicker .b-calendar-cell > .b-datepicker-cell-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 2.35em;
  width: 2.35em;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  font-size: 13px;
}
.b-datepicker .b-calendar-cell.b-today > .b-datepicker-cell-inner {
  border-color: var(--solution-primary-color);
  border-width: 1px;
}
.b-datepicker .b-calendar-cell.b-active-date:not(.b-selected-date) > .b-datepicker-cell-inner {
  border-color: var(--solution-primary-color);
}
.b-datepicker .b-calendar-cell.b-selected-date:not(.b-in-range) > .b-datepicker-cell-inner {
  border: 2px solid var(--G-0, #FFFFFF);
  background-color: var(--solution-primary-color);
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1215686275);
  font-weight: 600;
  color: var(--G-0, #FFFFFF);
}
.b-datepicker .b-calendar-cell.b-other-month > .b-datepicker-cell-inner {
  color: #bbb;
}
.b-datepicker .b-calendar-cell:not(.b-disabled-date, .b-selected-date) > .b-datepicker-cell-inner {
  cursor: pointer;
}
.b-datepicker .b-calendar-cell:not(.b-disabled-date, .b-selected-date) > .b-datepicker-cell-inner:hover {
  color: #2E3538;
  background-color: transparent;
  border-color: var(--solution-primary-color);
}
.b-datepicker .b-calendar-cell:not(.b-disabled-date, .b-selected-date) > .b-datepicker-cell-inner:hover.b-today {
  color: #2E3538;
  background-color: transparent;
  border-color: var(--solution-primary-color);
}
.b-datepicker .b-calendar-cell.b-out-of-range > .b-datepicker-cell-inner {
  color: #aaa;
}
.b-datepicker .b-calendar-cell.b-disabled-date > .b-datepicker-cell-inner {
  color: #aaa;
  opacity: 0.4;
}
.b-datepicker .b-calendar-cell.b-in-range {
  background-color: rgba(var(--solution-primary-color), 0.15);
  border-radius: 0 !important;
}
.b-datepicker .b-calendar-cell.b-in-range.b-first-visible-cell {
  clip-path: polygon(0 50%, 8px 0, 100% 0, 100% 100%, 8px 100%);
}
.b-datepicker .b-calendar-cell.b-in-range.b-last-visible-cell {
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
}
.b-datepicker .b-calendar-cell.b-range-start, .b-datepicker .b-calendar-cell.b-range-end {
  z-index: 0;
}
.b-datepicker .b-calendar-cell.b-range-start:before, .b-datepicker .b-calendar-cell.b-range-end:before {
  content: " ";
  background-color: rgba(var(--solution-primary-color), 0.15);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.b-datepicker .b-calendar-cell.b-range-start > .b-datepicker-cell-inner, .b-datepicker .b-calendar-cell.b-range-end > .b-datepicker-cell-inner {
  position: relative;
  background-color: #fff;
}
.b-datepicker .b-calendar-cell.b-range-start > .b-datepicker-cell-inner:after, .b-datepicker .b-calendar-cell.b-range-end > .b-datepicker-cell-inner:after {
  content: " ";
  background-color: rgba(var(--solution-primary-color), 0.15);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.b-datepicker .b-calendar-cell.b-range-start:before {
  left: 50%;
}
.b-datepicker .b-calendar-cell.b-range-end:before {
  right: 50%;
}
.b-datepicker.b-multiselect .b-calendar-cell {
  flex-grow: 1 !important;
  margin-inline: 0 !important;
}
.b-datepicker.b-rtl .b-icon::before, .b-datepicker.b-rtl .b-icon-version::before, .b-datepicker.b-rtl .b-indicator.b-constraint-type-muststarton::before, .b-datepicker.b-rtl .b-indicator.b-constraint-type-mustfinishon::before, .b-datepicker.b-rtl .b-indicator.b-deadline-date::before {
  transform: scaleX(-1);
}
.b-datepicker .b-yearpicker {
  width: 100%;
  height: 100%;
}
.b-datepicker .b-datepicker-yearbutton {
  margin-inline-start: 0.5ex;
  padding: 0;
  border: 0 none;
  color: inherit !important;
  min-height: unset;
  min-width: unset;
  background-color: unset;
  font-weight: 400;
  font-size: 14px;
}
.b-datepicker .b-datepicker-yearbutton:not(.b-disabled):not(.b-tab):hover {
  opacity: 0.7;
  background-color: unset;
}
.b-readonly-combo-list.b-empty {
  display: none;
}
.b-readonly-combo-list .b-list-item {
  min-width: auto;
}
.b-visible-scrollbar .b-readonly-combo-list .b-list-item {
  padding-inline-end: 2em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-fieldset.b-has-label {
  align-items: center;
}
.b-fieldset.b-has-label.b-label-before > .b-panel-body-wrap {
  flex: 1 1 100%;
}
.b-fieldset.b-has-label > label {
  flex-shrink: 0;
}
.b-fieldset-header {
  background-color: transparent;
  padding: 0.5em;
  color: #262626;
}
.b-fieldset-header .b-header-title {
  font-weight: 600;
}
fieldset.b-fieldset-content {
  border: none;
  background-color: transparent;
  margin-inline-start: 0;
  margin-inline-end: 0;
  overflow: unset;
  padding-block-end: 0;
}
.b-panel-has-header > .b-radiogroup-body-wrap > fieldset.b-fieldset-content {
  padding-block-start: 1em;
  padding-inline-start: 1em;
  padding-inline-end: 1em;
}
.b-fieldset:not(.b-panel-has-header) > .b-radiogroup-body-wrap > fieldset.b-fieldset-content {
  padding: 0;
}
fieldset.b-fieldset-content.b-inline > .b-field:not(:first-child) {
  margin-inline-start: 1em;
}
fieldset.b-fieldset-content > legend.b-fieldset-legend {
  position: absolute;
  top: -10000px;
  clip: rect(0, 0, 0, 0);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-popup {
  --panel-background-color: #FFFFFF;
  color: #2E3538;
}
.b-popup.b-text-popup {
  max-width: 350px;
}
.b-popup.b-positioned {
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.b-popup-content a {
  color: black;
}
.b-popup-header {
  background-color: var(--solution-primary-color);
  color: #FFFFFF;
}
.b-modal-mask {
  background-color: rgba(100, 100, 100, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: all;
  z-index: 11001;
}
.b-modal-mask.b-modal-transparent {
  background-color: transparent;
}
@media (max-width: 480px) {
  .b-popup {
    max-width: 100% !important;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-messagedialog.b-popup {
  min-width: 18em;
}
.b-messagedialog.b-popup .b-button {
  min-width: 9em;
}
.b-messagedialog.b-popup .b-messagedialog-header,
.b-messagedialog.b-popup .b-messagedialog-content {
  padding: 1em;
}
.b-messagedialog.b-popup .b-messagedialog-content.b-panel-content {
  border-radius: 0;
  min-height: 4em;
}
.b-messagedialog.b-popup .b-messagedialog-input,
.b-messagedialog.b-popup .b-messagedialog-okbutton,
.b-messagedialog.b-popup .b-messagedialog-cancelbutton {
  display: none;
}
.b-messagedialog.b-popup.b-messagedialog-prompt .b-messagedialog-okbutton,
.b-messagedialog.b-popup.b-messagedialog-prompt .b-messagedialog-cancelbutton, .b-messagedialog.b-popup.b-messagedialog-confirm .b-messagedialog-okbutton,
.b-messagedialog.b-popup.b-messagedialog-confirm .b-messagedialog-cancelbutton {
  display: initial;
}
.b-messagedialog.b-popup.b-messagedialog-prompt .b-messagedialog-input {
  display: initial;
  margin: 1em 0 0 0;
}
.b-messagedialog.b-popup.b-messagedialog-alert .b-messagedialog-okbutton {
  display: initial;
}
.b-messagedialog.b-popup .b-panel-body-wrap {
  background: #FFFFFF;
}
.b-messagedialog.b-popup .b-popup-content,
.b-messagedialog.b-popup .b-toolbar {
  background: transparent;
}
.b-messagedialog.b-popup .b-toolbar .b-toolbar-content {
  justify-content: flex-end;
}
.b-messagedialog.b-popup .b-toolbar .b-toolbar-content .b-button:not(:first-child) {
  margin-inline-start: 1em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-menu {
  outline: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 150px;
  min-height: 20px;
  padding: 5px;
  background-color: #FFFFFF;
  -webkit-user-select: none;
  user-select: none;
}
.b-menu .b-panel-content {
  background-color: #FFFFFF;
}
.b-menu.b-empty::after {
  content: attr(data-empty-text);
  display: block;
  padding: 0.8em;
  color: #6B6B6B;
}
.b-menu .b-icon:before, .b-menu .b-icon-version:before, .b-menu .b-indicator.b-constraint-type-muststarton:before, .b-menu .b-indicator.b-constraint-type-mustfinishon:before, .b-menu .b-indicator.b-deadline-date:before,
.b-menu .b-icon-fw:before {
  min-width: 1.3em;
}
.b-menu.b-menu-with-submenu .b-menuitem:not(.b-has-submenu) .b-menu-text {
  margin-inline-end: 2em;
}
.b-sub-menu .b-anchor:before {
  position: absolute;
  height: 2.7em;
  width: 11px;
  left: -2px;
  content: " ";
  margin-top: -0.8em;
}
.b-menu-content {
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
}
.b-menu-content > :not(.b-menuitem) {
  margin: 0.2em 0.6em;
  display: flex;
}
.b-menu-content > :not(.b-menuitem):first-child {
  margin-top: 0.4em;
}
.b-menu-content > :not(.b-menuitem):last-child {
  margin-bottom: 0.4em;
}
.b-menu-content > .b-button {
  justify-content: flex-start;
}
.b-menuitem {
  flex-shrink: 0;
  overflow: visible;
  display: flex;
  align-items: center;
  min-width: 7em;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 13px;
  color: #6B6B6B;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.b-menuitem:not(:first-of-type) {
  margin-top: 4px;
}
.b-menuitem.b-disabled {
  color: #B2B2B3;
  cursor: default;
}
.b-menuitem.b-disabled .b-menuitem-icon {
  color: #B2B2B3;
}
.b-menuitem.b-separator:not(.b-first-visible-child) {
  position: relative;
  margin-top: 8px;
}
.b-menuitem.b-separator:not(.b-first-visible-child):before {
  content: "";
  position: absolute;
  top: -6px;
  right: -10px;
  left: -10px;
  display: block;
  height: 1px;
  background-color: #F0F0F0;
}
.b-menuitem.b-contains-focus, .b-menuitem:focus {
  outline: none;
}
.b-menuitem.b-contains-focus:not(.b-disabled), .b-menuitem:focus:not(.b-disabled) {
  background-color: var(--G-1, #F3F3F4);
  color: #2E3538;
}
.b-menuitem:hover:not(.b-disabled) {
  background-color: var(--G-1, #F3F3F4);
  color: #2E3538;
}
.b-menuitem:hover:not(.b-disabled) i.b-menuitem-icon {
  color: #2E3538;
}
.b-menuitem span.b-menu-text {
  flex: 1 1 auto;
  white-space: nowrap;
  margin-inline-start: 0.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 5em;
}
.b-menuitem.b-has-submenu .b-icon-sub-menu {
  margin-right: -5px;
  margin-left: 15px;
  font-size: 12px;
}
.b-menuitem.b-rtl .b-icon-sub-menu::before {
  transform: scaleX(-1);
}
a.b-menuitem:hover .b-menu-text {
  text-decoration: underline;
}
.b-menu-with-icon .b-menuitem .b-menuitem-icon {
  flex-shrink: 0;
  width: 16px;
  margin-right: 13px;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
}
.b-menu-with-icon .b-menuitem:not(.b-disabled) .b-menuitem-icon {
  color: var(--solution-primary-color);
}
.b-menu-with-icon .b-menuitem:not(.b-disabled) .b-fa-trash {
  color: #FF5757;
}
.b-menu-with-icon span.b-menu-text {
  margin-inline-start: 1.75em;
}
.b-menu-with-icon .b-menuitem-icon ~ span.b-menu-text {
  margin-inline-start: 0;
}
.b-menu-with-icon .b-menuitem-icon {
  transition: color 200ms ease-in-out;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-radio {
  --radio-background-color: #fff;
  --radio-dot-color: var(----radio-background-color);
  --radio-border-color: rgb(var(--widget-primary-color-rgb));
  --radio-checked-dot-color: rgb(var(--widget-primary-color-rgb));
  --radio-disabled-color: #FAFAFA;
  /* forcing keyboard focus appearance */
  /* Overrides checkbox css */
}
.b-radio.b-disabled {
  --radio-border-color: var(--radio-disabled-color);
  --radio-checked-dot-color: var(--radio-disabled-color);
}
.b-radio input[type=radio]:checked {
  --radio-dot-color: var(--radio-checked-dot-color);
}
.b-radio input[type=radio] {
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--radio-border-color);
  border: 0.25em solid var(--radio-background-color);
  background-color: var(--radio-dot-color);
  height: 1.3em;
  width: 1.3em;
  min-width: 1.3em;
  /* Margin as large as border so not to be clipped by overflow hidden parent el */
  margin: 1px;
  z-index: 1;
  appearance: none;
  cursor: pointer;
}
.b-radio input[type=radio]:focus-visible {
  outline: 1px solid var(--solution-secondary-color);
  outline-offset: 0;
}
.b-radio > .b-field-inner label.b-radio-label {
  margin-inline-start: 0.4em;
}
.b-radio > .b-field-inner label.b-radio-label:before {
  content: none;
}
@media screen and (min-resolution: 120dpi) {
  .b-firefox .b-radio input {
    transform: rotate(1deg);
    margin: calc(1px + 0.5px);
  }
}
.b-ripple {
  display: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-slider {
  background-color: transparent;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.b-slider label {
  transition: color 0.2s;
}
.b-slider.b-rtl > [type=range] {
  direction: rtl;
}
.b-slider [type=range] {
  align-self: stretch;
  max-width: 100%;
  -webkit-appearance: none;
  margin: 10px 0;
  padding: 0;
  font-size: inherit;
  background-color: transparent;
}
.b-slider [type=range]:focus {
  outline: 0;
}
.b-slider [type=range]::-moz-focus-outer {
  border: 0;
}
.b-slider [type=range]::-ms-tooltip {
  display: none;
}
.b-slider [type=range]::-webkit-slider-runnable-track {
  cursor: pointer;
  height: 6px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: #E9E9E9;
  border: none;
  border-radius: 5px;
}
.b-slider [type=range]::-webkit-slider-thumb {
  background: var(--solution-primary-color);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  margin-top: -7px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.b-slider [type=range]::-moz-range-track {
  cursor: pointer;
  height: 6px;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: #E9E9E9;
  border: none;
  border-radius: 5px;
}
.b-slider [type=range]::-moz-range-thumb {
  background: var(--solution-primary-color);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.b-slider [type=range]::-ms-track {
  cursor: pointer;
  height: 6px;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: transparent;
  border-color: transparent;
  border-width: 10px 0;
  color: transparent;
}
.b-slider [type=range]::-ms-fill-lower, .b-slider [type=range]::-ms-fill-upper {
  background: #E9E9E9;
  border: none;
  border-radius: 10px;
}
.b-slider [type=range]::-ms-thumb {
  background: var(--solution-primary-color);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin-top: 0;
}
.b-slider.b-disabled [type=range]::-ms-thumb, .b-slider.b-disabled [type=range]::-ms-fill-lower, .b-slider.b-disabled [type=range]::-ms-fill-upper {
  background: gainsboro;
  cursor: default;
}
.b-slider.b-disabled [type=range]::-moz-range-thumb, .b-slider.b-disabled [type=range]::-moz-range-track {
  background: gainsboro;
  cursor: default;
}
.b-slider.b-disabled [type=range]::-webkit-slider-thumb, .b-slider.b-disabled [type=range]::-webkit-slider-runnable-track {
  background: gainsboro;
  cursor: default;
}
.b-grid-cell .b-slider {
  width: 100%;
}
.b-container .b-slider label {
  margin: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-slidetoggle {
  --widget-primary-color-rgb: 3,169,244;
  --slidetoggle-background-color: rgb(var(--widget-primary-color-rgb));
  --slidetoggle-toggle-background-opacity: 0.5;
  --slidetoggle-toggle-background-color: rgba(
    var(--widget-primary-color-rgb),
    var(--slidetoggle-toggle-background-opacity)
  );
  height: 3.25em;
}
.b-slidetoggle.b-disabled {
  --slidetoggle-toggle-background-color: #FAFAFA;
  --slidetoggle-background-color: #FAFAFA;
}
.b-slidetoggle .b-field-inner::before {
  width: 2.4em;
}
.b-slidetoggle input,
.b-slidetoggle .b-slidetoggle-toggle {
  width: 2.4em;
  height: 1.4em;
  font-size: inherit;
  flex-shrink: 0;
}
.b-slidetoggle input {
  top: -0.4em;
}
.b-slidetoggle input:checked + .b-slidetoggle-toggle {
  opacity: 1;
  background-color: var(--slidetoggle-background-color);
}
.b-slidetoggle input:checked + .b-slidetoggle-toggle .b-slidetoggle-thumb {
  background-color: #fff;
  transform: translate(1.2em, 0.2em);
}
.b-slidetoggle .b-slidetoggle-toggle {
  transition: background-color 0.2s, opacity 0.2s;
  opacity: 0.7;
  border-radius: 0.7em;
  margin-inline-end: 0.4em;
  background-color: rgba(233, 233, 233, 0.6);
}
.b-slidetoggle:hover .b-slidetoggle-toggle {
  opacity: 1;
}
.b-slidetoggle .b-slidetoggle-thumb {
  height: 1em;
  width: 1em;
  background-color: white;
  border-radius: 0.5em;
  position: absolute;
  transform: translate(0.2em, 0.2em);
  transition: transform 0.3s ease;
}
.b-slidetoggle.b-rtl .b-slidetoggle-thumb {
  transform: translate(-0.2em, 0.2em);
}
.b-slidetoggle.b-rtl input:checked + .b-slidetoggle-toggle .b-slidetoggle-thumb {
  transform: translate(-1.2em, 0.2em);
}
.b-slidetoggle-label {
  cursor: pointer;
}
.b-container .b-slidetoggle .b-slidetoggle-label {
  margin-inline-start: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-splitter {
  position: relative;
  flex: 0 0 5px;
  position: relative;
  touch-action: none;
}
@media (pointer: coarse) {
  .b-splitter {
    --splitter-inner-size: 5px;
  }
}
@media (pointer: fine) {
  .b-splitter {
    --splitter-inner-size: 0;
  }
}
.b-splitter::before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background-color: #C7C8C9;
}
.b-splitter.b-disabled {
  flex: 0 0 1px;
  pointer-events: none;
}
.b-splitter:not(.b-disabled) {
  overflow: visible;
}
.b-splitter::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.b-splitter:hover::after, .b-splitter.b-moving::after {
  background-color: #C7C8C9;
}
.b-splitter.b-horizontal {
  cursor: ns-resize;
  min-height: 5px;
}
.b-splitter.b-horizontal.b-disabled {
  min-height: 1px;
}
.b-splitter.b-horizontal::after {
  height: var(--splitter-inner-size);
  width: 100%;
}
.b-splitter.b-horizontal:hover::after, .b-splitter.b-horizontal.b-moving::after {
  top: calc((5px - 5px) / -2);
  height: 5px;
}
.b-splitter.b-vertical {
  cursor: ew-resize;
  min-width: 5px;
}
.b-splitter.b-vertical.b-disabled {
  min-width: 1px;
}
.b-splitter.b-vertical::after {
  width: var(--splitter-inner-size);
  height: 100%;
}
.b-splitter.b-vertical:hover::after, .b-splitter.b-vertical.b-moving::after {
  left: calc((5px - 5px) / -2);
  width: 5px;
}
.b-splitter:last-child, .b-splitter:first-child {
  visibility: hidden;
  flex: 0;
  min-width: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-timefield.b-open .b-icon-clock-live {
  background-color: var(--solution-primary-color) !important;
}
.b-timefield.b-empty .b-fieldtrigger {
  animation-delay: -300s;
}
.b-timefield.b-disabled .b-icon-clock-live, .b-timefield.b-readonly .b-icon-clock-live {
  background-color: rgba(170, 170, 170, 0.5);
}
.b-timefield:not(.b-disabled):not(.b-readonly) .b-icon-angle-left:hover,
.b-timefield:not(.b-disabled):not(.b-readonly) .b-icon-angle-right:hover {
  color: var(--solution-primary-color);
}
.b-timefield.b-no-steppers .b-step-trigger {
  display: none;
}
.b-timefield .b-step-trigger::before {
  transition: color 0.3s;
}
.b-timefield.b-rtl .b-step-trigger::before {
  transform: scaleX(-1);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-timepicker .b-panel-content {
  background-color: #FFFFFF;
  align-items: stretch;
  padding: 0.5em;
  gap: 0.5em;
}
.b-timepicker .b-panel-content .b-widget {
  margin: 0;
  flex: 0 0 auto;
  width: auto;
}
.b-timepicker .b-panel-content .b-numberfield.b-has-label {
  margin-top: 0;
}
.b-timepicker .b-panel-content .b-numberfield > .b-label {
  clip-path: polygon(0 0);
  position: absolute;
  contain: strict;
}
.b-timepicker .b-panel-content .b-numberfield:not(.b-first-visible-child)::before {
  content: ":";
  align-self: center;
  margin-inline-end: 0.5em;
  font-weight: bold;
}
.b-timepicker .b-panel-content .b-numberfield input {
  width: 2.8em;
}
.b-timepicker .b-panel-content .b-button {
  flex: 0 0 3em;
  padding: 0;
}
.b-timepicker .b-panel-content .b-button label {
  text-overflow: clip;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes progress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.b-toast {
  --widget-primary-color-rgb: 255,255,255;
  --toast-background-color: rgb(var(--widget-primary-color-rgb));
  --toast-color: #fff;
  --toast-progress-background-color: var(--solution-primary-color);
  background-color: var(--toast-background-color);
  color: var(--toast-color);
}
.b-float-root > .b-floating.b-toast {
  display: inline-block;
  overflow-x: hidden;
  overflow-y: auto;
  top: auto;
  inset-inline-end: 2em;
  inset-inline-start: auto;
  max-width: 60%;
  max-height: 60%;
  line-height: 1.4em;
  transition: bottom 0.25s ease-in, transform 0.25s ease-in;
  padding: 1em;
  border-radius: 5px;
  cursor: pointer;
}
.b-legacy-inset .b-float-root > .b-floating.b-toast {
  left: auto;
  right: 2em;
}
.b-legacy-inset .b-float-root > .b-floating.b-toast.b-rtl {
  left: 2em;
  right: auto;
}
.b-float-root > .b-floating.b-toast.b-toast-hide {
  bottom: 0 !important;
  transform: translateY(100%) !important;
}
.b-float-root > .b-floating.b-toast.b-icon:before, .b-float-root > .b-floating.b-toast.b-icon-version:before, .b-float-root > .b-floating.b-toast.b-indicator.b-constraint-type-muststarton:before, .b-float-root > .b-floating.b-toast.b-indicator.b-constraint-type-mustfinishon:before, .b-float-root > .b-floating.b-toast.b-indicator.b-deadline-date:before {
  margin-inline-end: 0.5em;
}
.b-toast-progress {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 3px;
  background: var(--toast-progress-background-color);
  animation-name: progress;
  animation-timing-function: linear;
}
.b-legacy-inset .b-toast-progress {
  left: 0;
}
.b-legacy-inset .b-toast-progress.b-rtl {
  right: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-tooltip {
  --panel-background-color: #2d2d2d;
}
.b-tooltip:not(.b-allow-over) {
  -webkit-user-select: none;
  user-select: none;
}
.b-tooltip .b-tooltip-loading .b-icon, .b-tooltip .b-tooltip-loading .b-icon-version, .b-tooltip .b-tooltip-loading .b-indicator.b-constraint-type-muststarton, .b-tooltip .b-tooltip-loading .b-indicator.b-constraint-type-mustfinishon, .b-tooltip .b-tooltip-loading .b-indicator.b-deadline-date {
  display: inline-block;
  margin-inline-end: 0.5em;
}
.b-tooltip-content {
  background: inherit;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 18px;
  padding: 1em;
}
.b-tooltip-content a {
  color: #FFFFFF;
}
.b-tooltip--white {
  --panel-background-color: #FFFFFF;
  color: #2E3538;
}
.b-tooltip--white .b-tooltip-content {
  color: #2E3538;
}
.b-tooltip--white .b-pointer-el path {
  fill: #FFFFFF;
}
.b-textareafield textarea,
.b-textareapickerfield textarea {
  padding: 0.8em;
  align-self: stretch;
}
.b-textareapickerfield-picker {
  display: flex;
  flex: 1;
  min-height: 10em;
}
.b-textareapickerfield-picker:focus {
  outline: none;
  border-color: var(--solution-secondary-color);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-tabpanel-tabs {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  margin-bottom: 15px;
  background-color: transparent;
}
.b-toolbar .b-tabpanel-tabs {
  gap: 20px;
}
.b-tabpanel-tab {
  position: relative;
  display: flex;
  padding: 0.6em 1em;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  background-color: transparent;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: var(--typo-primary, #2E3538);
}
.b-tabpanel-tab:before {
  content: " ";
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background-color: var(--solution-primary-color);
}
.b-tabpanel-tab.b-rotate-vertical {
  min-width: auto;
  min-height: 3em;
}
.b-tabpanel-tab:not(.b-rotate-vertical) {
  min-height: 40px;
  min-width: 3em;
}
.b-tabpanel-tab.b-active {
  font-weight: 600;
  color: var(--solution-primary-color);
  z-index: 1;
}
.b-tabpanel-tab.b-active:before {
  opacity: 1;
}
.b-dock-left > .b-tabpanel-tabs > .b-tabpanel-tab {
  border-width: 0 0 0 0;
}
.b-dock-right > .b-tabpanel-tabs > .b-tabpanel-tab {
  border-width: 0 0 0 0;
}
.b-dock-bottom > .b-tabpanel-tabs > .b-tabpanel-tab {
  border-width: 0 0 0 0;
}
.b-tabpanel-tab.b-hidden {
  display: none !important;
}
.b-tabpanel-tab.b-disabled {
  background-color: transparent;
  color: rgba(46, 53, 56, 0.3);
  border-color: rgba(0, 0, 0, 0);
}
.b-tabpanel-tab:focus {
  outline: none;
}
.b-tabpanel-tab:hover:not(.b-active):not(.b-disabled), .b-tabpanel-tab:focus:not(.b-active):not(.b-disabled) {
  color: var(--solution-hover-color);
}
.b-tabpanel-body.b-card-container {
  background-color: transparent;
  flex: 1 0 auto;
}
.b-tabpanel[data-active-index="0"] .b-tabpanel-body {
  border-top-left-radius: 0;
}
.b-tabpanel .b-html {
  color: #fff;
}
.b-toolbar.b-tabbar {
  background-color: var(--panel-background-color);
}
.b-toolbar.b-tabbar > .b-tabpanel-tabs {
  min-height: auto;
  padding: 0;
}
.b-tabbar.b-dock-top .b-tabpanel-tabs > .b-widget:not(.b-last-visible-child), .b-tabbar.b-dock-bottom .b-tabpanel-tabs > .b-widget:not(.b-last-visible-child), .b-tabbar.b-dock-left .b-tabpanel-tabs > .b-widget:not(.b-last-visible-child), .b-tabbar.b-dock-right .b-tabpanel-tabs > .b-widget:not(.b-last-visible-child) {
  margin-inline-end: 0;
  margin-bottom: 0;
}
.b-toolbar.b-undoredo {
  padding: 0;
  gap: 0;
}
.b-toolbar.b-undoredo > * {
  border-radius: 0;
}
.b-buttongroup .b-toolbar.b-undoredo:not(:first-child) > button:first-child {
  margin-inline-start: -1px;
}
.b-buttongroup .b-toolbar.b-undoredo > .b-widget {
  margin-inline-end: 0;
}
.b-toolbar.b-undoredo .b-widget.b-combo {
  flex: 1 1 250px;
  margin: 0 0.5em;
}
.b-theme-material .b-toolbar.b-undoredo .b-widget.b-combo .b-field-inner {
  padding-inline: 0.7em;
}
.b-yearpicker {
  width: max-content;
}
.b-yearpicker .b-toolbar.b-dock-top {
  background-color: var(--solution-primary-color);
  color: #FFFFFF;
  border-bottom: none;
  min-height: 0;
  font-size: 1.2em;
}
.b-yearpicker .b-toolbar.b-dock-top .b-toolbar-content {
  padding: 0.5em 0.5ex !important;
  gap: 0.5ex;
}
.b-yearpicker .b-toolbar.b-dock-top .b-icon:before, .b-yearpicker .b-toolbar.b-dock-top .b-icon-version:before, .b-yearpicker .b-toolbar.b-dock-top .b-indicator.b-constraint-type-muststarton:before, .b-yearpicker .b-toolbar.b-dock-top .b-indicator.b-constraint-type-mustfinishon:before, .b-yearpicker .b-toolbar.b-dock-top .b-indicator.b-deadline-date:before {
  line-height: normal;
}
.b-yearpicker .b-toolbar.b-dock-top button {
  border: none;
  min-height: 0;
}
.b-yearpicker .b-toolbar.b-dock-top .b-tool {
  font-size: 80%;
}
.b-yearpicker .b-toolbar.b-dock-top .b-tool:hover {
  opacity: 0.7;
}
.b-yearpicker .b-toolbar.b-dock-top .b-tool:not(.b-contains-focus) {
  background: transparent !important;
}
.b-yearpicker .b-toolbar.b-dock-top .b-yearpicker-title {
  margin-inline: auto;
  color: inherit;
  font-weight: 400;
  background-color: unset;
}
.b-yearpicker .b-toolbar.b-dock-top .b-yearpicker-title[data-item-index="0"] {
  margin-inline: 0.5em auto !important;
}
.b-yearpicker .b-toolbar.b-dock-top .b-yearpicker-title:not(.b-disabled):not(.b-tab):hover {
  opacity: 0.7;
  background-color: unset;
}
.b-yearpicker .b-yearpicker-body-wrap {
  background-color: #FFFFFF;
}
.b-yearpicker .b-yearpicker-content {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(4, 1fr);
  padding: 1em;
  gap: 1em;
}
.b-yearpicker .b-yearpicker-content button.b-yearpicker-year {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 1em;
  height: 2em;
  background: transparent;
  font-size: 1em;
  cursor: pointer;
  color: #2E3538;
  font-family: inherit;
  font-weight: 400;
  padding-inline: 0;
}
.b-yearpicker .b-yearpicker-content button.b-yearpicker-year:hover {
  color: var(--G-0, #FFFFFF);
  background-color: var(--solution-primary-color);
  border-color: transparent;
}
.b-yearpicker .b-yearpicker-content button.b-yearpicker-year.b-selected {
  color: #fff;
  background-color: var(--solution-primary-color);
  border-color: #F3F3F4;
}
.b-yearpicker.b-outer, .b-yearpicker.b-floating {
  min-width: 20.4em;
  min-height: 18.2em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-histogram {
  background-color: #fff;
  padding: 1px;
  contain: strict;
}
.b-histogram svg * {
  vector-effect: non-scaling-stroke;
}
.b-histogram rect {
  fill: #4caf50;
  transition-property: x, y, width, height, fill;
  transition-duration: 1000ms;
}
.b-histogram rect.b-series-index-0 {
  fill: #4caf50;
}
.b-histogram rect.b-series-index-1 {
  fill: #03a9f4;
}
.b-histogram rect.b-series-index-2 {
  fill: #3f51b5;
}
.b-histogram rect.b-series-index-3 {
  fill: #009688;
}
.b-histogram rect.b-series-index-4 {
  fill: #ff9800;
}
.b-histogram rect.b-series-index-5 {
  fill: #cddc39;
}
.b-histogram rect.b-exceeds-top {
  fill: #f44336;
}
.b-histogram text.b-bar-legend {
  writing-mode: tb;
  text-anchor: end;
  font-size: 75%;
  pointer-events: none;
}
.b-histogram svg {
  overflow: visible;
}
.b-histogram path {
  fill: transparent;
  stroke: #f99;
  transition: d 1000ms;
  pointer-events: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-scale {
  contain: strict;
}
.b-scale svg * {
  vector-effect: non-scaling-stroke;
}
.b-scale.b-scale-vertical text.b-scale-tick-label {
  transform: translateY(0.3em);
}
.b-scale.b-scale-vertical.b-align-right {
  text-anchor: end;
}
.b-scale.b-scale-horizontal text.b-scale-tick-label {
  text-anchor: middle;
}
.b-scale path {
  stroke: #9c9c9c;
  pointer-events: none;
}
.b-scale text {
  fill: #808080;
}
.b-hbox,
.b-vbox {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
}
.b-hbox > .b-box-center,
.b-vbox > .b-box-center {
  flex: 1 1 auto;
  overflow: hidden;
}
.b-hbox {
  flex-flow: row nowrap;
}
.b-vbox {
  flex-flow: column nowrap;
}
.b-box-justify-stretch {
  justify-content: stretch;
}
.b-card-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.b-card-container.b-animating {
  overflow: hidden;
}
.b-card-container > .b-card-item {
  flex: 1 0 100%;
  align-items: stretch;
  max-width: 100%;
}
.b-card-container.b-hide-child-headers > .b-panel:not(.b-positioned) > .b-panel-header {
  display: none;
}
@keyframes b-card-slide-in-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes b-card-slide-out-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes b-card-slide-in-right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes b-card-slide-out-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.b-slide-in-left {
  animation: b-card-slide-in-left 0.3s ease 0s 1;
}
.b-slide-out-right {
  pointer-events: none;
  left: 1em;
  animation: b-card-slide-out-right 0.3s ease 0s 1;
}
.b-slide-in-right {
  animation: b-card-slide-in-right 0.3s ease 0s 1;
}
.b-slide-out-left {
  pointer-events: none;
  margin-inline-start: -1em;
  margin-inline-end: 1em;
  animation: b-card-slide-out-left 0.3s ease 0s 1;
}
.b-fit-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overflow: hidden;
  position: relative;
}
.b-fit-container > .b-fit-item {
  flex: 1 0 auto;
  margin: 0;
  max-width: 100%;
  align-self: stretch !important;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-resource-avatar {
  touch-action: pan-x pan-y;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  border-radius: 50%;
  flex-shrink: 0;
}
.b-resource-avatar.b-resource-icon:before {
  font-size: 1.5em;
}
.b-resource-initials {
  background: #03a9f4;
  color: #fff;
  text-transform: uppercase;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-color-indigo {
  background-color: #3f51b5;
}
.b-color-blue {
  background-color: #03a9f4;
}
.b-color-cyan {
  background-color: #3bc9db;
}
.b-color-red {
  background-color: #f44336;
}
.b-color-deep-orange {
  background-color: #ff5722;
}
.b-color-orange {
  background-color: #ff9800;
}
.b-color-amber {
  background-color: #ffc107;
}
.b-color-yellow {
  background-color: #ffeb3b;
}
.b-color-teal {
  background-color: #009688;
}
.b-color-green {
  background-color: #4caf50;
}
.b-color-light-green {
  background-color: #8bc34a;
}
.b-color-lime {
  background-color: #cddc39;
}
.b-color-purple {
  background-color: #9c27b0;
}
.b-color-violet {
  background-color: #9775fa;
}
.b-color-pink {
  background-color: #f783ac;
}
.b-color-dark-gray {
  background-color: #505057;
}
.b-color-gray {
  background-color: #E9E9E9;
}
.b-color-light-gray {
  background-color: #FAFAFA;
}
.b-color-white {
  background-color: #fff;
}
.b-indigo {
  --widget-primary-color-rgb: 63,81,181;
}
.b-blue {
  --widget-primary-color-rgb: 3,169,244;
}
.b-cyan {
  --widget-primary-color-rgb: 59,201,219;
}
.b-red {
  --widget-primary-color-rgb: 244,67,54;
}
.b-deep-orange {
  --widget-primary-color-rgb: 255,87,34;
}
.b-orange {
  --widget-primary-color-rgb: 255,152,0;
}
.b-amber {
  --widget-primary-color-rgb: 255,193,7;
}
.b-yellow {
  --widget-primary-color-rgb: 255,235,59;
}
.b-teal {
  --widget-primary-color-rgb: 0,150,136;
}
.b-green {
  --widget-primary-color-rgb: 76,175,80;
}
.b-light-green {
  --widget-primary-color-rgb: 139,195,74;
}
.b-lime {
  --widget-primary-color-rgb: 205,220,57;
}
.b-purple {
  --widget-primary-color-rgb: 156,39,176;
}
.b-violet {
  --widget-primary-color-rgb: 151,117,250;
}
.b-pink {
  --widget-primary-color-rgb: 247,131,172;
}
.b-dark-gray {
  --widget-primary-color-rgb: 80,80,87;
}
.b-gray {
  --widget-primary-color-rgb: 233,233,233;
}
.b-light-gray {
  --widget-primary-color-rgb: 250,250,250;
}
.b-white {
  --widget-primary-color-rgb: 255,255,255;
}
.b-icon-clock-live {
  background-color: rgba(119, 119, 119, 0.5);
  border-radius: 50%;
  width: 1em;
  height: 1em;
  position: relative;
  animation-delay: 0s;
}
.b-icon-clock-live:before, .b-icon-clock-live:after {
  position: absolute;
  display: block;
  font-size: 1em !important;
  content: "";
  width: 0.1em !important;
  left: 0.44em; /* half width of clock - half width of hand */
  background: #fff;
  border-radius: 0.5em;
}
.b-icon-clock-live:before {
  top: 0.15em;
  height: 0.4em !important; /* half the width/height of the clock */
  transform-origin: 0.05em 0.35em;
  animation: rotate 6s infinite linear;
  animation-play-state: paused;
  animation-delay: inherit;
}
.b-icon-clock-live:after {
  top: 0.22em;
  height: 0.33em; /* top + height for little hand must = top + height for big hand */
  transform-origin: 0.05em 0.3em;
  animation: rotate 72s infinite linear; /* time should be big-hand time * 12 */
  animation-play-state: paused;
  animation-delay: inherit;
}
/* Animations */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid.b-readonly.b-actioncolumn-readonly .b-action-cell {
  filter: grayscale(1);
  opacity: 0.2;
  pointer-events: none;
}
.b-action-cell {
  text-align: end;
}
.b-action-ct {
  display: flex;
  flex-flow: row nowrap;
}
.b-action-item {
  margin: 0 -0.2em;
  text-align: center;
  font-size: 1.2em;
  color: #4d4d4d;
}
.b-action-cell.b-grid-cell .b-action-item {
  transition: all 0.15s ease-in-out;
}
.b-action-item:hover {
  transform: scale3d(1.2, 1.2, 1);
  color: var(--solution-primary-color);
}
.b-check-header-with-checkbox .b-grid-header-text {
  display: none;
}
.b-check-header-with-checkbox .b-field-inner {
  justify-content: center;
}
.b-check-header-with-checkbox .b-checkbox-label,
.b-check-cell .b-checkbox-label {
  display: flex;
  gap: 0.4em;
  align-items: center;
}
.b-check-header-with-checkbox .b-checkbox-label:before,
.b-check-cell .b-checkbox-label:before {
  margin: 0 !important;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-cell.b-color-cell .b-color-cell-inner {
  border: none;
  border-radius: 1em;
  cursor: pointer;
  flex: 1;
  height: 1.5em;
  margin-inline: 1em;
}
.b-grid-cell.b-color-cell .b-color-cell-inner.b-empty {
  border: 1px solid #eee;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-percent-bar-outer {
  flex: 1;
  height: 30%;
  max-height: 0.8em;
  background: #f1f1f1;
}
.b-percent-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-width: 100%;
  padding: 0 0.2em;
  background: var(--solution-primary-color);
  color: #fff;
  font-size: 0.7em;
  text-align: end;
  transition: width 0.5s, padding 0.5s, background-color 0.5s;
}
.b-percent-bar.b-zero {
  padding: 0;
  text-indent: 0.2em;
}
.b-percent-bar.b-low {
  background: #f44336;
  color: #262626;
}
.b-percent-bar.b-low span {
  left: 100%;
  margin-block: 0;
  margin-inline: 5px 0;
}
.b-percent-bar span {
  position: relative;
  display: inline-block;
  margin-block: 0;
  margin-inline: 0 5px;
  line-height: 1em;
}
.b-grid-body-container.b-scrolling .b-percent-bar {
  transition: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-rating-cell .b-icon, .b-rating-cell .b-icon-version, .b-rating-cell .b-indicator.b-constraint-type-muststarton, .b-rating-cell .b-indicator.b-constraint-type-mustfinishon, .b-rating-cell .b-indicator.b-deadline-date {
  font-size: 1.8em;
}
.b-rating-cell .b-empty {
  color: rgba(250, 250, 250, 0.3);
}
.b-rating-cell .b-filled {
  color: #ffce3a;
}
.b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon-version, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-muststarton, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-mustfinishon, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-deadline-date {
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
}
.b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable):hover .b-icon, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable):hover .b-icon-version, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable):hover .b-indicator.b-constraint-type-muststarton, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable):hover .b-indicator.b-constraint-type-mustfinishon, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable):hover .b-indicator.b-deadline-date {
  color: #ffce3a;
}
.b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable):hover .b-icon.b-empty::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable):hover .b-empty.b-icon-version::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable):hover .b-empty.b-indicator.b-constraint-type-muststarton::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable):hover .b-empty.b-indicator.b-constraint-type-mustfinishon::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable):hover .b-empty.b-indicator.b-deadline-date::before {
  opacity: 0.4;
}
.b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon:hover, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon-version:hover, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-muststarton:hover, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-mustfinishon:hover, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-deadline-date:hover {
  transform: scale(1.3);
}
.b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon:hover.b-filled, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon-version:hover.b-filled, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-muststarton:hover.b-filled, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-mustfinishon:hover.b-filled, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-deadline-date:hover.b-filled {
  opacity: 1;
}
.b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon:hover:hover ~ .b-icon::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon-version:hover:hover ~ .b-icon::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon:hover:hover ~ .b-icon-version::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon-version:hover:hover ~ .b-icon-version::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-muststarton:hover:hover ~ .b-icon::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-muststarton:hover:hover ~ .b-icon-version::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-mustfinishon:hover:hover ~ .b-icon::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-mustfinishon:hover:hover ~ .b-icon-version::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon:hover:hover ~ .b-indicator.b-constraint-type-muststarton::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon-version:hover:hover ~ .b-indicator.b-constraint-type-muststarton::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-muststarton:hover:hover ~ .b-indicator.b-constraint-type-muststarton::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-mustfinishon:hover:hover ~ .b-indicator.b-constraint-type-muststarton::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon:hover:hover ~ .b-indicator.b-constraint-type-mustfinishon::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon-version:hover:hover ~ .b-indicator.b-constraint-type-mustfinishon::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-muststarton:hover:hover ~ .b-indicator.b-constraint-type-mustfinishon::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-mustfinishon:hover:hover ~ .b-indicator.b-constraint-type-mustfinishon::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-deadline-date:hover:hover ~ .b-icon::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-deadline-date:hover:hover ~ .b-icon-version::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-deadline-date:hover:hover ~ .b-indicator.b-constraint-type-muststarton::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-deadline-date:hover:hover ~ .b-indicator.b-constraint-type-mustfinishon::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon:hover:hover ~ .b-indicator.b-deadline-date::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-icon-version:hover:hover ~ .b-indicator.b-deadline-date::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-muststarton:hover:hover ~ .b-indicator.b-deadline-date::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-constraint-type-mustfinishon:hover:hover ~ .b-indicator.b-deadline-date::before, .b-gridbase:not(.b-readonly) .b-rating-cell-inner:not(.b-not-editable) .b-indicator.b-deadline-date:hover:hover ~ .b-indicator.b-deadline-date::before {
  color: rgba(250, 250, 250, 0.3);
  opacity: 1;
}
.b-grid-body-container.b-scrolling .b-rating-cell-inner .b-icon, .b-grid-body-container.b-scrolling .b-rating-cell-inner .b-icon-version, .b-grid-body-container.b-scrolling .b-rating-cell-inner .b-indicator.b-constraint-type-muststarton, .b-grid-body-container.b-scrolling .b-rating-cell-inner .b-indicator.b-constraint-type-mustfinishon, .b-grid-body-container.b-scrolling .b-rating-cell-inner .b-indicator.b-deadline-date {
  transition: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-cell.b-row-number-cell {
  background-color: #F3F3F4;
  border-inline-end: 1px solid #eee;
}
.b-grid-row.b-hover .b-grid-cell.b-row-number-cell:hover {
  border-inline-end: 1px solid #eee;
}
.b-group-row .b-grid-cell.b-row-number-cell:first-child {
  border-inline-end: 1px solid #eee;
}
.b-gridbase:focus .b-grid-row.b-selected .b-grid-cell.b-row-number-cell.b-selected {
  border-inline-end: 1px solid #eee;
}
.b-gridbase .b-grid-row.b-selected .b-row-number-cell,
.b-gridbase .b-grid-row .b-grid-cell.b-selected.b-row-number-cell {
  background-color: var(--solution-secondary-color);
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-hover .b-grid-cell.b-row-number-cell,
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row) .b-grid-cell.b-row-number-cell.b-hover {
  background-color: var(--solution-secondary-color);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-tree-expander {
  position: relative;
  top: 1px;
  margin: 0 0.55em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-loading-children .b-tree-expander .b-icon:before, .b-loading-children .b-tree-expander .b-icon-version:before, .b-loading-children .b-tree-expander .b-indicator.b-constraint-type-muststarton:before, .b-loading-children .b-tree-expander .b-indicator.b-constraint-type-mustfinishon:before, .b-loading-children .b-tree-expander .b-indicator.b-deadline-date:before {
  content: "\f110";
  animation: spin 2s infinite linear;
}
.b-grid-cell.b-tree-cell {
  align-items: stretch;
}
.b-tree-leaf-cell .b-tree-cell-inner:before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  color: var(--solution-primary-color);
  margin-inline-end: 0.6em;
  width: 12px;
  min-width: 12px;
  font-size: 12px;
  text-align: center;
}
.b-tree-icon,
.b-icon-tree-leaf,
.b-icon-tree-folder,
.b-icon-tree-folder-open,
.b-icon-tree-expand,
.b-icon-tree-collapse {
  flex-shrink: 0;
  color: var(--solution-primary-color);
  width: 12px;
  font-size: 12px;
  text-align: center;
}
.b-icon-tree-collapse,
.b-icon-tree-expand {
  color: var(--ic-darker, #151515);
  transition: color 150ms ease-out;
}
.b-icon-tree-collapse:hover,
.b-icon-tree-expand:hover {
  color: var(--solution-primary-color);
  transition: color 200ms ease-in;
}
.b-tree-icon,
.b-icon-tree-leaf,
.b-icon-tree-folder,
.b-icon-tree-folder-open {
  margin-inline-end: 0.6em;
}
.b-icon-tree-leaf:before {
  font-size: 0.3em;
  vertical-align: middle;
}
.b-icon-tree-folder:before,
.b-icon-tree-folder-open:before {
  margin-inline-start: 0.1em;
}
.b-icon-tree-expand.b-empty-parent,
.b-icon-tree-collapse.b-empty-parent {
  visibility: hidden;
}
.b-icon-tree-expand:before,
.b-icon-tree-collapse:before {
  font-size: 1.2em;
}
.b-tree-cell-inner {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 1;
}
.b-tree-cell-inner.b-text-value {
  flex-shrink: 1;
}
.b-tree-cell.b-auto-height .b-tree-cell-inner {
  flex-shrink: 1;
}
.b-tree-cell.b-auto-height {
  flex-shrink: 1;
}
a.b-tree-cell-inner {
  text-decoration: none;
}
a.b-tree-cell-inner:hover .b-tree-cell-value {
  text-decoration: underline;
}
.b-tree-parent-cell,
.b-tree-leaf-cell {
  padding-inline-start: 10px;
}
.b-tree-parent-row .b-grid-cell {
  font-weight: 400;
  color: #4d4d4d;
}
.b-tree-parent-row .b-histogram rect {
  pointer-events: none;
}
.b-tree-cell-value {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
}
.b-touch .b-tree-expander {
  width: 1.1em;
}
.b-touch .b-icon-tree-expand:before,
.b-touch .b-icon-tree-collapse:before {
  font-size: 1.8em;
}
.b-touch .b-icon-tree-leaf:before {
  font-size: 0.6em;
}
.b-touch .b-tree-icon,
.b-touch .b-tree-leaf-cell:not(.b-tree-parent-cell):before {
  font-size: 1.2em;
}
.b-grid-cell .b-tree-expander {
  flex-shrink: 0;
  top: 0;
  width: 10px;
  height: 10px;
  margin-right: 15px;
  margin-left: 5px;
  border-right: 1px solid var(--ic-darker, #151515);
  border-bottom: 1px solid var(--ic-darker, #151515);
  transform: rotate(-45deg);
  transition: transform 150ms ease-out;
}
.b-grid-cell .b-tree-expander::before {
  display: none;
}
.b-tree-expanded .b-grid-cell .b-tree-expander {
  top: -2px;
  transform: rotate(45deg);
  transition: transform 200ms ease-in;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-cell .b-react-portal-container {
  display: flex;
  width: 100%;
}
.b-editor.b-cell-editor {
  position: absolute;
  background-color: transparent;
  border-width: 0;
  border-style: solid;
  box-shadow: none !important;
  z-index: 1;
}
.b-grid-cell:not(.b-tree-cell) .b-editor.b-cell-editor {
  width: 100% !important;
}
.b-editor.b-cell-editor .b-field > .b-label {
  clip-path: inset(0 100% 100% 0);
  position: absolute;
  contain: strict;
}
.b-editor.b-cell-editor .b-numberfield:not(.b-has-start-trigger) .b-field-inner,
.b-editor.b-cell-editor .b-textfield:not(.b-has-start-trigger) .b-field-inner {
  padding-inline-start: 0;
}
.b-editor.b-cell-editor .b-numberfield input,
.b-editor.b-cell-editor .b-textfield input {
  padding: 0 calc(0.5em - 1px);
}
.b-editor.b-cell-editor .b-combo.b-uses-chipview .b-chipview {
  margin: 0.3em;
}
.b-gridbase .b-editing {
  overflow: visible;
  contain: unset;
  z-index: 1;
  outline: none !important;
}
.b-gridbase .b-editing .b-grid-cell.b-editing {
  color: transparent;
}
.b-grid-cell:not(.b-editing) .b-cell-editor {
  display: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-celltooltip-tip {
  max-height: 50%;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-columndragtoolbar {
  position: absolute;
  top: calc(100% - 3em);
  left: 50%;
  z-index: 100;
  animation-name: b-show-columndragtoolbar;
  animation-duration: 0.2s;
  transform: translateX(-50%);
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 1em;
  background: #FFFFFF;
  transition: opacity 0.2s, top 0.2s;
  box-shadow: none;
  padding: 1em 1em 0.5em 1em;
  opacity: 0.4;
  font-size: 0.8em;
}
.b-columndragtoolbar.b-closer {
  top: 50%;
  transform: translate(-50%, -50%);
}
.b-columndragtoolbar.b-hover {
  opacity: 0.8;
}
.b-columndragtoolbar.b-remove {
  animation-name: b-hide-columndragtoolbar;
  animation-duration: 0.2s;
  top: 100%;
  opacity: 0;
}
.b-columndragtoolbar.b-remove.b-closer {
  animation-name: b-hide-columndragtoolbar-closer;
}
.b-columndragtoolbar > .b-title {
  color: #fff;
  flex-basis: 100%;
  margin-bottom: 1em;
  text-align: center;
}
.b-columndragtoolbar > .b-title:before {
  content: "Drag header downwards";
}
.b-columndragtoolbar.b-closer > .b-title:before {
  content: "Drop header on a button";
}
.b-columndragtoolbar .b-group {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-inline-end: 1.5em;
}
.b-columndragtoolbar .b-group:last-child {
  margin-inline-end: 0;
}
.b-columndragtoolbar .b-group .b-title {
  color: #fff;
  margin-block: 0.5em;
}
.b-columndragtoolbar .b-buttons {
  display: inline-flex;
  flex-direction: row;
}
.b-columndragtoolbar .b-target-button {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.2s;
  color: #fff;
  border: 0.3em solid var(--solution-primary-color);
  border-radius: 1em;
  background: transparent;
  padding: 1em 0;
  width: 7em;
  margin-inline-end: 0.5em;
  box-shadow: none;
}
.b-columndragtoolbar .b-target-button:last-child {
  margin-inline-end: 0;
}
.b-columndragtoolbar .b-target-button i {
  font-size: 2.5em;
  color: var(--solution-primary-color);
  pointer-events: none;
  transition: all 0.2s;
}
.b-columndragtoolbar .b-target-button.b-hover:not([data-disabled=true]) {
  background-color: var(--solution-primary-color);
  color: #fff;
  box-shadow: none;
}
.b-columndragtoolbar .b-target-button.b-hover:not([data-disabled=true]) i {
  transform: scale(1.1);
  color: #fff;
}
.b-columndragtoolbar .b-target-button.b-activate i {
  transform: scale(1.1) rotate(180deg) !important;
}
.b-columndragtoolbar .b-target-button[data-button-id^=group] {
  border-color: var(--solution-secondary-color);
  background-color: transparent;
}
.b-columndragtoolbar .b-target-button[data-button-id^=group] i {
  color: var(--solution-secondary-color);
}
.b-columndragtoolbar .b-target-button[data-button-id^=group].b-hover:not([data-disabled=true]) {
  background-color: var(--solution-secondary-color);
}
.b-columndragtoolbar .b-target-button[data-button-id^=group].b-hover:not([data-disabled=true]) i {
  color: #fff;
}
.b-columndragtoolbar .b-target-button[data-button-id^=multisort] {
  border-color: var(--solution-primary-color);
}
.b-columndragtoolbar .b-target-button[data-button-id^=multisort] i {
  color: var(--solution-primary-color);
}
.b-columndragtoolbar .b-target-button[data-button-id^=multisort].b-hover:not([data-disabled=true]) {
  background-color: var(--solution-primary-color);
}
.b-columndragtoolbar .b-target-button[data-button-id^=multisort].b-hover:not([data-disabled=true]) i {
  color: #fff;
}
.b-columndragtoolbar .b-target-button[data-disabled=true] {
  opacity: 0.5;
}
@keyframes b-show-columndragtoolbar {
  from {
    top: 100%;
    opacity: 0;
  }
  to {
    top: calc(100% - 3em);
    opacity: 0.4;
  }
}
@keyframes b-hide-columndragtoolbar {
  from {
    top: calc(100% - 3em);
    opacity: 0.4;
  }
  to {
    top: 100%;
    opacity: 0;
  }
}
@keyframes b-hide-columndragtoolbar-closer {
  from {
    top: 50%;
    opacity: 0.4;
  }
  to {
    top: 100%;
    opacity: 0;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-header.b-drag-proxy {
  line-height: normal;
  font-weight: inherit;
  background-color: #FAFAFA;
  outline: 1px solid #E9E9E9;
  transition: background-color 0.3s;
  border-inline-end: none;
}
.b-grid-header.b-drag-proxy.b-grid-header-parent {
  justify-content: stretch;
}
.b-grid-header.b-drag-proxy.b-grid-header-parent > .b-grid-header-text {
  border-inline-end: none;
}
.b-grid-header.b-drag-proxy .b-grid-header:last-child {
  border-inline-end: none;
}
.b-grid-header.b-drop-placeholder {
  opacity: 0.3;
}
.b-grid-header.b-drag-invalid {
  outline: 1px solid #f44336;
}
.b-grid-header.b-drag-invalid, .b-grid-header.b-drag-invalid .b-grid-header {
  color: #f44336;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-gridbase.b-columnresize .b-grid-header.b-resize-handle {
  cursor: col-resize !important;
}
.b-gridbase.b-columnresize .b-grid-header.b-resizing {
  background: #FAFAFA;
}
.b-gridbase.b-columnresize.b-sort .b-grid-header.b-resizing:not(.b-filter):not(.b-multifilter) .b-filter-icon,
.b-gridbase.b-columnresize.b-sort .b-grid-header.b-over-resize-handle:not(.b-filter):not(.b-multifilter) .b-filter-icon,
.b-gridbase.b-columnresize.b-sort .b-grid-header.b-resizing:not(.b-sort):after,
.b-gridbase.b-columnresize.b-sort .b-grid-header.b-over-resize-handle:hover:not(.b-sort):after {
  display: none;
}
.b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing {
  overflow: visible;
  z-index: 100;
}
.b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing::before {
  content: "\f337";
  font-size: 1.5em;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
  right: 0;
  z-index: 101;
  border-radius: 100%;
  background-color: #E9E9E9;
  pointer-events: none;
  padding: 0.5em;
}
.b-rtl .b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header.b-resizing::before {
  right: auto;
  left: 0;
}
.b-gridbase.b-columnresize.b-touch.b-column-resizing .b-grid-header:not(.b-resizing) {
  z-index: 1;
}
.b-context-menu {
  min-width: 14em;
}
.b-fill-handle {
  width: 0.8em;
  height: 0.8em;
  transform: translate(-50%, -50%);
  position: absolute;
  background: var(--solution-primary-color);
  cursor: crosshair;
  border: 1px solid #fff;
  z-index: 2;
  background-clip: content-box;
  user-select: none;
  -webkit-user-select: none;
}
.b-fill-selection-border {
  position: absolute;
  border: 2px solid var(--solution-primary-color);
  border-radius: 0.1em;
  pointer-events: none;
  z-index: 2;
  -webkit-user-select: none;
  user-select: none;
}
.b-indicate-crop {
  opacity: 0.4;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes b-filter-icon-color {
  0% {
    color: #C7C8C9;
  }
  50% {
    color: #9B9C9E;
  }
  100% {
    color: #C7C8C9;
  }
}
.b-grid-header .b-filter-icon {
  display: none;
  cursor: pointer;
  transition: opacity 0.2s;
}
.b-grid-header .b-filter-icon::after {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  color: #C7C8C9;
  margin-inline-start: 0.5em;
  transition: transform 0.3s, color 0.2s;
  transform: none;
  background: inherit; /* Transparent bg will look bad if there is text under the icon */
  content: "\f0b0";
}
.b-grid-header .b-filter-icon:hover::after {
  color: #C7C8C9;
}
.b-gridbase:not(.b-filter):not(.b-multifilter) .b-filter-icon {
  opacity: 0.2;
  pointer-events: none;
}
.b-gridbase:not(.b-column-resizing) .b-grid-header-container:not(.b-dragging-header) .b-grid-header.b-filterable:hover > .b-grid-header-text > .b-filter-icon {
  display: flex;
}
.b-grid-header.b-filter .b-grid-header-text {
  font-weight: 700;
  color: #666;
}
.b-grid-header.b-filter .b-filter-icon {
  display: flex;
}
.b-grid-header.b-filter .b-filter-icon::after {
  color: #C7C8C9;
}
.b-grid-header.b-filter .b-filter-icon.b-latest::after {
  animation-name: b-filter-icon-color;
  animation-duration: 0.75s;
}
.b-filter-popup-legacymode .b-field {
  width: 15em;
}
.b-filter-popup .b-fieldfilterpickergroup {
  width: 32em;
}
.b-filter-popup .b-multifilter-add {
  width: 12em;
  align-self: center;
  margin: 1.1em 0 0 0;
}
.b-filter-popup .b-fieldfilterpicker-property {
  display: none;
}
.b-filter-popup .b-panel-content {
  gap: 0.6em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-filter-bar-field {
  margin: 0 0 0.5em 0;
  width: 100%;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled {
  flex-direction: row;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text {
  padding: 0.25em 0;
  width: 2em;
  order: 1;
  margin-inline-end: -0.5em;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text .b-grid-header-text-content {
  display: none;
}
.b-filter-bar-compact .b-filter-bar-field {
  margin: 0;
}
.b-filter-bar-compact .b-filter-bar-field .b-field-inner {
  background-color: transparent;
  border: none;
}
.b-filter-bar-compact .b-filter-bar-field .b-field-inner::before {
  display: none;
}
.b-filter-bar-compact .b-filter-bar-field .b-field-inner input {
  padding: 0.8em 0;
}
.b-filter-bar-compact .b-filter-bar-field .b-field-inner input::placeholder {
  color: #2E3538;
  text-transform: none;
  font-size: 13px;
  font-weight: inherit;
}
.b-filter-bar-compact .b-filter-bar-field .b-fieldtrigger {
  display: none;
}
.b-filter-bar-compact .b-filter-bar-field:focus-within:not(.b-empty) .b-icon-remove, .b-filter-bar-compact .b-filter-bar-field:focus-within .b-fieldtrigger:not(.b-step-trigger):not(.b-icon-remove):not(.b-spintrigger) {
  display: inline-flex;
}
.b-filter-bar-compact .b-filter-bar-field .b-fieldtrigger.b-align-end {
  padding: 0;
}
.b-filter-bar-compact .b-filter-bar-field.b-uses-chipview:not(.b-empty) input {
  margin-inline-start: 0.5em;
  margin-top: -0.25em;
}
.b-filter-bar-compact .b-filter-bar-field.b-uses-chipview:not(.b-empty) input::placeholder {
  color: transparent;
}
.b-filter-bar-compact .b-filter-bar-field.b-uses-chipview:not(.b-empty) .b-chip {
  font-size: 0.9em;
}
.b-filter-bar-compact .b-filter-bar-field.b-uses-chipview:not(.b-empty) .b-chip[data-index="0"] {
  margin-inline-start: 0;
}
.b-filter-bar-compact.b-dragging .b-filter-bar-field {
  display: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-group-summary .b-grid-group-collapsed.b-header-summary .b-grid-cell.b-group-title {
  overflow: hidden;
}
.b-group-summary .b-grid-row.b-group-footer .b-grid-cell {
  border-inline-end-color: transparent;
  background-color: white;
}
.b-group-summary .b-grid-row.b-group-footer td {
  padding: 0.25em 0;
}
.b-group-summary .b-grid-row.b-group-footer .b-grid-summary-label {
  padding-inline-end: 1em;
}
.b-group-summary .b-grid-row.b-group-footer .b-grid-summary-value {
  width: 100%;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-gridbase.b-firefox .b-mergecells .b-single-child .b-grid-subgrid:not(.b-timeaxissubgrid):not(.b-overlay-scrollbar), .b-mergecells.b-gridbase.b-firefox .b-single-child .b-grid-subgrid:not(.b-timeaxissubgrid):not(.b-overlay-scrollbar) {
  overflow: visible !important;
}
.b-mergecells .b-single-child .b-grid-subgrid:not(.b-grid-subgrid-collapsed):not(.b-timeaxissubgrid):not(.b-horizontal-overflow),
.b-mergecells .b-grid-vertical-scroller {
  overflow: visible !important;
}
.b-mergecells .b-grid-row.b-hover, .b-mergecells.b-mergecells-passthrough .b-grid-row.b-selected, .b-using-keyboard .b-mergecells .b-grid-row.b-selected {
  z-index: 1;
  overflow: visible;
}
.b-mergecells .b-grid-row.b-hover .b-merged-cell, .b-mergecells.b-mergecells-passthrough .b-grid-row.b-selected .b-merged-cell, .b-using-keyboard .b-mergecells .b-grid-row.b-selected .b-merged-cell {
  top: -1px;
  height: calc(100% + 1px);
  border-top: 1px solid #eee;
}
.b-mergecells .b-merged-cell {
  border-bottom: none;
}
.b-grid-merged-cells {
  position: absolute;
  contain: strict;
  border-inline-end: 1px solid #eee;
  border-bottom: 1px solid #eee;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  background: #fff;
}
.b-gridbase.b-mergecells-passthrough .b-grid-merged-cells {
  pointer-events: none;
}
.b-grid-merged-cells:hover {
  box-shadow: inset 0 0 0 1000px var(--solution-secondary-color);
}
.b-grid-merged-cells.b-selected {
  box-shadow: inset 0 0 0 1000px var(--solution-secondary-color);
}
.b-grid-merged-cells .b-grid-cell {
  position: sticky;
  top: 0;
  flex: 1;
  contain: none;
  overflow: visible;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
html.b-export-root,
.b-export-root body {
  margin: 0;
}
html.b-print-root,
.b-print-root body {
  margin: 0;
  height: auto;
  overflow: unset;
  display: block;
}
html.b-export-root {
  overflow: auto;
}
.b-export-root body,
.b-print-root body {
  position: relative;
}
.b-print-root .b-float-root,
.b-print-root .b-scrollbar-measure-element,
.b-print-root .b-grid-header-resize-handle {
  display: none !important;
}
.b-print:not(.b-safari) .b-page-wrap {
  page-break-after: always;
}
.b-export:not(.b-print) {
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
}
.b-export .b-export-content {
  display: flex;
  flex-direction: column;
}
.b-export:not(.b-print) .b-export-content {
  position: absolute;
  height: 100%;
}
.b-export .b-export-body {
  flex: 1;
}
.b-export .b-grid-header-container {
  margin-inline-end: 0 !important;
  border-inline-end: none !important;
}
.b-export .b-grid-body-container.b-widget-scroller {
  overflow-y: hidden !important;
}
.b-export .b-grid-footer-container {
  padding-inline-end: 0 !important;
}
.b-export .b-virtual-scrollers {
  display: none;
}
.b-export.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad {
  display: none;
}
.b-export.b-multipage .b-export-content {
  width: 100%;
  height: 100%;
}
.b-export.b-multipage .b-export-body {
  overflow: hidden;
}
.b-export-content,
.b-export-content * {
  box-sizing: border-box;
}
@media print {
  .b-page-wrap {
    overflow: hidden;
  }
  .b-grid-body-container {
    contain: paint !important;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-quick-hit-cell {
  background: #fff5a1;
}
.b-quick-hit-text {
  font-weight: bold;
  background: #fff5a1;
}
.b-quick-hit-text {
  padding: 0.3em 0;
}
.b-quick-hit-header {
  position: absolute;
  top: 0.3em;
  left: 0.3em;
  bottom: 0.3em;
  right: 0.3em;
  z-index: 1;
}
.b-quick-hit-header.b-quick-hit-mode-grid {
  bottom: auto;
  height: 3em;
  z-index: 100;
  opacity: 0.75;
}
.b-quick-hit-field {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0.5em 0;
  background: #fff5a1;
}
.b-quick-hit-cell-badge,
.b-quick-hit-header .b-quick-hit-badge {
  position: absolute;
  top: 0.4em;
  right: 0.4em;
  font-size: 0.7em;
  line-height: 0.7em;
}
.b-rtl .b-quick-hit-cell-badge,
.b-rtl .b-quick-hit-header .b-quick-hit-badge {
  right: auto;
  left: 0.4em;
}
.b-quick-hit-header .b-quick-hit-badge {
  color: #a19100;
}
.b-quick-hit-cell-badge {
  color: #a19100;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-splitter {
  position: relative;
  z-index: 8;
  position: relative;
  pointer-events: none;
  flex: 0 0 5px;
}
@media (pointer: coarse) {
  .b-grid-splitter {
    --splitter-button-size: 1.3em;
  }
}
@media (pointer: fine) {
  .b-grid-splitter {
    --splitter-button-size: 1em;
  }
}
.b-grid-splitter:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  margin: auto;
  background-color: #d0d0d0;
}
.b-grid-splitter::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 9px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
.b-grid-splitter .b-grid-splitter-inner {
  display: none;
}
.b-split .b-grid-splitter {
  pointer-events: all;
}
.b-grid-splitter, .b-grid-splitter.b-disabled {
  pointer-events: none;
}
.b-gridbase.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse,
.b-gridbase.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand {
  transform: scaleX(-1);
}
.b-gridbase.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand {
  justify-content: flex-end;
}
.b-gridbase.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse {
  justify-content: flex-start;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) {
  flex: 0 0 1px;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled):hover:before {
  width: 2px;
  background: var(--solution-hover-color);
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-inner {
  display: flex;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-inner:before {
  width: 2px;
  background: #C7C8C9;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed {
  cursor: initial;
  flex: 0 0 5px;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed .b-grid-splitter-inner {
  width: 5px;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed:not(.b-grid-splitter-allow-collapse) .b-grid-splitter-button-collapse, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed.b-grid-splitter-allow-collapse .b-grid-splitter-button-expand {
  visibility: hidden;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed .b-grid-splitter-buttons {
  display: flex;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-left-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-expand, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-right-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-collapse {
  visibility: hidden;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-buttons {
  display: none;
  position: absolute;
  transform: translate(-1px, -50%);
  height: 30px;
  width: 30px;
  font-size: var(--splitter-button-size);
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-collapse,
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-expand {
  flex: 1;
  cursor: pointer;
  background: var(--solution-primary-color);
  display: flex;
  align-items: center;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-collapse:hover .b-grid-splitter-button-icon,
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-expand:hover .b-grid-splitter-button-icon {
  fill: var(--G-0, #FFFFFF);
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-collapse {
  border-top-left-radius: 100% 50%;
  border-bottom-left-radius: 100% 50%;
  justify-content: flex-end;
  padding-right: 0.1em;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-expand {
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
  padding-left: 0.1em;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-expand:hover {
  background-color: var(--solution-hover-color);
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-button-icon {
  cursor: pointer;
  fill: var(--G-0, #FFFFFF);
  height: 14px;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-hover, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-touching, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-moving {
  overflow: visible;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-hover .b-grid-splitter-inner, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-touching .b-grid-splitter-inner, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-moving .b-grid-splitter-inner {
  left: calc((
            5px - 5px
          ) / -2);
  width: 5px;
  transition: width 0.1s, left 0.1s;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-hover .b-grid-splitter-buttons, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-touching .b-grid-splitter-buttons, .b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-moving .b-grid-splitter-buttons {
  display: flex;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed:nth-child(2):hover:not(.b-moving) .b-grid-splitter-inner {
  left: 0;
}
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-inner {
  width: 5px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  flex-direction: column;
  align-items: center;
}
.b-gridbase.b-split:not(.b-grid-splitter-no-drag) .b-grid-splitter:not(.b-disabled, .b-grid-splitter-collapsed) .b-grid-splitter-inner {
  cursor: col-resize;
}
.b-grid-header-scroller.b-collapsed,
.b-grid-footer-scroller.b-collapsed,
.b-virtual-scroller.b-collapsed {
  width: 0;
  min-width: 0 !important;
}
.b-splitter-touch-area {
  width: 5px;
  left: calc((
        5px - 5px
      ) / -2);
  position: absolute;
  top: 0;
  height: 100%;
}
.b-splitter-button-touch-area {
  height: 3em;
  top: -0.3em;
  width: 2em;
  position: absolute;
}
.b-grid-splitter-button-collapse .b-splitter-button-touch-area {
  left: -0.9em;
}
.b-grid-splitter-button-expand .b-splitter-button-touch-area {
  right: -0.9em;
}
.b-draghelper-active .b-gridbase.b-split .b-grid-splitter {
  pointer-events: none !important;
}
.b-hide-splitter-buttons.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-grid-splitter-collapsed .b-grid-splitter-buttons, .b-hide-splitter-buttons.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-hover .b-grid-splitter-buttons, .b-hide-splitter-buttons.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-touching .b-grid-splitter-buttons, .b-hide-splitter-buttons.b-gridbase.b-split .b-grid-splitter:not(.b-disabled).b-moving .b-grid-splitter-buttons {
  display: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-row-drop-indicator {
  display: none;
  pointer-events: none;
}
.b-row-reordering .b-row-drop-indicator {
  position: absolute;
  display: block;
  left: 0;
  top: -1px;
  width: 100%;
  height: 2px;
  background-color: var(--solution-primary-color);
  z-index: 2000;
}
.b-row-reordering .b-row-drop-indicator.b-drag-invalid {
  background-color: #f44336;
}
.b-row-reordering .b-row-reorder-proxy.b-dragging {
  transition: margin-top 0.2s, opacity 0.2s;
  background: transparent;
  opacity: 0.5;
}
.b-row-reordering .b-row-reorder-proxy.b-dragging .b-grid-row {
  width: 100%;
}
.b-row-reordering .b-row-reorder-proxy.b-dragging .b-grid-row, .b-row-reordering .b-row-reorder-proxy.b-dragging .b-row-dragging-multiple {
  transition: transform 0.2s, background-color 0.2s;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.b-row-reordering .b-row-reorder-proxy.b-dragging .b-row-dragging-multiple {
  top: -0.3em;
  left: 0.3em;
  z-index: -1;
}
.b-row-reordering .b-row-reorder-proxy.b-dragging.b-drag-invalid .b-grid-row {
  border: none;
  background: rgba(244, 67, 54, 0.2);
}
.b-row-reordering .b-grid-body-container {
  z-index: 4;
}
.b-row-reordering .b-drag-original {
  opacity: 0.3;
}
.b-row-reordering .b-grid-row.b-grid-group-collapsed.b-row-reordering-target {
  background-color: var(--solution-secondary-color);
}
.b-row-reordering .b-grid-body-container .b-grid-subgrid .b-row-reordering-target {
  box-shadow: 0 1px 0 0 var(--solution-primary-color) inset, 0 -1px 0 0 var(--solution-primary-color) inset;
  z-index: 9999;
}
.b-row-reorder-with-grip .b-grid-subgrid[data-item-index="0"] .b-grid-cell:first-child {
  padding-inline-start: 0;
  display: grid;
  grid-template-columns: auto 1fr;
}
.b-row-reorder-with-grip .b-grid-subgrid[data-item-index="0"] .b-grid-cell:first-child.b-grid-cell-align-end {
  justify-items: end;
}
.b-row-reorder-with-grip .b-grid-subgrid[data-item-index="0"] .b-grid-cell:first-child.b-grid-cell-align-right {
  justify-items: right;
}
.b-row-reorder-with-grip .b-grid-subgrid[data-item-index="0"] .b-grid-cell:first-child.b-grid-cell-align-center {
  justify-items: center;
}
.b-row-reorder-with-grip .b-grid-subgrid[data-item-index="0"] .b-grid-cell:first-child:before {
  display: flex;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  align-self: stretch;
  align-items: center;
  content: "\f58e";
  cursor: move;
  padding-inline-start: 16px;
  padding-inline-end: 0.6em;
  font-size: 0.8em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-gridbase.b-rowresize .b-grid-row.b-resize-handle {
  cursor: row-resize !important;
}
.b-gridbase.b-rowresize .b-grid-row.b-resizing {
  z-index: 2;
}
.b-gridbase.b-rowresize.b-row-resizing .b-grid-row {
  pointer-events: none;
}
.b-gridbase.b-rowresize.b-row-resizing * {
  cursor: row-resize !important;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-search-hit-cell {
  background: #fff5a1;
}
.b-search-hit-text {
  font-weight: bold;
  background: #fff5a1;
  padding: 0.3em 0;
}
.b-search-hit-field {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0.5em 0;
  background: #fff5a1;
}
.b-search-hit-cell-badge {
  position: absolute;
  top: 0.4em;
  right: 0.4em;
  font-size: 0.7em;
  line-height: 0.7em;
  color: #a19100;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-gridbase.b-sort .b-grid-header .b-sort-icon {
  display: contents;
}
.b-gridbase.b-sort .b-grid-header.b-sort .b-grid-header-text {
  color: #C7C8C9;
}
.b-gridbase.b-sort .b-grid-header.b-sort .b-grid-header-text .b-sort-icon::before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  color: #C7C8C9;
  margin-inline-start: 0.5em;
  transition: transform 0.3s, color 0.2s;
  transform: none;
  background: inherit; /* Transparent bg will look bad if there is text under the icon */
  content: "\f062";
}
.b-gridbase.b-sort .b-grid-header.b-sort .b-grid-header-text[data-sort-index]::before {
  content: attr(data-sort-index);
  position: relative;
  top: 1em;
  color: #C7C8C9;
  z-index: 30;
  font-size: 0.6em;
  order: 1;
}
.b-gridbase.b-sort .b-grid-header.b-sort.b-desc .b-grid-header-text .b-sort-icon::before {
  transform: rotate(180deg);
}
.b-gridbase.b-sort:not(.b-column-resizing) .b-grid-header-container:not(.b-dragging-header) .b-grid-header.b-sortable.b-depth-0:hover:not(.b-sort):not(.b-group) .b-grid-header-text .b-sort-icon::before, .b-gridbase.b-sort:not(.b-column-resizing) .b-grid-header-container:not(.b-dragging-header) .b-grid-header.b-sortable.b-depth-0:focus:not(.b-sort):not(.b-group) .b-grid-header-text .b-sort-icon::before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  color: #C7C8C9;
  margin-inline-start: 0.5em;
  transition: transform 0.3s, color 0.2s;
  transform: none;
  background: inherit; /* Transparent bg will look bad if there is text under the icon */
  content: "\f15e";
}
.b-split-container {
  display: flex;
  width: 100%;
  height: 100%;
}
.b-split-container.b-split-horizontal, .b-split-container.b-split-both {
  flex-direction: column;
}
.b-split-container.b-split-vertical {
  flex-direction: row;
}
.b-split-container .b-split-top,
.b-split-container .b-split-bottom {
  display: flex;
  flex: 1;
}
.b-split-container > .b-gridbase,
.b-split-container > div > .b-gridbase {
  flex: 1;
  flex-basis: 0;
  height: unset !important;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-header.b-group .b-grid-header-text .b-sort-icon::after {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  color: #9B9C9E;
  margin-inline-start: 0.5em;
  transition: transform 0.3s, color 0.2s;
  transform: none;
  background: inherit; /* Transparent bg will look bad if there is text under the icon */
  content: "\f012";
  transform: rotate(90deg);
}
.b-grid-header.b-group.b-desc .b-grid-header-text .b-sort-icon::after {
  transform: rotate(270deg) scaleX(-1);
}
.b-group-row {
  background: #fff;
}
.b-group-row .b-grid-cell {
  border-inline-end-color: transparent;
}
.b-group-row .b-group-title.b-grid-cell-align-right, .b-group-row .b-group-title.b-grid-cell-align-end {
  justify-content: flex-end;
}
.b-group-row .b-group-title.b-grid-cell-align-center {
  justify-content: flex-start;
}
.b-grid-cell.b-group-title {
  color: #505057;
  overflow: visible;
  contain: size layout style;
  font-weight: 500;
  text-transform: none;
}
.b-firefox .b-grid-cell.b-group-title {
  contain: size layout;
}
.b-group-state-icon {
  margin-inline-end: 0.5em;
  cursor: pointer;
  color: #505057;
}
.b-group-state-icon:before {
  content: "\f056";
}
.b-grid-group-collapsed .b-group-state-icon:before {
  content: "\f055";
}
.b-stripe .b-grid-row.b-group-row,
.b-grid-row.b-group-row {
  border-bottom: 2px solid #E9E9E9;
  cursor: pointer;
}
.b-gridbase.b-group .b-grid-header .b-sort-icon {
  display: contents;
}
.b-cut-row {
  opacity: 0.4;
}
.b-stickycells .b-grid-sticky-row {
  position: absolute;
  top: 0;
  left: 0;
  min-width: auto;
  border: 0 none;
  padding: 0;
  contain: initial;
}
.b-stickycells .b-grid-sticky-row .b-grid-cell {
  width: min-content;
  contain: initial;
  padding: 0;
  border: 0 none;
}
.b-stickycells .b-sticky-cells-current-top-row .b-sticky-content-el {
  visibility: hidden;
}
.b-stickycells .b-sticky-cells-current-top-row.b-not-enough-height .b-sticky-content-el {
  visibility: visible;
  align-self: flex-end;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-stripe .b-grid-row.b-odd {
  background-color: rgba(255, 255, 255, 0.8);
}
.b-stripe .b-grid-row.b-even {
  background-color: rgba(255, 255, 255, 0.8);
}
.b-stripe .b-grid-row {
  border-bottom: none;
}
.b-stripe .b-grid-row.b-selected {
  background-color: var(--solution-secondary-color);
}
.b-stripe .b-grid-row.b-selected .b-grid-cell.b-selected {
  background-color: var(--solution-secondary-color);
}
.b-stripe:focus .b-grid-row.b-selected {
  background-color: var(--solution-secondary-color);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-summary-wrap {
  flex: 0 0 100%;
  display: grid;
  column-gap: 1em;
  grid-template-columns: auto 1fr;
  align-items: center;
}
.b-summary-wrap > * {
  padding: 0.25em 0;
}
.b-summary-wrap .b-grid-summary-label {
  font-size: 0.7em;
}
.b-summary-wrap .b-grid-summary-value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-summary-wrap .b-grid-summary-value.b-nolabel {
  grid-column: span 2/span 2;
}
.b-summary-disabled .b-grid-footer-container {
  display: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-generated-parent.b-readonly .b-grid-cell {
  color: #000;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-rowexpander-body {
  display: flex;
  border-top: 1px solid #eee;
  left: 0;
  right: 0;
  color: #000;
  font-weight: 400;
}
.b-rowexpander-body, .b-rowexpander-body.b-no-resizeobserver.b-resize-monitored {
  position: absolute;
}
/* Applies when the rowExpander has spanRegions set to true */
.b-grid-vertical-scroller > .b-rowexpander-body {
  z-index: 100;
  transition: height 0.3s, top 0.3s;
  overflow: hidden;
}
.b-rowexpander-loading {
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  display: flex;
  width: 100%;
}
.b-rowexpander-loading .b-icon-spinner {
  margin-inline-end: 0.5em;
}
.b-gridbase .b-grid-row [data-column=expanderActionColumn] .b-icon.b-icon-collapse-down, .b-gridbase .b-grid-row [data-column=expanderActionColumn] .b-icon-collapse-down.b-icon-version, .b-gridbase .b-grid-row [data-column=expanderActionColumn] .b-icon-collapse-down.b-indicator.b-constraint-type-muststarton, .b-gridbase .b-grid-row [data-column=expanderActionColumn] .b-icon-collapse-down.b-indicator.b-constraint-type-mustfinishon, .b-gridbase .b-grid-row [data-column=expanderActionColumn] .b-icon-collapse-down.b-indicator.b-deadline-date {
  transition: transform 0.15s ease-in-out;
  font-size: 1em;
}
.b-rowexpander-disabled [data-column=expanderActionColumn] {
  opacity: 0.2;
  pointer-events: none;
}
.b-rowexpander.b-gridbase.b-animating.b-rowexpander-animating.b-autoheight .b-grid-body-container,
.b-rowexpander.b-gridbase.b-animating.b-rowexpander-animating.b-autoheight .b-grid-vertical-scroller {
  transition: height 0.3s;
  overflow-y: hidden !important;
}
.b-rowexpander.b-gridbase.b-animating.b-rowexpander-animating.b-autoheight .b-yscroll-pad {
  display: none;
}
.b-rowexpander.b-gridbase.b-animating.b-rowexpander-animating .b-grid-row {
  transition: height 0.3s, transform 0.3s;
}
.b-rowexpander-row-expanded:not(.b-row-is-collapsing) [data-column=expanderActionColumn] .b-icon-collapse-down {
  transform: rotate(180deg);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-exportdialog.b-popup .b-bottom-toolbar > button {
  flex: 1;
  margin-inline-end: 0.5em;
}
.b-exportdialog.b-popup .b-bottom-toolbar > button:last-child {
  margin-inline-end: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-footer-container {
  background-color: #FAFAFA;
  outline: 1px solid #E9E9E9;
  z-index: 2;
}
.b-grid-footer-container.b-hidden {
  display: none;
}
.b-grid-footers {
  display: inline-flex;
  align-items: stretch;
  height: 100%;
  white-space: nowrap;
  line-height: initial;
}
.b-grid-footer {
  display: flex;
  border-inline-end: 1px solid #E9E9E9;
  flex-shrink: 0;
  align-items: stretch;
  padding: 0.5em;
}
.b-grid-footer:last-child {
  border-inline-end: none;
}
.b-grid-footer-align-start,
.b-grid-footer-align-left {
  text-align: start;
}
.b-grid-footer-align-center {
  text-align: center;
}
.b-grid-footer-align-end,
.b-grid-footer-align-right {
  text-align: end;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-gridbase {
  position: relative;
  /*
     * This implements the fillLastColumn config. It causes the last leaf header, and the last cell in
     * each row to flex-grow to consume all available space when there are no configured flexed columns and rows are not
     * wider than their container.
     */
}
.b-gridbase.b-outer {
  height: 100%;
}
.b-gridbase.b-autoheight {
  height: auto;
  flex: none;
}
.b-gridbase.b-autoheight.b-ie {
  display: block;
}
.b-gridbase .b-grid-panel-body:not(.b-autoheight) > .b-grid-body-container {
  flex: 1 1 0;
  contain: strict;
}
.b-gridbase .b-grid-panel-body:not(.b-autoheight) > .b-grid-body-container > .b-grid-vertical-scroller {
  min-height: 100%;
}
.b-gridbase.b-grid-translate .b-grid-row, .b-gridbase.b-grid-translate3d .b-grid-row {
  transform-style: flat;
}
.b-gridbase.b-enable-sticky .b-sticky-cell,
.b-gridbase.b-enable-sticky .b-grid-subgrid,
.b-gridbase.b-enable-sticky .b-grid-vertical-scroller,
.b-gridbase.b-enable-sticky .b-grid-row {
  overflow: visible !important;
}
.b-gridbase.b-no-column-lines .b-grid-row .b-grid-cell {
  border-inline-end-color: transparent;
}
.b-gridbase.b-fill-last-column .b-grid-subgrid:not(.b-has-flex):not(.b-horizontal-overflow) .b-grid-cell:last-child,
.b-gridbase.b-fill-last-column .b-grid-subgrid:not(.b-has-flex):not(.b-horizontal-overflow) .b-grid-row.b-rowexpander-row-expanded .b-grid-cell:nth-last-child(2),
.b-gridbase.b-fill-last-column .b-grid-footers:not(.b-has-flex):not(.b-horizontal-overflow) .b-grid-footer:last-child,
.b-gridbase.b-fill-last-column .b-grid-headers:not(.b-has-flex):not(.b-horizontal-overflow) .b-last-parent,
.b-gridbase.b-fill-last-column .b-grid-headers:not(.b-has-flex):not(.b-horizontal-overflow) .b-last-leaf {
  flex-grow: 1;
}
.b-gridbase:not(.b-masked) .b-grid-empty {
  min-height: 5em;
}
.b-gridbase:not(.b-masked) .b-grid-empty .b-empty-text {
  display: block;
  color: #2E3538;
  background-color: #fff;
  padding: 1em;
  position: absolute;
  pointer-events: none;
}
.b-gridbase.b-grid-notextselection .b-grid-cell {
  -webkit-user-select: none;
  user-select: none;
}
.b-gridbase.b-notransition .b-grid-cell * {
  transition: none !important;
}
.b-gridbase.b-disabled {
  opacity: 0.5;
}
.b-grid-panel-body {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.b-gridbase:not(.b-animating) .b-grid-row:not(.b-grid-row-updating) .b-grid-cell:not(.b-widget-cell.b-focused) * {
  transition: none;
}
.b-gridbase.b-autoheight .b-grid-empty .b-grid-vertical-scroller {
  min-height: 100%;
}
.b-grid-body-container {
  position: relative;
}
.b-grid-body-container .b-empty-text {
  display: none;
  padding: 15px 20px;
}
.b-grid-body-container:focus {
  outline: none;
}
.b-grid-body-container:focus .b-grid-row.b-selected {
  background-color: var(--solution-secondary-color);
}
.b-grid-empty .b-empty-text {
  display: block;
}
.b-playing-demo .b-grid-body-container {
  overflow: hidden !important;
}
.b-grid-vertical-scroller {
  position: absolute;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  width: 100%;
  align-items: stretch;
}
.b-grid-row-container {
  display: inline-block;
  min-width: 100%;
}
.b-virtual-scrollers {
  z-index: 3;
  display: flex;
  flex-direction: row;
  contain: paint style layout;
}
.b-firefox .b-virtual-scrollers {
  contain: paint layout;
}
.b-virtual-scrollers .b-grid-splitter {
  display: none;
}
.b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers {
  pointer-events: auto;
}
.b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers .b-virtual-scroller {
  pointer-events: auto;
}
.b-overlay-scrollbar .b-virtual-scrollers {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.b-overlay-scrollbar .b-virtual-scrollers .b-virtual-scroller {
  height: 16px;
}
.b-virtual-scrollers .b-virtual-scroller {
  overflow-x: scroll;
  overflow-y: hidden;
}
.b-virtual-scrollers .b-virtual-width {
  height: 1px;
}
.b-overlay-scrollbar .b-virtual-scroller:hover,
.b-overlay-scrollbar .b-virtual-scroller.b-show-virtual-scroller {
  pointer-events: all;
  opacity: 1;
  transition: opacity 0.5s;
}
/* using tag name to increase specificity, otherwise rule gets overridden by salesforce styles */
.b-grid-footer-container,
header.b-grid-header-container {
  display: flex;
  flex-direction: row;
}
.b-grid-header-container {
  border-bottom: 1px solid #E9E9E9;
  position: relative;
}
.b-grid-footer-scroller,
.b-grid-header-scroller {
  overflow: hidden;
  position: relative;
  display: flex;
}
.b-grid-footers,
.b-grid-headers {
  z-index: 2;
  contain: paint style layout;
  flex: 1 1 auto;
}
.b-firefox .b-grid-footers,
.b-firefox .b-grid-headers {
  contain: paint layout;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --row-splice-duration: 300ms;
}
.b-grid-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  position: absolute;
  left: 0;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  height: 45px;
  contain: layout;
}
.b-grid-subgrid .b-grid-row {
  min-width: 100%;
}
.b-grid-row .b-tree-cell-value {
  max-width: 100%;
}
.b-grid-subgrid.b-horizontal-overflow .b-grid-row {
  min-width: max(var(--total-column-width, 100%), 100%);
}
.b-grid-row.b-aborting {
  transition: background-color 0.2s, transform 0.3s;
}
.b-splicing-rows .b-grid-row {
  transition: transform var(--row-splice-duration), top var(--row-splice-duration);
}
.b-rtl .b-grid-row {
  left: auto;
  right: 0;
}
.b-grid-row.b-selected {
  background-color: var(--solution-secondary-color);
}
.b-grid-row.b-selected .b-grid-cell.b-checkbox-selection {
  background-color: var(--solution-secondary-color);
}
.b-grid-row.b-removing {
  z-index: -1;
  animation: row-removing var(--row-splice-duration) forwards;
  pointer-events: none;
}
.b-grid-row.b-adding {
  animation: row-adding var(--row-splice-duration) forwards;
  pointer-events: none;
}
.b-grid-row.b-fa {
  display: flex;
}
.b-grid-row.b-fa::before {
  content: none;
}
.b-grid-refreshing .b-grid-row {
  transition: none;
}
.b-grid-row:not(.b-selected) .b-grid-cell.b-selected {
  background-color: var(--solution-secondary-color);
}
.b-grid-row:not(.b-selected) .b-grid-cell.b-selected.b-hover {
  background-color: var(--solution-secondary-color);
}
.b-grid-row:not(.b-selected) .b-grid-cell.b-selected.b-checkbox-selection {
  background-color: var(--solution-secondary-color);
}
.b-grid-cell {
  position: relative;
  display: flex;
  align-items: center;
  color: #000;
  font-weight: 400;
  padding: 0 16px;
  overflow: hidden;
  white-space: nowrap;
  flex-shrink: 0;
  text-overflow: ellipsis;
  border-inline-end: 1px solid #eee;
  transform-style: flat;
  width: 0;
  contain: strict;
}
.b-fill-last-column .b-grid-cell:last-child, .b-fill-last-column.b-rowexpander-row-expanded .b-grid-cell:nth-last-child(2) {
  border-inline-end-color: transparent;
}
.b-grid-cell > i:not(:last-child) {
  margin-inline-end: 0.5em;
}
.b-show-dirty .b-grid-cell.b-cell-dirty:not(.b-editing):before, .b-show-dirty-during-edit .b-grid-cell.b-cell-dirty:before {
  content: "";
  clip-path: polygon(0% 50%, 0% 0%, 50% 0%);
  z-index: 2;
  position: absolute;
  top: 0;
  left: 1px;
  background-color: red;
  width: 1.2em;
  height: 1.2em;
}
.b-rtl .b-show-dirty .b-grid-cell.b-cell-dirty:not(.b-editing):before, .b-rtl .b-show-dirty-during-edit .b-grid-cell.b-cell-dirty:before {
  left: auto;
  right: 0;
  clip-path: polygon(100% 50%, 50% 0%, 100% 0%);
}
.b-grid-cell.b-checkbox-selection {
  background-color: #F3F3F4;
}
.b-grid-cell:focus, .b-grid-cell:focus-within {
  transition: none !important;
  outline: none;
}
.b-grid-cell.b-auto-height {
  white-space: normal;
}
.b-grid-cell.b-measuring-auto-height {
  contain: paint style layout;
  align-self: baseline;
}
.b-firefox .b-grid-cell.b-measuring-auto-height {
  contain: paint layout;
}
.b-grid-cell-align-right,
.b-grid-cell-align-end {
  justify-content: flex-end;
}
.b-grid-cell-align-center {
  justify-content: center;
}
.b-grid-subgrid {
  overscroll-behavior: contain auto;
  position: relative;
}
.b-grid-subgrid.b-grid-subgrid-collapsed {
  width: 0;
  min-width: 0 !important;
}
.b-grid-subgrid.b-grid-subgrid-animate-collapse {
  transition: width 0.15s;
}
.b-playing-demo .b-grid-subgrid {
  overflow: hidden !important;
}
.b-grid-header-scroller.b-grid-subgrid-animate-collapse {
  transition: width 0.15s;
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-hover {
  background-color: var(--solution-secondary-color);
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-hover.b-selected {
  background-color: var(--solution-secondary-color);
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-hover .b-grid-cell {
  background-color: var(--solution-secondary-color);
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row).b-hover .b-grid-cell.b-checkbox-selection {
  background-color: var(--solution-secondary-color);
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row) .b-grid-cell.b-hover {
  background-color: var(--solution-secondary-color);
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row) .b-grid-cell.b-hover.b-selected {
  background-color: var(--solution-secondary-color);
}
.b-gridbase:not(.b-moving-splitter) .b-grid-subgrid:not(.b-timeaxissubgrid) .b-grid-row:not(.b-group-row) .b-grid-cell.b-hover.b-checkbox-selection {
  background-color: var(--solution-secondary-color);
}
@keyframes row-removing {
  0% {
    opacity: 0.85;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
  }
}
@keyframes row-adding {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-header-container {
  background-color: #FAFAFA;
  z-index: 4;
}
.b-grid-header-container.b-hidden {
  position: absolute;
  clip-path: inset(0 0 100% 0);
  contain: strict;
}
.b-grid-headers {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: stretch;
  line-height: initial;
  position: relative;
}
.b-grid-header-align-right > .b-grid-header-text > .b-grid-header-text-content,
.b-grid-header-align-end > .b-grid-header-text > .b-grid-header-text-content {
  text-align: end;
}
.b-grid-header-align-center > .b-grid-header-text > .b-grid-header-text-content {
  text-align: center;
}
.b-gridbase:not(.b-column-resizing):not(.b-row-reordering) .b-grid-header-container:not(.b-dragging-header) .b-depth-0:focus, .b-gridbase:not(.b-column-resizing):not(.b-row-reordering) .b-grid-header-container:not(.b-dragging-header) .b-depth-0.b-check-header-with-checkbox:focus-within {
  background-color: #FAFAFA;
}
.b-gridbase:not(.b-column-resizing):not(.b-row-reordering) .b-grid-header-container:not(.b-dragging-header) .b-depth-0:hover, .b-gridbase:not(.b-column-resizing):not(.b-row-reordering) .b-grid-header-container:not(.b-dragging-header) .b-depth-0.b-hover {
  background-color: #FAFAFA;
}
.b-gridbase.b-columnresize .b-grid-header-resizable:not(.b-last-leaf) {
  overflow: visible;
}
.b-gridbase.b-columnresize .b-grid-header-resizable .b-grid-header-resize-handle {
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  width: 10px;
  background-color: transparent;
  z-index: 3;
  cursor: col-resize;
  display: block;
}
.b-gridbase.b-columnresize.b-rtl .b-grid-header-resizable .b-grid-header-resize-handle {
  left: -5px;
  right: auto;
}
.b-touch-events .b-gridbase.b-columnresize .b-grid-header-resizable .b-grid-header-resize-handle {
  right: -10px;
  width: 20px;
}
.b-rtl .b-touch-events .b-gridbase.b-columnresize .b-grid-header-resizable .b-grid-header-resize-handle {
  left: -10px;
  right: auto;
}
.b-fill-last-column .b-grid-headers .b-last-parent,
.b-fill-last-column .b-grid-headers .b-last-leaf {
  border-inline-end-color: transparent;
}
.b-fill-last-column .b-grid-headers .b-last-parent > .b-grid-header-text,
.b-fill-last-column .b-grid-headers .b-last-leaf > .b-grid-header-text {
  border-inline-end-color: transparent;
}
.b-grid-header-text {
  -webkit-user-select: none;
  user-select: none;
  padding: 1em 0 1em 0;
  white-space: nowrap;
  position: relative;
  font-weight: inherit;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.b-grid-header-text > .b-grid-header-text-content {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 0;
  width: 0;
  font-size: 13px;
  color: #2E3538;
}
.b-grid-header-text > .b-grid-header-text-content > i {
  margin-inline-end: 0.5em;
}
.b-grid-header-children {
  display: flex;
  flex-direction: column;
}
.b-grid-header-children > * {
  width: inherit;
}
.b-grid-header {
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  color: #2E3538;
  outline: none;
  border-inline-end: 1px solid #E9E9E9;
  text-transform: none;
}
.b-grid-header:not(.b-depth-0) {
  overflow: visible;
}
.b-grid-header.b-depth-0 {
  padding-inline: 20px 20px;
  width: 0;
}
.b-grid-header.b-depth-0 .b-grid-header-text {
  border-bottom: none;
  transition: background-color 0.2s;
  flex-direction: row;
}
.b-grid-header.b-sortable {
  cursor: pointer;
}
.b-grid-header.b-grid-header-parent {
  border-inline-end: none;
  flex-basis: auto;
  padding-inline: 0;
}
.b-grid-header.b-grid-header-parent > .b-grid-header-text {
  padding-inline: 20px 20px;
  border-inline-end: 1px solid #E9E9E9;
  flex: 1 1 auto;
}
.b-grid-header .b-grid-header-resize-handle {
  display: none;
}
.b-grid-header-parent > .b-grid-header-children {
  border-top: 1px solid #E9E9E9;
  flex-flow: row nowrap;
  flex: 1 1 auto;
}
.b-grid-header .b-button[data-ref=collapseExpand] {
  min-width: 2em;
  min-height: 2em;
  padding: 0;
  position: absolute;
  right: 0;
}
.b-grid-header .b-button[data-ref=collapseExpand]:hover {
  background-color: transparent;
}
.b-groupbar {
  display: flex;
  flex: 1;
  align-self: center;
  gap: 2em;
  margin-inline-start: 0.3em;
  height: 2.5em;
}
.b-groupbar .b-chip {
  position: relative;
  padding-block: 0.5em;
  padding-inline: 1em;
  outline: none !important;
  cursor: pointer;
}
.b-groupbar .b-chip .b-close-icon {
  margin-inline-start: 1em;
}
.b-groupbar .b-chip:not(:last-child):after {
  content: "\f105";
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  font-style: normal;
  text-decoration: none;
  position: absolute;
  right: -1.25em;
}
.b-rtl .b-groupbar .b-chip:not(:last-child):after {
  content: "\f104";
  right: unset;
  left: -1.25em;
}
.b-groupbar.b-chips-closable .b-chip {
  padding-inline-end: 0.6em;
}
.b-groupbar .b-chip.b-drop-target {
  width: 8em;
  opacity: 0.5;
}
.b-groupbar .b-chip.b-drop-target .b-icon, .b-groupbar .b-chip.b-drop-target .b-icon-version, .b-groupbar .b-chip.b-drop-target .b-indicator.b-constraint-type-muststarton, .b-groupbar .b-chip.b-drop-target .b-indicator.b-constraint-type-mustfinishon, .b-groupbar .b-chip.b-drop-target .b-indicator.b-deadline-date {
  display: none;
}
.b-grid-reordering-columns-with-groupbar.b-grid-header.b-drag-proxy {
  border-radius: 1em;
  min-width: 10em !important;
  padding-inline: 1em;
}
.b-grid-reordering-columns-with-groupbar.b-grid-header.b-drag-proxy .b-grid-header-text {
  padding: 0.5em 0;
}
.b-grid-reordering-columns-with-groupbar.b-grid-header.b-drag-proxy, .b-grid-reordering-columns-with-groupbar.b-grid-header.b-drag-proxy .b-grid-header-text-content {
  width: auto !important;
}
.b-new-column-column * {
  height: 100%;
  width: 100%;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-percentdone-circle {
  --gantt-percentdone-angle: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-height: 3em;
  max-width: 3em;
  border-radius: 50%;
  background-color: #eee;
  background-image: conic-gradient(#03a9f4 0 var(--gantt-percentdone-angle), transparent var(--gantt-percentdone-angle) 1turn);
}
.b-percentdone-circle.b-full, .b-percentdone-circle.b-empty {
  background-image: none;
}
.b-percentdone-circle.b-full {
  background-color: #03a9f4;
}
.b-percentdone-circle::after {
  content: attr(data-value);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 50%;
  background: #fff;
  font-size: 0.8em;
  color: #000;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-resourceassignment-cell {
  padding-block: 0.4em;
}
.b-resource-avatar-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.b-resource-avatar-container .b-resource-avatar {
  margin-inline-end: 2px;
  height: 100%;
  width: auto;
}
.b-resource-avatar-container .b-resource-avatar.b-drag-original {
  opacity: 0.5;
}
.b-resource-avatar-container:empty {
  height: 2.2em;
}
.b-draggable-resource-avatars .b-resource-avatar-container > .b-resource-avatar {
  cursor: pointer;
}
.b-resource-initials:not([class*=b-sch-]) {
  background: #63cdfd;
}
.b-overflow-img {
  overflow: hidden;
  position: relative;
}
.b-overflow-img .b-resource-avatar {
  filter: brightness(60%);
  margin-inline-end: 0;
}
.b-overflow-img .b-overflow-count {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  pointer-events: none;
}
.b-grid-cell .b-react-portal-container {
  max-width: 100%;
}
.gantt-grid-column-name {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.gantt-grid-column-name:not(.is-group) {
  padding-left: 23px;
}
.gantt-grid-column-name:not(.is-group)::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 5px;
  width: 4px;
  height: 4px;
  background: var(--solution-primary-color);
  border-radius: 50%;
}
.gantt-grid-column-name__expand {
  position: absolute;
  top: 50%;
  left: -2px;
  opacity: 0;
  display: inline-flex;
  cursor: pointer;
  transform: translateY(-50%);
  transition: opacity 150ms ease-out;
}
.gantt-grid-column-name__expand:before {
  content: "";
  opacity: 0.1;
  position: absolute;
  top: -4px;
  right: -4px;
  left: -4px;
  bottom: -4px;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  transition: opacity 150ms ease-out;
}
.gantt-grid-column-name__expand:hover:before {
  opacity: 0.2;
  transition: opacity 200ms ease-in;
}
.b-grid-row.b-hover .gantt-grid-column-name.is-show-expand::before, .b-grid-row.b-selected .gantt-grid-column-name.is-show-expand::before {
  opacity: 0;
}
.b-grid-row.b-hover .gantt-grid-column-name__expand, .b-grid-row.b-selected .gantt-grid-column-name__expand {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.b-grid-row.b-hover .gantt-grid-column-name__link, .b-grid-row.b-selected .gantt-grid-column-name__link {
  color: var(--solution-primary-color);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-baseline-wrap {
  display: flex;
  flex-direction: column;
  position: absolute;
  transition: none;
  z-index: 7;
  top: 0.4em;
  height: 0.6em;
}
.b-task-baseline {
  font-size: 14px;
  position: relative;
  flex: 0.5;
  border: 0 solid orange;
  transition: flex 0.3s, border-width 0.3s, font-size 0.3s;
  background-color: #ddd;
  margin-top: 1px;
  pointer-events: all;
}
.b-animating .b-task-baseline {
  transition: flex 0.3s, border-width 0.3s, font-size 0.3s, width 0.3s, left 0.3s;
}
.b-baselines .b-gantt-task-wrap.b-has-baselines {
  height: 0.4em;
}
.b-baselines .b-gantt-task-wrap.b-has-baselines.b-milestone-wrap {
  font-size: 60%;
  transition: flex 0.3s, font-size 0.3s;
}
.b-task-baseline-milestone {
  border: none;
  font-size: 30%;
}
.b-task-baseline-milestone::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: " ";
  height: 0.707107em;
  width: 0.707107em;
  transform-origin: 50% 50%;
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
  background-image: inherit;
  background-color: inherit;
  will-change: transform;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-ganttbase .b-sch-terminal {
  cursor: pointer !important;
}
.b-ganttbase svg.b-sch-dependencies-canvas .b-sch-dependency {
  marker-end: none;
  marker-start: url("#arrowEnd");
}
.b-ganttbase svg.b-sch-dependencies-canvas .b-sch-dependency.b-sch-dependency-ends-outside {
  marker-start: none;
}
.b-ganttbase.b-edge svg.b-sch-dependencies-canvas > .b-sch-dependency:not(.b-sch-dependency-ends-outside) {
  marker-start: url("#arrowStart");
}
.b-gantt-task-wrap:not(.b-gantt-task-hover) .b-sch-terminal {
  display: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-indicator {
  position: absolute;
  pointer-events: all;
  z-index: 6;
  overflow: visible;
  white-space: nowrap;
  transition: color 0.2s, border-color 0.2s;
  color: #ccc;
}
.b-indicator.b-has-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-animating .b-indicator {
  transition: all 0.2s;
}
.b-indicator i {
  font-size: 0.6em;
  color: #ccc;
}
.b-indicator:hover {
  z-index: 7;
  color: #999;
  border-color: #999;
}
.b-indicator.b-has-icon::before {
  top: 90%;
}
.b-indicator.b-bottom {
  margin-top: calc(1em + 4px);
}
.b-indicator.b-early-dates, .b-indicator.b-late-dates {
  height: 6px !important;
  border-width: 1px;
  border-style: solid;
  border-top: none;
  border-color: #ccc;
}
.b-indicator.b-early-dates:hover, .b-indicator.b-late-dates:hover {
  border-color: #999;
}
.b-indicator.b-deadline-date {
  width: auto;
  margin-inline-start: -2.5px;
}
.b-indicator.b-deadline-date::before {
  content: "\f024";
  color: #f44336;
  font-size: 12px;
  vertical-align: top;
  position: relative;
  top: -2px;
  transition: color 0.2s;
}
.b-timeaxissubgrid.b-rtl .b-indicator.b-deadline-date::before {
  transform: rotateY(180deg);
}
.b-indicator.b-deadline-date:hover::before {
  color: #ba160a;
}
.b-indicator.b-constraint-date {
  width: 6px;
}
.b-indicator.b-constraint-date::before {
  transition: border-color 0.2s, background-color 0.2s;
}
.b-indicator.b-constraint-date:hover::before {
  border-color: #999;
}
.b-indicator.b-constraint-type-muststarton, .b-indicator.b-constraint-type-mustfinishon {
  border: none;
  width: auto;
  margin-inline-start: -4.5px;
}
.b-indicator.b-constraint-type-muststarton::before, .b-indicator.b-constraint-type-mustfinishon::before {
  content: "\f08d";
  font-size: 12px;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.b-indicator.b-constraint-type-startnoearlierthan, .b-indicator.b-constraint-type-startnolaterthan {
  width: 5px;
  height: 10px !important;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #ccc;
  background-color: #ccc;
}
.b-timeaxissubgrid.b-rtl .b-indicator.b-constraint-type-startnoearlierthan, .b-timeaxissubgrid.b-rtl .b-indicator.b-constraint-type-startnolaterthan {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.b-indicator.b-constraint-type-startnolaterthan {
  background-color: transparent;
}
.b-indicator.b-constraint-type-startnoearlierthan:hover {
  background-color: #999;
}
.b-indicator.b-constraint-type-finishnoearlierthan, .b-indicator.b-constraint-type-finishnolaterthan {
  margin-inline-start: -5px;
  width: 5px;
  height: 10px !important;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: 1px solid #ccc;
  background-color: #ccc;
}
.b-timeaxissubgrid.b-rtl .b-indicator.b-constraint-type-finishnoearlierthan, .b-timeaxissubgrid.b-rtl .b-indicator.b-constraint-type-finishnolaterthan {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.b-indicator.b-constraint-type-finishnolaterthan {
  background-color: transparent;
}
.b-indicator.b-constraint-type-finishnoearlierthan:hover {
  background-color: #999;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-parent-area {
  position: absolute;
  z-index: 4;
  background: rgba(136, 136, 136, 0.1450980392);
  pointer-events: none;
}
.b-animating .b-parent-area {
  transition: left 0.2s, top 0.2s, width 0.2s;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-progress-line-canvas {
  z-index: 127;
  width: inherit;
}
.b-gantt-progress-line {
  stroke: #f44336;
}
.b-scrollbuttons {
  --scrollbutton-color: #d5d5d5;
  --scrollbutton-background-color: #fff;
  --scrollbutton-hover-color: #a2a2a2;
}
.b-scrollbuttons .b-timeaxissubgrid .b-grid-row,
.b-scrollbuttons .b-timeaxissubgrid .b-grid-cell {
  z-index: 2;
  overflow: unset;
}
.b-scrollbuttons .b-timeaxissubgrid .b-column-lines-canvas {
  z-index: 0;
}
.b-scrollbuttons .b-timeaxissubgrid svg.b-sch-dependencies-canvas {
  z-index: 2;
}
.b-scrollbuttons .b-timeaxissubgrid .b-scroll-buttons-container {
  height: 100%;
  display: flex;
  width: 100%;
  pointer-events: none;
}
.b-scrollbuttons .b-timeaxissubgrid .b-scroll-buttons-content {
  position: sticky;
  left: 1em;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.b-scrollbuttons .b-timeaxissubgrid .b-scroll-buttons-content label {
  font-size: 0.9em;
  font-weight: 500;
}
.b-scrollbuttons .b-timeaxissubgrid i.b-scroll-button {
  position: relative;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0.1em 0;
  border: 2px solid currentColor;
  padding: 0.5em;
  background: var(--scrollbutton-background-color);
  border-radius: 50%;
  transition: color 0.2s ease-in-out !important;
  color: var(--G-3, #C7C8C9);
  cursor: pointer;
  pointer-events: none;
}
.b-scrollbuttons .b-timeaxissubgrid i.b-scroll-button:hover {
  color: var(--solution-primary-color);
}
.b-scrollbuttons .b-timeaxissubgrid i.b-scroll-button.b-task-visible {
  opacity: 0;
  pointer-events: none;
}
.b-scrollbuttons .b-timeaxissubgrid i.b-scroll-button.b-icon-after::before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 4px;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  rotate: 45deg;
}
.b-grid-row:hover i.b-scroll-button {
  opacity: 1;
  pointer-events: all;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-ganttbase.b-dragging-task {
  -webkit-user-select: none;
  user-select: none;
}
.b-ganttbase.b-dragging-task .b-gantt-task,
.b-ganttbase.b-dragging-task .b-sch-dependency {
  pointer-events: none;
}
.b-gantt-task-wrap.b-aborting {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, transform 0.2s;
}
.b-gantt-taskdrag-tooltip {
  pointer-events: none !important;
}
.b-gantt-taskdrag-tooltip .b-sch-tip-message {
  display: none;
}
.b-gantt-task-tooltip {
  min-width: 250px;
  max-width: 350px;
}
.b-gantt-task-tooltip .b-tooltip-content.b-panel-content {
  margin: 0;
  margin-block: 0;
  padding: 15px;
  padding-block: 15px;
}
.b-gantt-task-tooltip .b-sch-clockwrap {
  margin-top: 0.5em;
}
.b-gantt-task-tooltip .b-sch-clockwrap:first-child {
  margin-top: 0;
}
.b-gantt-task-tooltip .b-gantt-task-title {
  font-weight: 600;
}
.b-gantt-task-tooltip-member {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  vertical-align: top;
}
.b-gantt-task-tooltip-member__avatar {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
}
.b-gantt-task-tooltip-member__name {
  overflow: hidden;
  max-width: 200px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.b-gantt-task-tooltip-feature__title {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  word-break: break-word;
}
.b-gantt-task-tooltip-feature__list {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.b-gantt-task-tooltip-feature__row {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.b-gantt-task-tooltip-feature__label {
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
}
.b-gantt-task-tooltip-feature__body {
  overflow: hidden;
  font-size: 13px;
  line-height: 18px;
  text-align: right;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-tasknonworkingtime {
  display: flex;
  position: absolute;
  background-color: rgba(240, 240, 240, 0.5);
  z-index: 2;
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s;
  justify-content: center;
  align-items: center;
  padding: 3px;
  font-size: 0.5em;
  pointer-events: all;
  gap: 0.5em;
  overflow: hidden;
}
.b-tasknonworkingtime [data-task-feature] {
  font-size: 12px;
}
.b-animating .b-tasknonworkingtime {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, transform 0.2s, width 0.2s, height 0.2s, font-size 0.2s;
}
.b-tasknonworkingtime.b-released {
  display: none;
  transition: none;
}
.b-gantt-task > .b-tasknonworkingtime {
  top: 0;
  height: 100%;
  font-size: 0.8em;
  color: #555;
  pointer-events: none;
}
.b-gantt-task > .b-tasknonworkingtime i.b-fa {
  margin-inline-end: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-ganttbase.b-gantt-critical-paths {
  /* parents */
  /* leaves */
  /* dependencies */
}
.b-ganttbase.b-gantt-critical-paths marker#arrowEndCritical {
  fill: #b81f1f;
}
.b-ganttbase.b-gantt-critical-paths marker#arrowEndCritical path {
  fill: #b81f1f;
  stroke: #b81f1f;
}
.b-ganttbase.b-gantt-critical-paths .b-gantt-task-parent .b-gantt-task.b-critical:not(.b-milestone) {
  box-shadow: 0 0 8px red;
}
.b-ganttbase.b-gantt-critical-paths .b-gantt-task-parent .b-gantt-task.b-critical.b-milestone .b-gantt-task-content:before {
  box-shadow: 0 0 8px red;
}
.b-ganttbase.b-gantt-critical-paths .b-gantt-task.b-critical:not(.b-milestone):not(.b-gantt-task-parent) {
  box-shadow: 0 0 8px red;
}
.b-ganttbase.b-gantt-critical-paths .b-gantt-task.b-critical.b-milestone .b-gantt-task-content:before {
  box-shadow: 0 0 8px red;
}
.b-ganttbase.b-gantt-critical-paths .b-milestone-wrap .b-gantt-task.b-critical:before {
  box-shadow: 0 0 8px red;
}
.b-ganttbase.b-gantt-critical-paths .b-sch-dependency.b-critical {
  stroke: #b81f1f;
  stroke-width: 2;
  marker-start: url("#arrowEndCritical");
}
.b-gantt-task-parent:has(.b-gantt-task.b-critical):not(.b-milestone-wrap) {
  position: absolute;
}
.b-gantt-task-parent:has(.b-gantt-task.b-critical):not(.b-milestone-wrap):before {
  content: " ";
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 8px;
  left: 4px;
  box-shadow: 0 0 8px red;
}
.b-task-rollup-wrap {
  grid-area: rollup;
  display: block;
  align-self: stretch;
  position: relative;
  min-height: 3px;
  height: 0.2em;
  margin-top: 0.15em;
  grid-area: rollup;
}
.b-task-rollup {
  background-color: #69db7c;
  position: absolute;
  height: 100%;
  opacity: 0.4;
}
.b-task-rollup.b-inactive {
  filter: grayscale(1);
  opacity: 0.5;
}
.b-rollups .b-baseline-wrap {
  top: 0.6em;
}
.b-rollups .b-gantt-task-parent:not(.b-milestone-wrap) .b-gantt-task {
  min-height: 1em;
}
.b-task-rollup.b-milestone {
  top: 50%;
  width: 0.275em;
  height: 0.275em;
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform-origin: 50% 50%;
  z-index: 2;
  background-color: #63cdfd;
  opacity: 0.9;
}
.b-gantt-task-tooltip .b-gantt-task-title.b-follow-on {
  margin-top: 1em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-style-plain.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone), .b-sch-style-plain.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-border.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-border.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-hollow.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-hollow.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-line.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-line.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-dashed.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-dashed.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-minimal.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-minimal.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-rounded.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-rounded.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected {
  border-width: 0;
  background-color: transparent;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-segmented::before, .b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-segmented::after,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event.b-segmented::before,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event.b-segmented::after {
  content: unset;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-segmented .b-sch-event,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event.b-segmented .b-sch-event {
  top: 0;
}
.b-sch-style-minimal .b-sch-event .b-sch-event-segments {
  height: 100%;
}
.b-event-segment-renamer {
  z-index: 15;
}
.b-gantt > .b-editor {
  z-index: 5;
}
.b-gantt-task.b-milestone label,
.b-gantt-task .b-gantt-task-content,
.b-gantt-task-wrap:not(.b-milestone-wrap) .b-gantt-task {
  font-size: 14px;
}
.b-gantt-task-wrap {
  position: absolute;
  z-index: 7;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s;
  contain: layout style;
}
.b-gantt-task-wrap.b-readonly {
  opacity: 0.8;
}
.b-gantt-task-wrap.b-readonly .b-sch-event-content {
  opacity: 0.5;
}
.b-animating:not(.b-eventbuffer-transition) .b-gantt-task-wrap:not(.b-dragging,
.b-gantt-task-wrap-resizing,
.b-reusing-own) {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, left 0.2s, top 0.2s, transform 0.2s, width 0.2s, height 0.2s, font-size 0.2s;
}
.b-toggling-node .b-gantt-task-wrap {
  transition: none;
}
.b-gantt-task-wrap.b-sch-event-hover, .b-gantt-task-wrap:focus {
  z-index: 107 !important;
}
.b-gantt-task-wrap:focus {
  outline: none;
}
.b-scrolling .b-gantt-task-wrap:not(.b-aborting) {
  transition: none !important;
}
.b-scrolling .b-gantt-task-wrap:not(.b-aborting) .b-gantt-task {
  transition: none !important;
}
.b-grid-body-container.b-scrolling .b-gantt-task-wrap {
  pointer-events: none;
}
.b-gantt-task-wrap.b-milestone-wrap {
  z-index: 6;
}
.b-gantt-task-wrap.b-milestone-wrap .b-gantt-task {
  overflow: visible;
  box-shadow: none;
  background-color: transparent;
  width: 1em;
}
.b-gantt-task-wrap.b-milestone-wrap .b-gantt-task:not(.b-gantt-task-withicon) .b-gantt-task-content {
  transition: background-color 0.2s, border 0.2s;
}
.b-gantt-task-wrap.b-milestone-wrap .b-gantt-task.b-gantt-task-withicon {
  justify-content: center;
}
.b-gantt-task-wrap.b-milestone-wrap .b-gantt-task.b-gantt-task-withicon .b-gantt-task-content {
  font-size: inherit;
  justify-content: center;
  background-color: transparent;
}
.b-gantt-task-wrap.b-milestone-wrap .b-gantt-task.b-gantt-task-withicon i {
  margin-inline-end: 0;
  line-height: 1em;
}
.b-gantt-task-wrap.b-milestone-wrap .b-gantt-task label {
  position: absolute;
  left: 110%;
}
.b-gantt-task-wrap.b-milestone-wrap .b-gantt-task-content {
  display: flex;
  align-items: center;
}
.b-gantt-task-wrap.b-milestone-wrap .b-fa,
.b-gantt-task-wrap.b-milestone-wrap .b-icon,
.b-gantt-task-wrap.b-milestone-wrap .b-icon-version,
.b-gantt-task-wrap.b-milestone-wrap .b-indicator.b-deadline-date,
.b-gantt-task-wrap.b-milestone-wrap .b-indicator.b-constraint-type-muststarton,
.b-gantt-task-wrap.b-milestone-wrap .b-indicator.b-constraint-type-mustfinishon {
  margin-inline-end: 1em;
  color: var(--solution-primary-color);
  font-size: inherit;
}
.b-labels-topbottom .b-gantt-task-wrap.b-milestone-wrap .b-gantt-task:not(.b-gantt-task-withicon) {
  font-size: 40%;
}
.b-gantt-task-wrap.b-milestone-wrap .b-gantt-task:not(.b-gantt-task-withicon) .b-gantt-task-content {
  font-size: inherit;
}
.b-gantt-task-wrap.b-milestone-wrap .b-gantt-task:not(.b-gantt-task-withicon) .b-gantt-task-content::before {
  position: absolute;
  left: 0.1464465em;
  content: " ";
  height: 0.707107em;
  width: 0.707107em;
  transform-origin: 50% 50%;
  transform: rotate(45deg);
  background-color: inherit;
}
.b-gantt-task-wrap.b-milestone-wrap.b-measure {
  height: 1em;
  position: fixed;
  top: -10000px;
  left: -10000px;
  visibility: hidden;
}
.b-gantt-task-wrap.b-milestone-wrap.b-measure label {
  font-weight: 400;
}
.b-gantt.b-gantt-layout-milestones .b-gantt-task-wrap.b-milestone-wrap {
  margin: 0;
  min-width: 0;
  flex-direction: row;
}
.b-gantt.b-gantt-layout-milestones .b-gantt-task-wrap.b-milestone-wrap.b-active .b-gantt-task.b-milestone,
.b-gantt.b-gantt-layout-milestones .b-gantt-task-wrap.b-milestone-wrap.b-active .b-gantt-task.b-milestone:before {
  outline: none;
}
.b-gantt.b-gantt-layout-milestones .b-gantt-task-wrap.b-milestone-wrap .b-gantt-task.b-milestone {
  font-size: inherit;
  left: 0.5em;
  width: calc(100% - 1em);
  min-width: 0;
  padding: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.b-gantt.b-gantt-layout-milestones .b-gantt-task-wrap.b-milestone-wrap .b-gantt-task.b-milestone .b-gantt-task-content {
  background-color: transparent;
  font-size: 14px;
  justify-content: center;
}
.b-gantt.b-gantt-layout-milestones .b-gantt-task-wrap.b-milestone-wrap .b-gantt-task.b-milestone .b-gantt-task-content::before {
  content: none;
}
.b-gantt.b-gantt-layout-milestones .b-gantt-task-wrap.b-milestone-wrap .b-gantt-task.b-milestone::before, .b-gantt.b-gantt-layout-milestones .b-gantt-task-wrap.b-milestone-wrap .b-gantt-task.b-milestone::after {
  background: inherit;
  position: absolute;
  content: " ";
  height: 0.707107em;
  width: 0.707107em;
  z-index: 0;
}
.b-gantt.b-gantt-layout-milestones .b-gantt-task-wrap.b-milestone-wrap .b-gantt-task.b-milestone::before {
  top: 50%;
  left: 0;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.b-gantt.b-gantt-layout-milestones .b-gantt-task-wrap.b-milestone-wrap .b-gantt-task.b-milestone::after {
  right: 0;
  transform: rotate(-45deg);
  transform-origin: 100% 0;
}
.b-gantt.b-gantt-layout-milestones .b-gantt-task-wrap.b-milestone-wrap.b-measure .b-gantt-task.b-milestone {
  width: calc(100% + 1em);
}
.b-gantt-task {
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 1px);
  text-align: left;
  padding-inline-start: 0;
  min-width: 5px;
  min-height: 5px;
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s;
  position: relative;
}
.b-toggling-node .b-gantt-task {
  transition: none;
}
.b-gantt-task label {
  color: #888;
}
.b-gantt-task:not(.b-milestone) .b-fa, .b-gantt-task:not(.b-milestone) .b-icon, .b-gantt-task:not(.b-milestone) .b-icon-version, .b-gantt-task:not(.b-milestone) .b-indicator.b-deadline-date, .b-gantt-task:not(.b-milestone) .b-indicator.b-constraint-type-muststarton, .b-gantt-task:not(.b-milestone) .b-indicator.b-constraint-type-mustfinishon {
  margin-inline-end: 0.75em;
  line-height: inherit;
}
.b-gantt-task:before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
}
.b-gantt-task.b-gantt-event-resizing, .b-gantt-task:hover {
  z-index: 8;
}
.b-gantt-task.b-gantt-task-selected, .b-gantt-task.b-gantt-task-selected * {
  font-weight: 500;
  z-index: 8;
}
.b-gantt-task.b-gantt-task-assign-selected {
  animation-name: instance-selected;
  animation-duration: 0.2s;
  animation-iteration-count: 3;
  animation-timing-function: ease-in-out;
}
.b-gantt-task.b-milestone {
  transition: background 0s;
}
.b-gantt-task-wrap:not(.b-milestone-wrap) {
  min-width: 6px;
  min-height: 6px;
}
@keyframes instance-selected {
  0% {
    top: -2px;
  }
  50% {
    top: 2px;
  }
  100% {
    top: 0;
  }
}
.b-initial-fade-in .b-sch-dependency,
.b-initial-fade-in .b-sch-event-wrap {
  opacity: 0;
  animation-name: initial-fade-in;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes initial-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-initial-zoom-in .b-sch-event-wrap .b-gantt-task {
  animation-name: initial-zoom-in;
  animation-duration: 0.4s;
  animation-timing-function: ease-in;
}
@keyframes initial-zoom-in {
  0% {
    transform: scale(0.01);
  }
  100% {
    transform: scale(1);
  }
}
.b-initial-slide-from-left .b-sch-event-wrap {
  transform: translateX(-100vw);
  animation-name: initial-slide-from-left;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
}
@keyframes initial-slide-from-left {
  100% {
    transform: translateX(0);
  }
}
.b-initial-slide-from-top .b-sch-event-wrap {
  transform: translateY(-100vh);
  animation-name: initial-slide-from-top;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
}
@keyframes initial-slide-from-top {
  100% {
    transform: translateY(0);
  }
}
.b-gantt-task.b-segmented, .b-gantt-task.b-segmented:hover {
  overflow: visible;
  background-image: none;
  border-width: 0;
  background-color: transparent;
  box-shadow: none;
}
.b-gantt-task .b-sch-event-segments {
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(50% + 0.5px);
  border-bottom: 1px dashed;
  border-color: #999;
  pointer-events: none;
}
.b-gantt-task .b-sch-event-segments .b-sch-event-segment {
  pointer-events: all;
  position: absolute;
  display: flex;
  align-items: center;
}
.b-gantt-task-wrap:not(.b-milestone-wrap) .b-gantt-task.b-gantt-task-selected.b-segmented, .b-gantt-task-wrap:not(.b-milestone-wrap) .b-gantt-task.b-gantt-task-selected.b-segmented:hover, .b-gantt-task-wrap:not(.b-milestone-wrap) .b-gantt-task:hover.b-segmented, .b-gantt-task-wrap:not(.b-milestone-wrap) .b-gantt-task:hover.b-segmented:hover, .b-gantt-task-wrap:not(.b-milestone-wrap) .b-gantt-task.b-gantt-task-selected:hover.b-segmented, .b-gantt-task-wrap:not(.b-milestone-wrap) .b-gantt-task.b-gantt-task-selected:hover.b-segmented:hover {
  background-image: none;
  border-width: 0;
  background-color: transparent;
  box-shadow: none;
}
.b-using-keyboard .b-gantt-task-wrap:not(.b-milestone-wrap).b-active .b-sch-event-segment {
  outline: none;
}
.b-gantt-task-wrap {
  display: grid;
  height: 1em;
  grid-template-areas: "top    top    top   " "before body   after " "void1  rollup void2" "bottom bottom bottom";
  grid-template-columns: 0 1fr 0;
  grid-template-rows: min-content minmax(0, 100%) min-content min-content;
}
.b-gantt-task-wrap.b-inactive .b-gantt-task {
  filter: grayscale(1);
  opacity: 0.5;
}
.b-gantt-task-wrap.b-inactive .b-sch-label {
  color: #c4c4c4;
}
.b-gantt-task-wrap.b-gantt-task-parent.b-active .b-gantt-task {
  outline: none;
}
.b-gantt-task-wrap.b-milestone-wrap {
  margin-inline-start: 0;
}
.b-milestone.b-task-selected > .b-gantt-task-content::before,
.b-gantt-task-hover .b-gantt-task-content::before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
}
.b-gantt-task {
  border-radius: 4px;
  align-self: stretch;
  width: 100%;
  grid-area: body;
}
.b-gantt-task-content {
  padding: 0 0.4em;
  font-size: 0.8em;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}
.b-gantt-task-parent:not(.b-milestone-wrap) .b-gantt-task {
  overflow: visible;
  border-radius: 4px 4px 0 0;
  flex: 1 1 0;
  max-height: 2em;
  min-height: 1.3em;
  clip-path: polygon(-20px 0, calc(100% + 20px) 0, calc(100% + 20px) 100%, 100% 100%, calc(100% - 8px) calc(100% - 8px), 8px calc(100% - 8px), 0 100%, -20px 100%);
}
.b-gantt .b-gantt-task-wrap.b-over-resize-handle .b-gantt-task {
  cursor: ew-resize !important;
}
.b-gantt .b-gantt-task-wrap .b-sch-event-segment.b-over-resize-handle {
  cursor: ew-resize !important;
}
.b-gantt.b-resizing-event * {
  -webkit-user-select: none;
  user-select: none;
  cursor: ew-resize !important;
}
.b-new-column-column .b-grid-header-text {
  display: none;
}
.b-new-column-combo .b-field-inner {
  background-color: transparent;
  border: 0 none;
}
.b-new-column-combo .b-field-inner input {
  padding: 0;
}
.b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=name], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=startDate], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=endDate], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=earlyStartDate], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=earlyEndDate], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=lateStartDate], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=lateEndDate], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=wbsValue], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=fullDuration], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=fullEffort], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=schedulingMode], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=constraintType], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=calendar], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=deadline], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=totalSlack], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=note], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=predecessors], .b-gantt .b-grid-subgrid-locked .b-grid-row.b-inactive .b-grid-cell[data-column=successors] {
  text-decoration: line-through;
  color: #aaa;
}
.b-sch-color-none.b-gantt-task-wrap > .b-gantt-task,
.b-sch-color-none.b-gantt-task-wrap > .b-gantt-task > .b-sch-event-segments > .b-gantt-task.b-sch-color-none {
  --event-background-color: #FFF2DC;
  border-color: #FFB938;
}
.b-sch-color-none.b-gantt-task-wrap > .b-gantt-task.b-milestone,
.b-sch-color-none.b-gantt-task-wrap > .b-gantt-task > .b-sch-event-segments > .b-gantt-task.b-sch-color-none.b-milestone {
  --event-background-color: var(--solution-primary-color);
  border-color: transparent;
}
.b-sch-color-none.b-gantt-task-wrap.b-gantt-task-parent:not(.b-milestone-wrap) .b-gantt-task {
  border-color: #17C4C4;
  --event-background-color: #17C4C4;
  border-radius: 4px;
}
.b-no-transitions .b-grid-row {
  transition: none !important;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-dependency-list .b-list-item[data-index="0"] {
  border-top: none;
}
.b-dependency-list-filter {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: white;
  border-bottom: 1px solid rgba(119, 119, 119, 0.5);
  border-radius: 0;
}
.b-dependency-list-filter .b-field-inner {
  border: none;
}
.b-theme-material .b-dependency-list-filter .b-icon-filter {
  margin-inline-start: 0.5em;
}
.b-theme-material .b-dependency-list-filter .b-icon-remove {
  margin-inline-end: 0.5em;
}
.b-assignmentfield .b-assignment-chipview {
  flex-flow: row nowrap !important;
  overscroll-behavior: contain auto;
}
.b-assignmentfield .b-chip {
  font-size: 0.9em;
  white-space: nowrap;
  padding-inline-start: 0.45em;
}
.b-resourceassignment-cell {
  align-items: center;
}
.b-resourceassignment-cell .b-assignment-chipview-wrap {
  overflow: hidden;
}
.b-resourceassignment-cell .b-assignment-chipview-wrap .b-assignment-chipview {
  display: flex;
  overflow-x: auto;
}
.b-resourceassignment-cell .b-assignment-chipview-wrap .b-assignment-chipview .b-chip {
  font-size: 0.9em;
  padding: 0.45em;
  margin-bottom: 0;
}
.b-resourceassignment-cell .b-assignment-chipview-wrap .b-assignment-chipview .b-chip:first-child {
  margin-inline-start: 0;
}
.b-assignmentgrid-assign-all-column .b-grid-header-text {
  display: none;
}
.b-assignmentgrid-assign-all-column .b-checkbox {
  justify-content: center;
}
.b-assignmentgrid-assign-all-column .b-checkbox .b-field-inner {
  flex: none;
}
.b-assignmentgrid-assign-all-column .b-checkbox label.b-checkbox-label:before {
  margin: 0;
}
.b-assignmentgrid-resource-column {
  flex-direction: row;
}
.b-assignmentgrid-resource-column.b-grid-header.b-depth-0 {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.b-assignmentgrid-resource-column .b-filter-bar-field {
  margin-bottom: 0;
}
.b-assignmentgrid-resource-column .b-grid-header-text,
.b-assignmentgrid-resource-column .b-grid-header-text-content {
  display: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-assignmentpicker .b-panel-content {
  padding: 0;
  background-color: #fff;
}
.b-assignmentpicker .b-assignmentgrid {
  flex: 1 1 auto;
}
.b-assignmentpicker .b-bottom-toolbar .b-toolbar-content {
  justify-content: flex-end;
}
.b-assignmentpicker .b-bottom-toolbar .b-toolbar-content > button {
  min-width: 10em;
  margin-inline-end: 0.5em;
}
.b-assignmentpicker .b-bottom-toolbar .b-toolbar-content > button.b-last-visible-child {
  margin-inline-end: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-vertical .b-sch-event-wrap.b-milestone-wrap {
  transform: translateY(-50%);
  margin-inline-start: 0;
  height: 1em;
}
.b-sch-vertical .b-sch-event-wrap.b-milestone-wrap .b-sch-event {
  padding-inline-start: 0;
  width: 100%;
}
.b-sch-vertical .b-sch-event-wrap.b-milestone-wrap .b-sch-event .b-sch-event-content {
  justify-content: center;
  margin: 0;
}
.b-sch-vertical .b-sch-event-wrap.b-milestone-wrap .b-sch-event .b-sch-event-content label {
  left: unset;
  top: 105%;
}
.b-sch-canvas {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: max(var(--total-column-width, 100%), 100%);
  height: max(1px, 100%);
  overflow: hidden;
  overflow: clip;
  contain: strict;
}
.b-sch-vertical .b-sch-canvas {
  min-width: 100%;
}
.b-rtl .b-sch-canvas {
  left: auto;
  right: 0;
}
.b-sch-foreground-canvas {
  z-index: 7;
}
.b-row-reordering .b-sch-foreground-canvas * {
  pointer-events: none !important;
}
.b-schedulerbase .b-grid-splitter {
  z-index: 8;
}
.b-schedulerbase > .b-editor {
  z-index: 5;
}
.b-sch-event.b-milestone label,
.b-sch-event .b-sch-event-content,
.b-sch-event-wrap:not(.b-milestone-wrap) .b-sch-event {
  font-size: 14px;
}
.b-sch-event-wrap {
  position: absolute;
  z-index: 7;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s;
  contain: layout style;
}
.b-sch-event-wrap.b-readonly {
  opacity: 0.8;
}
.b-sch-event-wrap.b-readonly .b-sch-event-content {
  opacity: 0.5;
}
.b-animating:not(.b-eventbuffer-transition) .b-sch-event-wrap:not(.b-dragging,
.b-sch-event-wrap-resizing,
.b-reusing-own) {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, left 0.2s, top 0.2s, transform 0.2s, width 0.2s, height 0.2s, font-size 0.2s;
}
.b-toggling-node .b-sch-event-wrap {
  transition: none;
}
.b-sch-event-wrap.b-sch-event-hover, .b-sch-event-wrap:focus {
  z-index: 107 !important;
}
.b-sch-event-wrap:focus {
  outline: none;
}
.b-scrolling .b-sch-event-wrap:not(.b-aborting) {
  transition: none !important;
}
.b-scrolling .b-sch-event-wrap:not(.b-aborting) .b-sch-event {
  transition: none !important;
}
.b-grid-body-container.b-scrolling .b-sch-event-wrap {
  pointer-events: none;
}
.b-sch-event-wrap.b-milestone-wrap {
  z-index: 6;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event {
  overflow: visible;
  box-shadow: none;
  background-color: transparent;
  width: 1em;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event:not(.b-sch-event-withicon) .b-sch-event-content {
  transition: background-color 0.2s, border 0.2s;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-sch-event-withicon {
  justify-content: center;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-sch-event-withicon .b-sch-event-content {
  font-size: inherit;
  justify-content: center;
  background-color: transparent;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-sch-event-withicon i {
  margin-inline-end: 0;
  line-height: 1em;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event label {
  position: absolute;
  left: 110%;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event-content {
  display: flex;
  align-items: center;
}
.b-sch-event-wrap.b-milestone-wrap .b-fa,
.b-sch-event-wrap.b-milestone-wrap .b-icon,
.b-sch-event-wrap.b-milestone-wrap .b-icon-version,
.b-sch-event-wrap.b-milestone-wrap .b-indicator.b-deadline-date,
.b-sch-event-wrap.b-milestone-wrap .b-indicator.b-constraint-type-muststarton,
.b-sch-event-wrap.b-milestone-wrap .b-indicator.b-constraint-type-mustfinishon {
  margin-inline-end: 1em;
  color: #777;
  font-size: inherit;
}
.b-labels-topbottom .b-sch-event-wrap.b-milestone-wrap .b-sch-event:not(.b-sch-event-withicon) {
  font-size: 40%;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event:not(.b-sch-event-withicon) .b-sch-event-content {
  font-size: inherit;
}
.b-sch-event-wrap.b-milestone-wrap .b-sch-event:not(.b-sch-event-withicon) .b-sch-event-content::before {
  position: absolute;
  left: 0.1464465em;
  content: " ";
  height: 0.707107em;
  width: 0.707107em;
  transform-origin: 50% 50%;
  transform: rotate(45deg);
  background-color: inherit;
}
.b-sch-event-wrap.b-milestone-wrap.b-measure {
  height: 1em;
  position: fixed;
  top: -10000px;
  left: -10000px;
  visibility: hidden;
}
.b-sch-event-wrap.b-milestone-wrap.b-measure label {
  font-weight: 400;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap {
  margin: 0;
  min-width: 0;
  flex-direction: row;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap.b-active .b-sch-event.b-milestone,
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap.b-active .b-sch-event.b-milestone:before {
  outline: none;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone {
  font-size: inherit;
  left: 0.5em;
  width: calc(100% - 1em);
  min-width: 0;
  padding: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone .b-sch-event-content {
  background-color: transparent;
  font-size: 14px;
  justify-content: center;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone .b-sch-event-content::before {
  content: none;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone::before, .b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone::after {
  background: inherit;
  position: absolute;
  content: " ";
  height: 0.707107em;
  width: 0.707107em;
  z-index: 0;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone::before {
  top: 50%;
  left: 0;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap .b-sch-event.b-milestone::after {
  right: 0;
  transform: rotate(-45deg);
  transform-origin: 100% 0;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-milestone-wrap.b-measure .b-sch-event.b-milestone {
  width: calc(100% + 1em);
}
.b-sch-event {
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 1px);
  text-align: left;
  min-width: 5px;
  min-height: 5px;
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s;
  position: relative;
}
.b-toggling-node .b-sch-event {
  transition: none;
}
.b-sch-event label {
  color: #888;
}
.b-sch-event:not(.b-milestone) .b-fa, .b-sch-event:not(.b-milestone) .b-icon, .b-sch-event:not(.b-milestone) .b-icon-version, .b-sch-event:not(.b-milestone) .b-indicator.b-deadline-date, .b-sch-event:not(.b-milestone) .b-indicator.b-constraint-type-muststarton, .b-sch-event:not(.b-milestone) .b-indicator.b-constraint-type-mustfinishon {
  margin-inline-end: 0.75em;
  line-height: inherit;
}
.b-sch-event:before {
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
}
.b-sch-event.b-sch-event-resizing, .b-sch-event:hover {
  z-index: 8;
}
.b-sch-event.b-sch-event-selected, .b-sch-event.b-sch-event-selected * {
  font-weight: 500;
  z-index: 8;
}
.b-sch-event.b-sch-event-assign-selected {
  animation-name: instance-selected;
  animation-duration: 0.2s;
  animation-iteration-count: 3;
  animation-timing-function: ease-in-out;
}
.b-sch-event.b-milestone {
  transition: background 0s;
}
.b-sch-event-wrap:not(.b-milestone-wrap) {
  min-width: 6px;
  min-height: 6px;
}
@keyframes instance-selected {
  0% {
    top: -2px;
  }
  50% {
    top: 2px;
  }
  100% {
    top: 0;
  }
}
.b-initial-fade-in .b-sch-dependency,
.b-initial-fade-in .b-sch-event-wrap {
  opacity: 0;
  animation-name: initial-fade-in;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes initial-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-initial-zoom-in .b-sch-event-wrap .b-sch-event {
  animation-name: initial-zoom-in;
  animation-duration: 0.4s;
  animation-timing-function: ease-in;
}
@keyframes initial-zoom-in {
  0% {
    transform: scale(0.01);
  }
  100% {
    transform: scale(1);
  }
}
.b-initial-slide-from-left .b-sch-event-wrap {
  transform: translateX(-100vw);
  animation-name: initial-slide-from-left;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
}
@keyframes initial-slide-from-left {
  100% {
    transform: translateX(0);
  }
}
.b-initial-slide-from-top .b-sch-event-wrap {
  transform: translateY(-100vh);
  animation-name: initial-slide-from-top;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
}
@keyframes initial-slide-from-top {
  100% {
    transform: translateY(0);
  }
}
.b-sch-event-content {
  z-index: 1;
}
.b-milestone .b-sch-event-content {
  flex: 1;
}
.b-sch-event:not(.b-milestone) .b-sch-event-content {
  margin: 0 0.5em 0 0.75em;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
}
.b-sch-event:not(.b-milestone) .b-sch-event-content > :not(i) {
  text-overflow: ellipsis;
  overflow: hidden;
}
.b-verticaltimeaxis-row .b-sch-event:not(.b-milestone) .b-sch-event-content {
  flex-direction: column;
}
.b-prevent-event-transitions .b-sch-event-wrap {
  transition: none !important;
}
.b-sch-event-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.b-sch-event-wrap .b-sch-event {
  height: 100%;
  grid-area: body;
}
.b-sch-horizontal .b-sch-event-wrap, .b-sch-event-wrap.b-sch-horizontal {
  grid-template-areas: "top    top    top    top    top" "before start  body   end  after" "bottom bottom bottom bottom bottom";
  grid-template-columns: 0 auto 1fr auto 0;
  grid-template-rows: min-content auto min-content;
}
.b-sch-event-wrap.b-sch-vertical {
  grid-template-areas: "start" "body" "end";
  grid-template-rows: auto 1fr auto;
}
.b-sch-event-wrap.b-sch-vertical .b-sch-event-narrow {
  justify-content: center;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.b-sch-event-wrap.b-sch-vertical .b-sch-event-narrow .b-sch-event-content {
  flex-direction: column;
  align-items: center;
}
.b-sch-event-wrap.b-sch-vertical .b-sch-event-narrow i {
  margin-inline-end: 0;
  align-self: center;
}
.b-sch-event-wrap.b-sch-vertical .b-sch-event-narrow .b-event-text-wrap {
  writing-mode: vertical-rl;
}
.b-sch-event-wrap.b-sch-vertical .b-sch-event {
  grid-column: 1;
}
.b-sch-horizontal.b-eventbuffer-transition.b-animating .b-sch-event-wrap:not(.b-dragging):not(.b-sch-event-wrap-resizing) {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, height 0.2s, font-size 0.2s;
}
.b-sch-vertical.b-eventbuffer-transition.b-animating .b-sch-event-wrap:not(.b-dragging):not(.b-sch-event-wrap-resizing) {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, width 0.2s, font-size 0.2s;
}
.b-sch-event-wrap,
.b-gantt-task-wrap {
  --event-primary-color-h: 130deg;
  --event-primary-color-s: 61.2903225806%;
  --event-primary-color-l: 63.5294117647%;
  --event-primary-color: hsl(
    var(--event-primary-color-h),
    var(--event-primary-color-s),
    var(--event-primary-color-l)
  );
}
.b-sch-event-wrap > .b-sch-event:hover, .b-sch-event-wrap > .b-sch-event.b-sch-event-selected, .b-sch-event-wrap > .b-sch-event.b-sch-event-resizing,
.b-sch-event-wrap > .b-gantt-task:hover,
.b-sch-event-wrap > .b-gantt-task.b-sch-event-selected,
.b-sch-event-wrap > .b-gantt-task.b-sch-event-resizing,
.b-gantt-task-wrap > .b-sch-event:hover,
.b-gantt-task-wrap > .b-sch-event.b-sch-event-selected,
.b-gantt-task-wrap > .b-sch-event.b-sch-event-resizing,
.b-gantt-task-wrap > .b-gantt-task:hover,
.b-gantt-task-wrap > .b-gantt-task.b-sch-event-selected,
.b-gantt-task-wrap > .b-gantt-task.b-sch-event-resizing {
  --event-s-factor: var(--event-hover-s-factor);
  --event-l-factor: var(--event-hover-l-factor);
  --event-a: var(--event-hover-a);
  --event-color: var(--event-hover-color);
  --event-opacity: var(--event-hover-opacity);
}
.b-sch-event-wrap > .b-sch-event.b-sch-event-selected:hover,
.b-sch-event-wrap > .b-gantt-task.b-sch-event-selected:hover,
.b-gantt-task-wrap > .b-sch-event.b-sch-event-selected:hover,
.b-gantt-task-wrap > .b-gantt-task.b-sch-event-selected:hover {
  --event-s-factor: var(--event-selected-hover-s-factor);
  --event-l-factor: var(--event-selected-hover-l-factor);
  --event-a: var(--event-selected-hover-a);
}
.b-sch-color-none {
  --event-primary-color-h: null;
  --event-primary-color-s: null;
  --event-primary-color-l: null;
  --event-primary-color: null;
}
.b-sch-event,
.b-gantt-task,
.b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-h: var(--event-primary-color-h);
  --event-background-s: var(--event-primary-color-s);
  --event-background-l: var(--event-primary-color-l);
  --event-s-factor: 1;
  --event-l-factor: 1;
  --event-a: 1;
  --event-hover-s-factor: 1;
  --event-hover-l-factor: 1;
  --event-hover-a: 1;
  --event-selected-hover-s-factor: 1;
  --event-selected-hover-l-factor: 1;
  --event-selected-hover-a: 1;
  --event-background-color: hsla(
    var(--event-background-h),
    calc(var(--event-background-s) * var(--event-s-factor)),
    calc(var(--event-background-l) * var(--event-l-factor)),
    var(--event-a)
  );
  --event-border-color: var(--event-primary-color);
  --event-border-width: 1px;
  --event-border-style: solid;
  --event-border-radius: 4px;
  --event-color: #fff;
  --event-hover-color: #fff;
  --event-opacity: 1;
  --event-hover-opacity: 1;
  --event-font-weight: 400;
  color: var(--event-color);
  background-color: var(--event-background-color);
  border-color: var(--event-border-color);
  border-width: var(--event-border-width);
  border-style: var(--event-border-style);
  border-radius: var(--event-border-radius);
  font-weight: var(--event-font-weight);
  opacity: var(--event-opacity);
}
.b-sch-event.b-sch-event-startsoutside,
.b-gantt-task.b-sch-event-startsoutside,
.b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-startsoutside {
  border-inline-start: none;
}
.b-sch-event-wrap.b-milestone-wrap > .b-sch-event.b-milestone {
  border-width: 0;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event.b-milestone {
  background-color: var(--event-background-color);
  border-color: var(--event-border-color);
  border-width: var(--event-border-width) 0 var(--event-border-width) 0;
  opacity: var(--event-opacity);
  border-style: var(--event-border-style);
  font-weight: var(--event-font-weight);
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event.b-milestone::before {
  --event-border-width: inherit;
  --event-border-radius: inherit;
  border-style: var(--event-border-style);
  border-color: var(--event-border-color);
  border-top-width: 0;
  border-inline-end-width: 0;
  border-bottom-width: var(--event-border-width);
  border-inline-start-width: var(--event-border-width);
  border-bottom-left-radius: var(--event-border-radius);
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event.b-milestone::after {
  --event-border-width: inherit;
  --event-border-radius: inherit;
  border-style: var(--event-border-style);
  border-color: var(--event-border-color);
  border-top-width: 0;
  border-inline-end-width: var(--event-border-width);
  border-inline-start-width: 0;
  border-bottom-width: var(--event-border-width);
  border-bottom-right-radius: var(--event-border-radius);
  top: calc(var(--event-border-width) * -1);
}
.b-sch-event.b-milestone,
.b-gantt-task.b-milestone {
  border-radius: 0;
}
.b-sch-event.b-milestone .b-gantt-task-content,
.b-sch-event.b-milestone .b-sch-event-content,
.b-gantt-task.b-milestone .b-gantt-task-content,
.b-gantt-task.b-milestone .b-sch-event-content {
  background-color: var(--event-background-color);
}
.b-sch-event.b-milestone .b-gantt-task-content::before,
.b-sch-event.b-milestone .b-sch-event-content::before,
.b-gantt-task.b-milestone .b-gantt-task-content::before,
.b-gantt-task.b-milestone .b-sch-event-content::before {
  border-width: var(--event-border-width);
  border-radius: var(--event-border-radius);
  border-color: var(--event-border-color);
  opacity: var(--event-opacity);
  border-style: var(--event-border-style);
}
.b-gantt-task,
.b-sch-style-none .b-sch-event {
  --event-background-image: none;
}
.b-gantt-task.b-sch-event-selected,
.b-sch-style-none .b-sch-event.b-sch-event-selected {
  --event-background-image: linear-gradient(
    rgba(0, 0, 0, 0.25),
    rgba(0, 0, 0, 0.25)
  );
}
.b-gantt-task:not(.b-milestone),
.b-sch-style-none .b-sch-event:not(.b-milestone) {
  background-image: var(--event-background-image);
}
.b-gantt-task.b-milestone > .b-sch-event-content::before,
.b-sch-style-none .b-sch-event.b-milestone > .b-sch-event-content::before {
  background-image: var(--event-background-image);
}
.b-sch-vertical .b-sch-event {
  align-items: flex-start;
  padding-inline: 0.75em;
  white-space: normal;
}
.b-sch-vertical .b-sch-event .b-sch-event-content {
  margin: 0.75em 0 0.5em 0;
}
.b-sch-vertical:not(.b-masked) .b-grid-empty .b-grid-subgrid:first-child::before {
  content: "";
  display: none;
}
.b-sch-vertical:not(.b-masked) .b-grid-empty .b-timeline-subgrid::before {
  color: #262626;
  content: attr(data-empty-text);
  padding: 1em;
}
.b-sch-vertical .b-grid-row {
  border-bottom: none;
}
.b-sch-vertical.b-eventlayout-mixed .b-sch-event {
  opacity: 0.8;
}
.b-timelinebase.b-overlay-scrollbar .b-virtual-scrollers {
  z-index: 100;
}
.b-sch-layout-milestone .b-milestone-wrap {
  min-width: 1em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-scale-cell {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.b-scale-cell .b-scale {
  background-color: transparent;
  font-weight: 400;
}
.b-scale-cell .b-scale-tick-label {
  font-size: 70%;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-schedulerbase.b-animating .b-grid-row {
  transition: height 0.2s, transform 0.2s;
}
.b-grid-footer-container .b-sch-timeaxiscolumn {
  padding: 0;
}
.b-sch-timeaxis-cell {
  padding: 0;
  flex: none !important;
  align-items: baseline;
  border-inline-end: none;
}
.b-gridbase .b-timeline-subgrid .b-grid-row.b-selected:not(.b-group-row) {
  background-color: transparent;
}
.b-gridbase .b-timeline-subgrid .b-grid-row.b-selected .b-grid-cell.b-sch-timeaxis-cell.b-selected {
  background-color: transparent;
}
.b-stripe .b-timeline-subgrid .b-grid-row.b-selected.b-odd,
.b-stripe .b-timeline-subgrid .b-grid-row.b-odd,
.b-gridbase.b-stripe .b-timeline-subgrid .b-grid-row.b-selected.b-odd,
.b-gridbase.b-stripe .b-timeline-subgrid .b-grid-row.b-odd {
  background-color: rgba(255, 255, 255, 0.8);
}
.b-stripe .b-timeline-subgrid .b-grid-row.b-selected.b-even,
.b-stripe .b-timeline-subgrid .b-grid-row.b-even,
.b-gridbase.b-stripe .b-timeline-subgrid .b-grid-row.b-selected.b-even,
.b-gridbase.b-stripe .b-timeline-subgrid .b-grid-row.b-even {
  background-color: rgba(255, 255, 255, 0.8);
}
.b-stripe .b-timeline-subgrid .b-grid-row.b-selected .b-grid-cell.b-selected {
  background-color: transparent;
}
.b-stripe .b-timeline-subgrid .b-grid-row.b-selected .b-grid-cell.b-selected {
  background-color: transparent;
}
.b-gridbase .b-timeline-subgrid .b-group-row.b-selected,
.b-timeline-subgrid .b-group-row.b-selected,
.b-timeline-subgrid .b-group-row {
  z-index: 8;
  background-color: rgba(255, 255, 255, 0.8);
}
.b-timeline-subgrid {
  -webkit-user-select: none;
  user-select: none;
}
.b-timeaxissubgrid .b-grid-row {
  z-index: 1;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-resource-info {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.b-resource-info dl {
  overflow: hidden;
}
.b-resource-info dt {
  font-weight: 600;
  margin-bottom: 0.2em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-resource-info dd {
  margin: 0;
  font-size: 0.8em;
  color: #E9E9E9;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-resource-info .b-resource-avatar {
  margin-inline-end: 0.5em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-resourcecollapse-cell {
  cursor: pointer;
}
.b-resourcecollapse-cell .b-icon, .b-resourcecollapse-cell .b-icon-version, .b-resourcecollapse-cell .b-indicator.b-deadline-date, .b-resourcecollapse-cell .b-indicator.b-constraint-type-muststarton, .b-resourcecollapse-cell .b-indicator.b-constraint-type-mustfinishon {
  transition: transform 0.2s !important;
}
.b-resourcecollapse-cell .b-icon.b-flip, .b-resourcecollapse-cell .b-flip.b-icon-version, .b-resourcecollapse-cell .b-flip.b-indicator.b-deadline-date, .b-resourcecollapse-cell .b-flip.b-indicator.b-constraint-type-muststarton, .b-resourcecollapse-cell .b-flip.b-indicator.b-constraint-type-mustfinishon {
  transform: rotate(180deg);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-column-lines-canvas {
  z-index: 3;
}
.b-columnlines .b-grid-cell:not(:last-child) {
  border-inline-end: 1px solid #eee;
}
.b-columnlines .b-group-row .b-grid-cell {
  border-inline-end-color: transparent;
}
.b-column-line,
.b-column-line-major {
  height: 100%;
  position: absolute;
  border-left-width: 1px;
  border-left-style: solid;
}
.b-column-line {
  border-color: #f7f7f7;
}
.b-column-line-major {
  border-color: #eee;
  z-index: 1;
}
.b-sch-vertical .b-column-line:not(.b-resource-column-line),
.b-sch-vertical .b-column-line-major {
  height: auto;
  width: 100%;
  position: absolute;
  border-left: none;
  border-top-width: 1px;
  border-top-style: solid;
}
.b-sch-vertical .b-resource-group-divider {
  border-color: #E9E9E9;
}
.b-animating .b-resource-column-line {
  transition: left 0.2s linear;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-foreground-canvas {
  --scheduler-dependency-terminal-offset: 0px;
  --scheduler-dependency-terminal-size: 12px;
}
svg.b-sch-dependencies-canvas {
  --scheduler-dependency-marker: url("#arrowEnd");
  contain: unset;
  overflow: visible;
  z-index: 6;
}
.b-sch-dependency-arrow {
  fill: #4d4d4d;
}
.b-sch-dependency-arrow path {
  fill: inherit;
}
.b-sch-dependency {
  pointer-events: visibleStroke;
  fill: transparent;
  stroke: #4d4d4d;
  stroke-width: 1;
  transition: stroke-width 0.2s linear;
}
.b-sch-dependency.b-sch-dependency-over {
  stroke-width: 1;
  stroke-dasharray: 0;
}
.b-sch-dependency.b-sch-released {
  display: none;
}
.b-sch-dependency.b-click-area {
  stroke: transparent;
  stroke-dasharray: none !important;
  marker-end: none;
}
.b-sch-dependency {
  marker-end: var(--scheduler-dependency-marker);
}
.b-sch-dependency.b-sch-bidirectional-line {
  marker-start: var(--scheduler-dependency-marker);
}
.b-sch-dependency.b-sch-dependency-markerless {
  marker-end: none;
}
.b-dependencies .b-sch-event-hover {
  z-index: 108;
}
.b-dependencies .b-sch-event.b-sch-terminals-visible,
.b-dependencies .b-gantt-task.b-sch-terminals-visible {
  overflow: visible;
}
.b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event,
.b-dependencies.b-highlighting .b-sch-dependency {
  opacity: 0.3;
}
.b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event.b-highlight,
.b-dependencies.b-highlighting .b-sch-dependency.b-highlight {
  opacity: 1;
}
.b-dependencies.b-highlighting .b-sch-resourcetimerange {
  opacity: 0.3;
}
.b-sch-terminal {
  width: var(--scheduler-dependency-terminal-size);
  height: var(--scheduler-dependency-terminal-size);
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  --terminal-start-end-offset: 80%;
}
@media (pointer: coarse) {
  .b-sch-terminal {
    --terminal-start-end-offset: 115%;
  }
  .b-sch-terminal::after {
    content: "";
    height: calc(var(--scheduler-dependency-terminal-size) * 2);
    width: calc(var(--scheduler-dependency-terminal-size) * 2);
    border-radius: 50%;
    position: absolute;
    transform: translate(calc(var(--scheduler-dependency-terminal-size) * -0.5 - 1), calc(var(--scheduler-dependency-terminal-size) * -0.5 - 1));
  }
}
.b-sch-terminal.b-sch-terminal:hover {
  background-color: #e6e6e6;
}
.b-dragging .b-sch-terminal, .b-sch-event-resizing .b-sch-terminal {
  display: none;
}
.b-creating-dependency .b-sch-terminal:hover,
.b-creating-dependency .b-sch-terminal-active {
  background-color: #e6e6e6;
}
.b-creating-dependency .b-sch-terminal:hover.b-valid,
.b-creating-dependency .b-sch-terminal-active.b-valid {
  border-color: #4caf50;
  background-color: #b5dfb7;
}
.b-creating-dependency .b-sch-terminal:hover.b-invalid,
.b-creating-dependency .b-sch-terminal-active.b-invalid {
  border-color: #f44336;
  background-color: #fccbc7;
}
.b-creating-dependency * {
  touch-action: none;
}
.b-sch-terminal-top {
  top: var(--scheduler-dependency-terminal-offset);
  left: 50%;
  transform: translateX(-50%) translateY(-80%);
}
.b-sch-terminal-bottom {
  bottom: var(--scheduler-dependency-terminal-offset);
  left: 50%;
  transform: translateX(-50%) translateY(80%);
}
.b-sch-terminal-start {
  left: var(--scheduler-dependency-terminal-offset);
  top: 50%;
  transform: translateX(calc(var(--terminal-start-end-offset) * -1 * var(--rtl-negate))) translateY(-50%);
}
.b-rtl .b-sch-terminal-start {
  left: auto;
  right: 0;
}
.b-sch-terminal-end {
  right: var(--scheduler-dependency-terminal-offset);
  top: 50%;
  transform: translateX(calc(var(--terminal-start-end-offset) * var(--rtl-negate))) translateY(-50%);
}
.b-rtl .b-sch-terminal-end {
  right: auto;
  left: 0;
}
.b-sch-terminal-hover-area {
  grid-area: body;
  width: calc(100% + var(--scheduler-dependency-terminal-offset) * -2 + var(--scheduler-dependency-terminal-size) * 0.8);
  height: calc(100% + var(--scheduler-dependency-terminal-offset) * -2 + var(--scheduler-dependency-terminal-size) * 0.8);
  justify-self: center;
}
.b-labels-topbottom .b-schedulerbase:not(.b-sch-layout-milestones) .b-milestone:not(.b-sch-event-withicon) .b-sch-terminal-start,
.b-labels-topbottom .b-gantt:not(.b-sch-layout-milestones) .b-milestone:not(.b-gantt-task-withicon) .b-sch-terminal-start {
  transform: translate(calc(-0.35em * var(--rtl-negate)), -50%);
}
.b-labels-topbottom .b-schedulerbase:not(.b-sch-layout-milestones) .b-milestone:not(.b-sch-event-withicon) .b-sch-terminal-end,
.b-labels-topbottom .b-gantt:not(.b-sch-layout-milestones) .b-milestone:not(.b-gantt-task-withicon) .b-sch-terminal-end {
  transform: translate(calc(0.35em * var(--rtl-negate)), -50%);
}
.b-sch-dependency-connector {
  position: absolute;
  contain: strict;
  border-top: 2px dashed #4d4d4d;
  z-index: 10;
  transform-origin: 0 0;
  pointer-events: none;
}
.b-sch-dependency-connector.b-removing {
  transition: width 0.2s ease-out;
}
.b-sch-dependency-connector.b-valid {
  border-color: #4caf50;
  border-top-style: solid;
}
.b-sch-dependency-creation-tooltip.b-popup {
  max-width: none;
}
.b-sch-dependency-creation-tooltip .b-popup-header {
  padding: 0.5em 0.075em;
  background-color: #4caf50;
}
.b-safari .b-sch-dependency-creation-tooltip .b-popup-header, .b-firefox .b-sch-dependency-creation-tooltip .b-popup-header {
  width: 1.5em;
}
.b-sch-dependency-creation-tooltip .b-popup-header i {
  margin-bottom: 5px;
  font-size: 14px;
}
.b-sch-dependency-creation-tooltip .b-popup-header .b-header-title {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
}
.b-sch-dependency-creation-tooltip.b-rtl .b-popup-header i {
  margin-bottom: 0;
  margin-top: 0.5em;
}
.b-sch-dependency-creation-tooltip.b-invalid .b-popup-header {
  background-color: #f44336;
}
.b-sch-dependency-creation-tooltip.b-checking .b-popup-header {
  background-color: #E9E9E9;
}
.b-sch-dependency-tooltip {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: 0.5em;
  align-items: center;
}
.b-sch-dependency-tooltip label {
  font-size: 0.8em;
}
.b-sch-dependency-creation-tooltip .b-panel-header,
.b-sch-dependency-tooltip .b-panel-header {
  color: #fff;
}
.b-sch-dependency-creation-tooltip .b-sch-box,
.b-sch-dependency-tooltip .b-sch-box {
  width: 12px;
  height: 8px;
  border: 1px solid #4d4d4d;
  display: none;
  position: relative;
}
.b-sch-dependency-creation-tooltip .b-sch-box.b-start, .b-sch-dependency-creation-tooltip .b-sch-box.b-end, .b-sch-dependency-creation-tooltip .b-sch-box.b-right, .b-sch-dependency-creation-tooltip .b-sch-box.b-left, .b-sch-dependency-creation-tooltip .b-sch-box.b-top, .b-sch-dependency-creation-tooltip .b-sch-box.b-bottom,
.b-sch-dependency-tooltip .b-sch-box.b-start,
.b-sch-dependency-tooltip .b-sch-box.b-end,
.b-sch-dependency-tooltip .b-sch-box.b-right,
.b-sch-dependency-tooltip .b-sch-box.b-left,
.b-sch-dependency-tooltip .b-sch-box.b-top,
.b-sch-dependency-tooltip .b-sch-box.b-bottom {
  display: block;
}
.b-sch-dependency-creation-tooltip .b-sch-box:after,
.b-sch-dependency-tooltip .b-sch-box:after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
}
.b-sch-dependency-creation-tooltip .b-sch-box.b-end:after, .b-sch-dependency-creation-tooltip .b-sch-box.b-right:after,
.b-sch-dependency-tooltip .b-sch-box.b-end:after,
.b-sch-dependency-tooltip .b-sch-box.b-right:after {
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
}
.b-rtl .b-sch-dependency-creation-tooltip .b-sch-box.b-end:after,
.b-rtl .b-sch-dependency-tooltip .b-sch-box.b-end:after {
  right: auto;
  left: -2px;
}
.b-sch-dependency-creation-tooltip .b-sch-box.b-start:after, .b-sch-dependency-creation-tooltip .b-sch-box.b-left:after,
.b-sch-dependency-tooltip .b-sch-box.b-start:after,
.b-sch-dependency-tooltip .b-sch-box.b-left:after {
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
}
.b-rtl .b-sch-dependency-creation-tooltip .b-sch-box.b-start:after,
.b-rtl .b-sch-dependency-tooltip .b-sch-box.b-start:after {
  left: auto;
  right: -2px;
}
.b-sch-dependency-creation-tooltip .b-sch-box.b-top:after,
.b-sch-dependency-tooltip .b-sch-box.b-top:after {
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
}
.b-sch-dependency-creation-tooltip .b-sch-box.b-bottom:after,
.b-sch-dependency-tooltip .b-sch-box.b-bottom:after {
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
}
.b-predecessor-list {
  display: flex;
  flex-direction: column;
}
.b-predecessor-list > * {
  flex: 0 0 auto;
  align-self: stretch;
  width: auto;
}
.b-predecessor-list > .b-list-item .b-predecessor-item-text {
  flex: 1;
}
.b-predecessor-list > .b-list-item .b-sch-box {
  width: 1.2em;
  height: 0.9em;
  border: 1px solid #4d4d4d;
  margin-inline-start: 0.5em;
  position: relative;
}
.b-predecessor-list > .b-list-item .b-sch-box:after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  border: 1px solid #4d4d4d;
  display: none;
}
.b-predecessor-list > .b-list-item.b-selected .b-sch-box {
  background-color: #4caf50;
}
.b-predecessor-list > .b-list-item.b-selected.b-fs .b-sch-box.b-from::after {
  right: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-fs .b-sch-box.b-to::after {
  left: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-sf .b-sch-box.b-from::after {
  left: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-sf .b-sch-box.b-to::after {
  right: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-ss .b-sch-box.b-from::after {
  left: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-ss .b-sch-box.b-to::after {
  left: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-ff .b-sch-box.b-from::after {
  right: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.b-predecessor-list > .b-list-item.b-selected.b-ff .b-sch-box.b-to::after {
  right: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-dependencyeditor.b-popup {
  width: 29em;
}
.b-dependencyeditor.b-popup .b-popup-content {
  padding: 1em 1em 0 1em;
}
.b-dependencyeditor.b-popup .b-popup-content .b-textfield label,
.b-dependencyeditor.b-popup .b-popup-content .b-checkbox label {
  flex: 1 0 4em;
}
.b-dependencyeditor.b-popup .b-popup-content .b-textfield .b-checkbox-label,
.b-dependencyeditor.b-popup .b-popup-content .b-checkbox .b-checkbox-label {
  text-align: start;
}
.b-dependencyeditor.b-popup .b-bottom-toolbar {
  padding: 1em 1em 0.4em 1em;
}
.b-dependencyeditor.b-popup .b-bottom-toolbar .b-label-filler {
  display: none;
}
.b-dependencyeditor.b-popup .b-bottom-toolbar > button {
  flex: 1;
  margin-inline-end: 0.5em;
}
.b-dependencyeditor.b-popup .b-bottom-toolbar > button:last-child {
  margin-inline-end: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-dragselect-rect {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  pointer-events: none;
  z-index: 100;
  border: 1px dashed #505057;
}
div.b-sch-event-wrap > .b-sch-event.b-cut-item {
  opacity: 0.4;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-schedulerbase.b-dragging-event {
  -webkit-user-select: none;
  user-select: none;
}
.b-sch-event-wrap.b-aborting, .b-sch-event-wrap.b-drag-unified-animation {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, transform 0.2s, left 0.2s, top 0.2s;
}
.b-sch-event-wrap.b-dragging {
  z-index: 200;
}
.b-sch-event-wrap.b-dragging.b-drag-main {
  z-index: 201;
}
.b-sch-event-wrap.b-dragging .b-sch-event {
  outline: none !important;
}
.b-sch-event-wrap.b-dragging .b-sch-event.b-sch-style-plain .b-sch-event-wrap.b-dragging .b-sch-event, .b-sch-event-wrap.b-dragging .b-sch-event.b-sch-style-border .b-sch-event-wrap.b-dragging .b-sch-event, .b-sch-event-wrap.b-dragging .b-sch-event.b-sch-style-colored .b-sch-event-wrap.b-dragging .b-sch-event {
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.b-sch-event-wrap.b-hidden {
  display: none !important;
}
.b-float-root > .b-tooltip.b-eventdrag-tooltip {
  pointer-events: none;
}
.b-sch-tip-message {
  margin-top: 0.5em;
}
.b-sch-tip-invalid .b-sch-tip-message {
  color: #ff8787;
}
.b-sch-tip-message .b-icon:first-child, .b-sch-tip-message .b-icon-version:first-child, .b-sch-tip-message .b-indicator.b-deadline-date:first-child, .b-sch-tip-message .b-indicator.b-constraint-type-muststarton:first-child, .b-sch-tip-message .b-indicator.b-constraint-type-mustfinishon:first-child {
  margin-inline-end: 0.4em;
}
.b-sch-tip-message:empty {
  display: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-timelinebase.b-dragcreating {
  -webkit-user-select: none;
  user-select: none;
}
.b-timelinebase.b-dragcreating .b-sch-timeaxis-cell,
.b-timelinebase.b-dragcreating .b-sch-event-wrap,
.b-timelinebase.b-dragcreating .b-gantt-task-wrap {
  pointer-events: none;
}
.b-dragcreate-lock .b-iscreating {
  opacity: 0.5;
}
.b-dragcreate-lock .b-iscreating .b-sch-event-content {
  display: none;
}
.b-sch-dragcreating.b-too-narrow {
  opacity: 0.25;
}
.b-sch-dragcreate-tooltip.b-too-narrow .b-sch-tooltip-startdate,
.b-sch-dragcreate-tooltip.b-too-narrow .b-sch-tooltip-enddate {
  color: #f44336;
}
.b-sch-dragcreate-tooltip.b-too-narrow .b-sch-tooltip-startdate .b-sch-clock,
.b-sch-dragcreate-tooltip.b-too-narrow .b-sch-tooltip-enddate .b-sch-clock {
  border-color: #f44336;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-eventeditor.b-popup {
  width: min(100%, 16em + var(--date-time-length));
  min-width: min(100%, 16em + var(--date-time-length));
  flex: unset;
}
.b-eventeditor.b-popup.b-collapsed .b-panel-collapse-revealer {
  display: none;
}
.b-eventeditor.b-popup .b-eventeditor-content.b-popup-content .b-field > label {
  flex: 0 0 5em;
}
.b-eventeditor.b-popup .b-eventeditor-content.b-popup-content [data-ref=startDateField],
.b-eventeditor.b-popup .b-eventeditor-content.b-popup-content [data-ref=endDateField] {
  flex: 1 0 calc(55.5% + var(--date-width-difference) - 0.6em / 2);
}
.b-eventeditor.b-popup .b-eventeditor-content.b-popup-content [data-ref=startTimeField],
.b-eventeditor.b-popup .b-eventeditor-content.b-popup-content [data-ref=endTimeField] {
  flex: 1 0 calc(44.5% - var(--date-width-difference) - 0.6em / 2);
}
.b-eventeditor.b-popup .b-bottom-toolbar {
  background: transparent;
}
.b-eventeditor.b-popup .b-bottom-toolbar > .b-toolbar-content > button {
  flex: 1;
  margin-inline-end: 0.5em;
  min-width: 0;
}
.b-eventeditor.b-popup .b-bottom-toolbar > .b-toolbar-content > button:last-child {
  margin-inline-end: 0;
}
.b-popup[class*=editor] .b-bottom-toolbar .b-toolbar-content {
  padding-top: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-event-wrap .b-sch-nonworkingtime {
  z-index: 0;
}
.b-dragging-event .b-sch-event-wrap.b-dragging .b-sch-nonworkingtime {
  display: none;
}
.b-animating .b-sch-event-wrap .b-sch-timerange {
  transition: none;
}
.b-sch-vertical .b-sch-event-wrap .b-sch-nonworkingtime {
  left: 0;
}
.b-sch-timerange.b-sch-nonworkingtime {
  background-color: rgba(255, 0, 0, 0.3);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-event-resizable-true,
.b-sch-event-resizable-start,
.b-sch-event-resizable-end {
  --handle-size: 0.5em;
}
@media (pointer: coarse) {
  .b-sch-event-resizable-true,
.b-sch-event-resizable-start,
.b-sch-event-resizable-end {
    --handle-size: 1em;
  }
}
.b-sch-event-resizable-true::before, .b-sch-event-resizable-true::after,
.b-sch-event-resizable-start::before,
.b-sch-event-resizable-start::after,
.b-sch-event-resizable-end::before,
.b-sch-event-resizable-end::after {
  --handle-width: 9px;
  --handle-height: 50%;
  --handle-inset: 3px;
  --handle-align-inset: 25%;
  --gradient-dir: to right;
  --handle-opacity: 0.7;
  --clip-path: inset(0 0 0 var(--handle-inset));
  position: absolute;
  clip-path: var(--clip-path);
  left: 0;
  top: var(--handle-align-inset);
  width: var(--handle-width);
  height: var(--handle-height);
  opacity: var(--handle-opacity);
  background: linear-gradient(var(--gradient-dir), #fff 1px, transparent 1px);
  background-size: 2px;
  background-position: var(--handle-inset);
}
@media (pointer: coarse) {
  .b-sch-event-resizable-true::before, .b-sch-event-resizable-true::after,
.b-sch-event-resizable-start::before,
.b-sch-event-resizable-start::after,
.b-sch-event-resizable-end::before,
.b-sch-event-resizable-end::after {
    --handle-width: 1.7em;
    --handle-inset: 0.7em;
  }
}
.b-sch-event-resizable-true::after,
.b-sch-event-resizable-start::after,
.b-sch-event-resizable-end::after {
  --clip-path: inset(0 var(--handle-inset) 0 0);
  left: auto;
  right: 0;
}
.b-sch-vertical .b-sch-event-resizable-true::before, .b-sch-vertical .b-sch-event-resizable-true::after,
.b-sch-vertical .b-sch-event-resizable-start::before,
.b-sch-vertical .b-sch-event-resizable-start::after,
.b-sch-vertical .b-sch-event-resizable-end::before,
.b-sch-vertical .b-sch-event-resizable-end::after {
  --handle-width: 50%;
  --handle-height: 0.7em;
  --gradient-dir: to bottom;
  background-size: 100% 2px;
  --clip-path: inset(var(--handle-inset) 0 0 0);
  top: 0;
  left: var(--handle-align-inset);
}
@media (pointer: coarse) {
  .b-sch-vertical .b-sch-event-resizable-true::before, .b-sch-vertical .b-sch-event-resizable-true::after,
.b-sch-vertical .b-sch-event-resizable-start::before,
.b-sch-vertical .b-sch-event-resizable-start::after,
.b-sch-vertical .b-sch-event-resizable-end::before,
.b-sch-vertical .b-sch-event-resizable-end::after {
    --handle-height: 1.7em;
  }
}
.b-sch-vertical .b-sch-event-resizable-true::after,
.b-sch-vertical .b-sch-event-resizable-start::after,
.b-sch-vertical .b-sch-event-resizable-end::after {
  --clip-path: inset(0 0 var(--handle-inset) 0);
  top: auto;
  bottom: 0;
}
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) {
  --handle-cursor: ew-resize;
}
.b-eventresize:not(.b-readonly):not(.b-creating-dependency).b-sch-vertical {
  --handle-cursor: ns-resize;
}
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap.b-sch-event-hover:not(.b-sch-style-line) > .b-sch-event:not(.b-segmented).b-sch-event-resizable-start:before, .b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap.b-sch-event-hover:not(.b-sch-style-line) > .b-sch-event:not(.b-segmented).b-sch-event-resizable-end:after, .b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap.b-sch-event-hover:not(.b-sch-style-line) > .b-sch-event:not(.b-segmented).b-sch-event-resizable-true:before, .b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap.b-sch-event-hover:not(.b-sch-style-line) > .b-sch-event:not(.b-segmented).b-sch-event-resizable-true:after,
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap:not(.b-sch-style-line) .b-sch-event-resizing.b-sch-event-resizable-start:before,
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap:not(.b-sch-style-line) .b-sch-event-resizing.b-sch-event-resizable-end:after,
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap:not(.b-sch-style-line) .b-sch-event-resizing.b-sch-event-resizable-true:before,
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-wrap:not(.b-sch-style-line) .b-sch-event-resizing.b-sch-event-resizable-true:after {
  content: "";
}
.b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event.b-resize-handle {
  cursor: var(--handle-cursor);
}
.b-eventresize:not(.b-readonly):not(.b-creating-dependency).b-resizing-event, .b-eventresize:not(.b-readonly):not(.b-creating-dependency) .b-sch-event-resizing {
  -webkit-user-select: none;
  user-select: none;
  cursor: var(--handle-cursor) !important;
}
.b-sch-event-wrap.b-sch-event-wrap-resizing {
  z-index: 9;
}
.b-schedulerbase.b-resizing-event .b-sch-timeaxis-cell,
.b-schedulerbase.b-resizing-event .b-sch-event-wrap {
  /* prevent drag create */
  pointer-events: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-popup.b-sch-event-tooltip {
  max-width: 30em;
  display: flex;
  flex-direction: column;
}
.b-popup.b-sch-event-tooltip .b-sch-event-title {
  font-weight: 600;
}
.b-eventtip-content {
  gap: 0.5em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-timeaxis-group-summary {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.b-timeaxis-group-summary .b-timeaxis-tick {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.b-timeaxis-group-summary .b-timeaxis-summary-value {
  text-align: center;
}
.b-gridbase.b-schedulerbase .b-timeline-subgrid .b-grid-row.b-group-footer.b-hover .b-grid-cell,
.b-gridbase.b-schedulerbase .b-timeline-subgrid .b-grid-row.b-group-footer.b-hover .b-grid-cell:hover {
  background-color: white;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-headerzoom-rect {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  transform-origin: 0 0;
  pointer-events: none;
  z-index: 100;
  background: rgba(166, 214, 251, 0.3);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-event-wrap .b-sch-label,
.b-gantt-task-wrap .b-sch-label {
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  color: #888;
  font-weight: 400;
  z-index: 1;
  min-width: 1em;
  pointer-events: all;
  -webkit-user-select: none;
  user-select: none;
}
.b-sch-event-wrap .b-sch-label-top,
.b-gantt-task-wrap .b-sch-label-top {
  grid-area: top;
  justify-self: center;
  margin-bottom: 0.2em;
}
.b-sch-event-wrap .b-sch-label-bottom,
.b-gantt-task-wrap .b-sch-label-bottom {
  grid-area: bottom;
  justify-self: center;
  margin-top: 0.2em;
}
.b-sch-event-wrap .b-sch-label-before,
.b-gantt-task-wrap .b-sch-label-before {
  grid-area: before;
  justify-self: end;
  margin-inline-end: 1.5em;
}
.b-sch-event-wrap .b-sch-label-after,
.b-gantt-task-wrap .b-sch-label-after {
  grid-area: after;
  margin-inline-start: 1.5em;
}
.b-sch-event-wrap.b-measure-label {
  height: 1em;
  position: fixed;
  top: -10000px;
  left: -10000px;
  visibility: hidden;
}
.b-sch-event-wrap.b-measure-label label {
  padding-inline-start: 1.5em;
  grid-area: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-pan .b-timeline-subgrid {
  cursor: move;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-resourcetimerange {
  display: flex;
  position: absolute;
  left: 0;
  background-color: rgba(253, 216, 53, 0.2);
  color: #e3ba02;
  z-index: 2;
  justify-content: center;
  align-items: flex-end;
}
.b-sch-resourcetimerange [data-task-feature] {
  display: flex;
  font-size: 12px;
}
.b-animating .b-sch-resourcetimerange {
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, font-weight 0.2s, border 0.2s, transform 0.2s, left 0.2s, right 0.2s, width 0.2s, height 0.2s, font-size 0.2s;
}
.b-sch-resourcetimerange .b-sch-event-withicon .b-fa {
  margin-inline-end: 0.4em;
  line-height: inherit;
}
.b-sch-resourcetimerange .b-sch-event-content {
  margin: 3px;
}
.b-interactive-resourcetimeranges .b-sch-resourcetimerange {
  pointer-events: auto;
}
.b-sch-vertical .b-sch-resourcetimerange {
  justify-content: center;
  align-items: flex-start;
}
.b-sch-color-red.b-sch-resourcetimerange {
  background-color: rgba(255, 135, 135, 0.2);
  color: #ff2626;
}
.b-sch-color-pink.b-sch-resourcetimerange {
  background-color: rgba(247, 131, 172, 0.2);
  color: #f22a70;
}
.b-sch-color-purple.b-sch-resourcetimerange {
  background-color: rgba(234, 128, 220, 0.2);
  color: #df31c8;
}
.b-sch-color-violet.b-sch-resourcetimerange {
  background-color: rgba(151, 117, 250, 0.2);
  color: #541cf7;
}
.b-sch-color-indigo.b-sch-resourcetimerange {
  background-color: rgba(116, 143, 252, 0.2);
  color: #1a46fa;
}
.b-sch-color-blue.b-sch-resourcetimerange {
  background-color: rgba(77, 173, 247, 0.2);
  color: #0a88e9;
}
.b-sch-color-cyan.b-sch-resourcetimerange {
  background-color: rgba(59, 201, 219, 0.2);
  color: #1fa1b2;
}
.b-sch-color-teal.b-sch-resourcetimerange {
  background-color: rgba(56, 217, 169, 0.2);
  color: #1fae83;
}
.b-sch-color-green.b-sch-resourcetimerange {
  background-color: rgba(105, 219, 124, 0.2);
  color: #2dc646;
}
.b-sch-color-lime.b-sch-resourcetimerange {
  background-color: rgba(169, 227, 75, 0.2);
  color: #85c61d;
}
.b-sch-color-yellow.b-sch-resourcetimerange {
  background-color: rgba(253, 216, 53, 0.2);
  color: #e3ba02;
}
.b-sch-color-orange.b-sch-resourcetimerange {
  background-color: rgba(255, 169, 77, 0.2);
  color: #f98100;
}
.b-sch-color-deep-orange.b-sch-resourcetimerange {
  background-color: rgba(255, 112, 67, 0.2);
  color: #f23a00;
}
.b-sch-color-gray.b-sch-resourcetimerange {
  background-color: rgba(160, 160, 160, 0.2);
  color: #7e7272;
}
.b-sch-color-gantt-green.b-sch-resourcetimerange {
  background-color: rgba(165, 216, 167, 0.2);
  color: #5fbf63;
}
.b-schedule-selected-tick {
  position: absolute;
  pointer-events: none;
  z-index: -1;
  background-color: var(--solution-secondary-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-sch-scheduletip {
  min-width: 10em;
}
.b-sch-scheduletip.b-nonworking-time {
  opacity: 0;
  pointer-events: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-simpleeventeditor {
  z-index: 15;
}
.b-simpleeventeditor .b-field {
  align-items: stretch;
}
.b-sch-horizontal .b-simpleeventeditor .b-field {
  height: 100%;
}
.b-stickyevents.b-sch-horizontal .b-sch-event-wrap:not(.b-disable-sticky, .b-milestone-wrap),
.b-stickyevents.b-sch-horizontal .b-sch-resourcetimerange {
  overflow: visible;
}
.b-stickyevents.b-sch-horizontal .b-sch-event-wrap:not(.b-disable-sticky, .b-milestone-wrap) .b-sch-event-content,
.b-stickyevents.b-sch-horizontal .b-sch-resourcetimerange .b-sch-event-content {
  position: sticky;
  left: 0.75em;
}
.b-stickyevents.b-sch-horizontal .b-sch-event-wrap:not(.b-disable-sticky, .b-milestone-wrap) .b-sch-event,
.b-stickyevents.b-sch-horizontal .b-sch-resourcetimerange .b-sch-event {
  overflow: visible;
}
.b-stickyevents.b-sch-horizontal .b-sch-resourcetimerange {
  justify-content: flex-start;
  overflow: visible;
}
.b-stickyevents.b-sch-horizontal .b-sch-resourcetimerange > div {
  overflow: visible;
  width: 100%;
}
.b-rtl.b-stickyevents.b-sch-horizontal .b-sch-event-wrap:not(.b-disable-sticky, .b-milestone-wrap) .b-sch-event-content,
.b-rtl.b-stickyevents.b-sch-horizontal .b-sch-resourcetimerange .b-sch-event-content {
  right: 0.75em;
}
.b-firefox.b-stickyevents.b-sch-horizontal .b-sch-foreground-canvas {
  contain: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-summarybar {
  padding: 0;
  flex-direction: row;
  justify-content: flex-start;
  flex-grow: unset !important;
}
.b-sch-summarybar .b-timeaxis-tick {
  display: flex;
  flex-direction: column;
  text-align: center;
  overflow: hidden;
  justify-content: center;
  align-items: stretch;
}
.b-sch-summarybar:not(.b-sch-vertical) .b-timeaxis-tick {
  padding: 0.5em 0;
}
.b-sch-summarybar:not(.b-sch-vertical) .b-timeaxis-tick:not(:last-child) {
  border-inline-end: 1px solid #E9E9E9;
}
.b-sch-vertical .b-sch-summarybar {
  flex-direction: column;
  align-items: stretch;
  background: #FAFAFA !important;
  color: #2E3538;
}
.b-sch-vertical .b-sch-summarybar .b-timeaxis-tick {
  padding: 0 0.5em;
}
.b-sch-vertical .b-sch-summarybar .b-timeaxis-tick:not(:last-child) {
  border-bottom: 1px solid #E9E9E9;
}
.b-timeaxis-summary-tip {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.b-timeaxis-summary-tip header {
  width: 100%;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1em;
}
.b-timeaxis-summary-tip label {
  flex: 1 1 50%;
}
.b-timeaxis-summary-tip .b-timeaxis-summary-value {
  flex: 0 0 auto;
}
.b-sch-timeaxis-menu-daterange-popup {
  width: 21em;
}
.b-sch-timeaxis-menu-daterange-popup .b-left-nav-btn,
.b-sch-timeaxis-menu-daterange-popup .b-right-nav-btn {
  max-width: 1em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-float-root > .b-floating.b-interaction-tooltip {
  pointer-events: none;
}
.b-timeranges-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 4;
  pointer-events: none;
  display: contents;
}
.b-sch-line {
  margin-inline-start: -1px;
}
.b-sch-timerange {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  left: 0;
  overflow: hidden;
  justify-content: center;
  color: #aaa;
  z-index: 4;
  cursor: pointer;
}
.b-sch-timerange.b-over-resize-handle {
  cursor: ew-resize;
}
.b-timelinebase:not(.b-dragging-timerange) .b-sch-timerange:hover {
  z-index: 6;
}
.b-sch-timerange label {
  font-size: 0.8em;
  color: inherit;
  white-space: nowrap;
  cursor: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.3em;
}
.b-sch-timerange i {
  margin-inline-end: 0.5em;
}
.b-timeranges-body-canvas .b-sch-timerange.b-narrow-range label {
  writing-mode: tb;
  padding-inline-start: 1em;
}
.b-sch-current-time {
  pointer-events: none;
}
.b-animating .b-sch-timerange {
  transition: transform 0.3s, width 0.3s, height 0.3s;
}
.b-timeline-subgrid .b-sch-timerange {
  height: 100%;
  align-items: flex-start;
  min-width: 1px;
  color: #aaa;
  font-size: 14px;
}
.b-timeline-subgrid .b-sch-timerange:not(.b-sch-line) label {
  overflow: visible;
}
.b-timeline-subgrid .b-sch-timerange:not(.b-sch-line) label.b-vertical {
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
}
.b-timeline-subgrid .b-sch-timerange.b-sch-line {
  width: 1px;
  overflow: visible;
}
.b-timeline-subgrid .b-sch-timerange.b-sch-line:before {
  display: none;
}
.b-timeline-subgrid .b-sch-range {
  background-color: rgba(240, 240, 240, 0.5);
  pointer-events: none;
}
.b-timeline-subgrid .b-sch-line {
  border-inline-start: 2px solid var(--solution-primary-color);
  color: #fff;
  padding: 0;
  z-index: 5;
}
.b-timeline-subgrid .b-sch-line label {
  background-color: var(--solution-primary-color);
  padding: 0.3em;
  white-space: nowrap;
}
.b-timeline-subgrid .b-sch-current-time {
  border-inline-start-color: #fa5252;
}
.b-timeline-subgrid .b-sch-current-time label {
  background-color: #fa5252;
}
.b-timelinebase:not(.b-sch-vertical) .b-timeline-subgrid .b-sch-line {
  flex-direction: column;
  justify-content: flex-start;
  z-index: 6;
}
.b-timelinebase:not(.b-sch-vertical) .b-timeline-subgrid .b-sch-line label {
  margin-top: 0.5em;
}
.b-sch-vertical .b-sch-timerange {
  left: auto;
  top: 0;
  justify-content: flex-start;
}
.b-sch-vertical .b-sch-timerange label {
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  transform: rotate(180deg);
}
.b-sch-vertical .b-sch-timerange.b-over-resize-handle {
  cursor: ns-resize;
}
.b-sch-vertical .b-timeline-subgrid .b-sch-timerange {
  height: auto;
  width: 100%;
}
.b-sch-vertical .b-timeline-subgrid .b-sch-line {
  border-top: 2px solid var(--solution-primary-color);
  color: #fff;
  padding: 0;
  height: 1px;
}
.b-sch-vertical .b-timeline-subgrid .b-sch-line label {
  background-color: var(--solution-primary-color);
  padding: 0.3em;
  white-space: nowrap;
}
.b-timeranges-header-canvas .b-sch-timerange {
  pointer-events: all;
}
.b-grid-header .b-sch-timerange {
  flex-direction: row;
  justify-content: center;
  bottom: 0;
  background-color: #a6d6fb;
  color: #fff;
  line-height: 1;
  padding: 0.5em 0;
  -webkit-user-select: none;
  user-select: none;
}
.b-grid-header .b-sch-timerange.b-sch-line {
  padding: 0.5em;
  background-color: var(--solution-primary-color);
  z-index: 5;
}
.b-grid-header .b-sch-timerange.b-sch-current-time {
  background-color: #fa5252;
}
.b-grid-header .b-sch-timerange:before {
  margin-inline-end: 0.5em;
}
.b-grid-header .b-sch-timerange label {
  padding: 0;
}
.b-grid-header.b-sch-timeaxiscolumn-levels-1 .b-sch-timerange {
  height: 100%;
}
.b-grid-header.b-sch-timeaxiscolumn-levels-2 .b-sch-timerange {
  height: 50%;
}
.b-grid-header.b-sch-timeaxiscolumn-levels-3 .b-sch-timerange {
  height: 33.3333333333%;
}
.b-grid-header .b-sch-line {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.b-grid-header .b-sch-line.b-rtl {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.b-grid-header .b-sch-line.b-sch-timerange-with-headerlabel label {
  left: -2px;
}
.b-verticaltimeaxiscolumn .b-sch-timerange {
  flex-direction: column;
  justify-content: center;
  right: 0;
  background-color: #a6d6fb;
  color: #fff;
  -webkit-user-select: none;
  user-select: none;
}
.b-verticaltimeaxiscolumn .b-sch-timerange:before {
  margin-bottom: 0.5em;
}
.b-verticaltimeaxiscolumn .b-sch-line {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.b-verticaltimeaxiscolumn .b-sch-line.b-sch-timerange-with-headerlabel label {
  top: -2px;
}
.b-sch-timeranges-with-headerelements .b-timeline-subgrid .b-sch-range:before {
  display: none;
}
.b-dragging-timerange .b-sch-timerange:not(.b-dragging) {
  pointer-events: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-timeaxiscolumn .b-selected-time-span,
.b-verticaltimeaxiscolumn .b-selected-time-span {
  background: #4dadf7;
  color: #fff;
  justify-content: space-between;
  padding: 0.4em;
  opacity: 1;
}
.b-sch-timeaxiscolumn .b-selected-time-span span,
.b-verticaltimeaxiscolumn .b-selected-time-span span {
  white-space: nowrap;
  overflow: hidden;
}
.b-sch-timeaxiscolumn .b-selected-time-span .b-selection-start,
.b-sch-timeaxiscolumn .b-selected-time-span .b-selection-end,
.b-verticaltimeaxiscolumn .b-selected-time-span .b-selection-start,
.b-verticaltimeaxiscolumn .b-selected-time-span .b-selection-end {
  align-self: flex-end;
}
.b-sch-timeaxiscolumn .b-selected-time-span .b-icon-close, .b-sch-timeaxiscolumn .b-selected-time-span .b-popup-close:before,
.b-verticaltimeaxiscolumn .b-selected-time-span .b-icon-close,
.b-verticaltimeaxiscolumn .b-selected-time-span .b-popup-close:before {
  position: absolute;
  top: 0.2em;
  right: 0.4em;
  cursor: pointer;
}
.b-timelinebase.b-rtl .b-sch-timeaxiscolumn .b-selected-time-span .b-icon-close, .b-timelinebase.b-rtl .b-sch-timeaxiscolumn .b-selected-time-span .b-popup-close:before,
.b-timelinebase.b-rtl .b-verticaltimeaxiscolumn .b-selected-time-span .b-icon-close,
.b-timelinebase.b-rtl .b-verticaltimeaxiscolumn .b-selected-time-span .b-popup-close:before {
  left: 0.4em;
  right: auto;
}
.b-sch-timeaxiscolumn .b-selected-time-span {
  font-size: 0.7em;
}
.b-verticaltimeaxiscolumn .b-selected-time-span {
  width: calc(100% - 2em);
}
.b-verticaltimeaxiscolumn .b-selected-time-span span {
  font-size: 0.7em;
}
.b-verticaltimeaxiscolumn .b-selected-time-span .b-icon-close, .b-verticaltimeaxiscolumn .b-selected-time-span .b-popup-close:before {
  left: 0.4em;
}
.b-grid-header .b-selected-time-span,
.b-timeline-subgrid .b-selected-time-span,
.b-verticaltimeaxiscolumn .b-selected-time-span {
  transition: none;
  z-index: 10;
}
.b-timeline-subgrid .b-selected-time-span {
  background: rgba(166, 214, 251, 0.2);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-grid-headers .b-sch-nonworkingtime {
  background-color: rgba(240, 213, 213, 0.3);
  z-index: 3;
  pointer-events: none;
}
.b-sch-nonworkingtime-canvas {
  z-index: 2;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-clockwrap {
  display: flex;
}
.b-sch-clockwrap:not(:first-child) {
  margin-top: 0.3em;
}
.b-sch-clock {
  position: relative;
  height: 21px;
  width: 21px;
  min-width: 21px;
  white-space: nowrap;
}
.b-sch-clock .b-sch-hour-indicator {
  border-top: 2px solid transparent;
  border-bottom: 6px solid #777;
}
.b-sch-clock .b-sch-minute-indicator {
  border-top: 8px solid #777;
}
.b-sch-clock .b-sch-minute-indicator,
.b-sch-clock .b-sch-hour-indicator {
  position: absolute;
  left: 50%;
  top: 1px;
  width: 2px;
  height: 8px;
  overflow: hidden;
  margin-left: -1px;
  transform-origin: 50% 100%;
}
.b-sch-clock-hour .b-sch-clock {
  border: 2px solid var(--solution-primary-color);
  background-color: #fff;
  border-radius: 100%;
}
.b-sch-clock-hour .b-sch-clock-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  margin-top: -2px;
  background: #777;
  border-radius: 3px;
  z-index: 2;
}
.b-sch-clock-day .b-sch-clock {
  background-color: #fff;
  border: none;
  border-radius: 5px;
}
.b-sch-clock-day .b-sch-clock .b-sch-hour-indicator {
  width: inherit;
  position: static !important;
  background-color: var(--solution-primary-color);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 7px;
  line-height: 8px;
  text-align: center;
  color: #fff;
  height: 9px;
  text-indent: 0;
  margin-top: -1px;
  margin-left: 0;
  border: 0 none;
  transform: none !important;
}
.b-sch-clock-day .b-sch-clock .b-sch-minute-indicator {
  width: inherit;
  color: #555;
  position: static !important;
  height: 16px;
  background-color: transparent;
  font-size: 10px;
  text-align: center;
  text-indent: 0;
  line-height: 12px;
  border: none;
  margin-left: 0;
  transform: none !important;
}
.b-sch-clock-day .b-sch-clock-dot {
  display: none;
}
.b-sch-clock-text {
  margin-inline-start: 8px;
  padding-top: 1px;
  white-space: nowrap;
  width: 100%;
}
/*.b-rtl .b-sch-clock-text {
    margin-left  : auto;
    margin-right : 25px;
}*/
.b-sticky-headers .b-grid-header,
.b-sticky-headers .b-timeaxis,
.b-sticky-headers .b-sticky-header,
.b-sticky-headers .b-sch-header-timeaxis-cell {
  overflow: visible;
}
.b-sticky-headers .b-sch-header-text.b-sticky-header {
  position: sticky;
}
.b-sticky-headers .b-horizontaltimeaxis .b-sch-header-text.b-sticky-header {
  left: 0;
  padding-inline: 0.75em;
}
.b-sticky-headers .b-verticaltimeaxis .b-sch-header-text.b-sticky-header {
  top: 0.15em;
}
.b-sticky-headers .b-verticaltimeaxis .b-sch-header-row-0 .b-sch-header-text.b-sticky-header {
  padding-top: 0.5em;
}
.b-sticky-headers .b-verticaltimeaxis .b-sch-header-row.b-lowest .b-sch-header-text.b-sticky-header {
  padding-bottom: 0.5em;
}
body:not(.b-using-keyboard) .b-sch-timeaxis-cell:focus, body:not(.b-using-keyboard) .b-sch-timeaxis-cell:focus-within {
  outline: none !important;
}
.b-sch-header-timeaxis-cell {
  align-items: center;
}
.b-gridbase:not(.b-column-resizing):not(.b-row-reordering) .b-grid-header-container:not(.b-dragging-header) .b-depth-0:hover,
.b-gridbase:not(.b-column-resizing):not(.b-row-reordering) .b-grid-header-container:not(.b-dragging-header) .b-depth-0:focus {
  background: transparent;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-timelinehistogram .b-grid-row {
  z-index: 3;
}
.b-timelinehistogram .b-timelinehistogram-cell {
  padding: 0;
  border-inline-end-width: 0;
}
.b-timelinehistogram .b-timeline-subgrid .b-grid-cell.b-focused::after {
  display: none;
}
.b-timelinehistogram-histogram {
  padding: 0;
  background-color: transparent;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-column.b-grid-header {
  padding: 0;
}
.b-grid-header-container .b-sch-timeaxiscolumn {
  -webkit-user-select: none;
  user-select: none;
  padding: 0;
  flex-grow: unset !important;
  background-color: #FAFAFA;
  border-inline-end: 0 none;
}
.b-grid-header-container .b-sch-timeaxiscolumn .b-sch-header-timeaxis-cell:hover {
  background-color: #FAFAFA;
}
.b-horizontaltimeaxis {
  flex-direction: column;
  flex: 1 0 100%;
}
.b-horizontaltimeaxis .b-sch-header-row {
  flex: 1 0 2em;
}
.b-horizontaltimeaxis .b-sch-header-row.b-sch-header-row-0.b-lowest {
  flex: 1;
}
.b-horizontaltimeaxis .b-sch-header-timeaxis-cell {
  height: 100%;
  border-inline-start: 1px solid #E9E9E9;
}
.b-horizontaltimeaxis .b-sch-header-timeaxis-cell:hover {
  cursor: pointer;
  background-color: #FAFAFA;
}
.b-horizontaltimeaxis .b-sch-header-timeaxis-cell.b-last .b-sch-header-text {
  overflow: hidden;
}
.b-sch-timeaxiscolumn-levels-1 {
  min-height: 1.5em;
}
.b-sch-timeaxiscolumn-levels-2 {
  min-height: 3em;
}
.b-sch-timeaxiscolumn-levels-3 {
  min-height: 4.5em;
}
.b-sch-header-row {
  position: relative;
  contain: strict;
}
.b-sch-header-row:last-child .b-sch-header-timeaxis-cell {
  border-bottom: none;
}
.b-sch-header-timeaxis-cell {
  display: flex;
  justify-content: center;
  position: absolute;
  color: #2E3538;
  border-bottom: 1px solid #E9E9E9;
  overflow: hidden;
  transition: background-color 0.2s;
  font-size: 13px;
  font-weight: inherit;
  padding: 0.5em 0 0.5em 0;
  white-space: nowrap;
  contain: strict;
  -webkit-user-select: none;
  user-select: none;
}
.b-sch-header-timeaxis-cell.b-align-start .b-sch-header-text, .b-sch-header-timeaxis-cell.b-align-end .b-sch-header-text {
  padding-inline-start: 0.75em;
  padding-inline-end: 0.5em;
}
.b-sch-header-timeaxis-cell.b-align-start {
  justify-content: flex-start;
}
.b-sch-header-timeaxis-cell.b-align-end {
  justify-content: flex-end;
}
.b-schedulerbase.b-fill-last-column .b-sch-timeaxiscolumn:last-child {
  border-inline-end-color: #E9E9E9;
}
.b-sch-header-timeaxis-cell[data-tick-index="0"] {
  border-inline-start: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-verticaltimeaxiscolumn {
  flex-flow: column nowrap;
  align-items: stretch;
  padding: 0;
  border-inline-end: none;
  background-color: white !important;
}
.b-verticaltimeaxiscolumn.b-grid-cell.b-focused:after {
  display: none;
}
.b-verticaltimeaxis {
  flex: 1 0 100%;
  contain: strict;
}
.b-verticaltimeaxis .b-sch-header-row {
  flex-direction: column;
  flex: 1;
}
.b-verticaltimeaxis .b-sch-header-timeaxis-cell {
  width: 100%;
  text-transform: none;
  padding: 0;
  border-inline-start: 0 none;
}
.b-verticaltimeaxis .b-sch-header-row.b-lowest .b-sch-header-timeaxis-cell {
  border-inline-end: none;
  border-bottom: none;
  justify-content: flex-end;
  align-items: flex-start;
  contain: unset;
}
.b-verticaltimeaxis .b-sch-header-row.b-lowest .b-sch-header-timeaxis-cell .b-sch-header-text {
  padding-inline-end: 0.5em;
  margin-top: -0.75em;
}
.b-verticaltimeaxis .b-sch-header-row.b-lowest .b-sch-header-timeaxis-cell:hover {
  background-color: #FAFAFA;
}
.b-verticaltimeaxis .b-sch-header-row:not(.b-lowest) {
  flex: 0 0 2em;
}
.b-verticaltimeaxis .b-sch-header-row:not(.b-lowest) .b-sch-header-timeaxis-cell {
  align-items: flex-start;
  border-inline-end: 1px solid #E9E9E9;
}
.b-verticaltimeaxis .b-sch-header-row:not(.b-lowest) .b-sch-header-text {
  padding-bottom: 0.75em;
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  transform: rotate(180deg);
}
.b-sch-vertical .b-sticky-headers .b-content-element,
.b-sch-vertical .b-sticky-headers .b-grid-subgrid-locked,
.b-sch-vertical .b-sticky-headers .b-verticaltimeaxis-row,
.b-sch-vertical .b-sticky-headers .b-verticaltimeaxiscolumn,
.b-sch-vertical .b-sticky-headers .b-verticaltimeaxis,
.b-sch-vertical .b-sticky-headers .b-sch-header-row,
.b-sch-vertical .b-sticky-headers .b-sch-header-timeaxis-cell {
  overflow: visible;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-vertical .b-sch-timeaxiscolumn {
  flex-direction: row;
  min-height: 3em;
}
.b-resourceheader {
  flex: 1;
  position: relative;
  contain: strict;
}
.b-resourceheader.b-has-images {
  min-height: 3em;
}
.b-resourceheader.b-grouped {
  height: 6em;
}
.b-resourceheader-group-cell {
  position: absolute;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
}
.b-resourceheader-group-cell > span {
  padding: 0.5em 0;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #E9E9E9;
  border-inline-end: 1px solid #E9E9E9;
}
.b-resourceheader-group-cell .b-resourceheader-group-children {
  position: relative;
  height: 100%;
}
.b-resourceheader-cell {
  position: absolute;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2E3538;
  border-inline-end: 1px solid #E9E9E9;
  overflow: hidden;
  transition: background-color 0.2s;
  font-size: 13px;
  font-weight: inherit;
  padding: 0.5em;
  white-space: nowrap;
  contain: strict;
  height: 100%;
  -webkit-user-select: none;
  user-select: none;
}
.b-animating .b-resourceheader-cell {
  transition: width 0.2s, left 0.2s, right 0.2s;
}
.b-resourceheader-cell:hover {
  cursor: pointer;
  background-color: #FAFAFA;
}
.b-resourceheader-cell.b-align-start, .b-resourceheader-cell.b-align-end {
  padding-inline: 0.3em;
}
.b-resourceheader-cell.b-align-start {
  justify-content: flex-start;
}
.b-resourceheader-cell.b-align-end {
  justify-content: flex-end;
}
.b-resourceheader-cell i {
  margin-inline-end: 0.5em;
}
.b-resourceheader-cell .b-resource-name {
  overflow: hidden;
}
.b-resourceheader-cell .b-resource-avatar {
  margin-inline-end: 1em;
}
.b-recurrenceconfirmationpopup.b-popup {
  width: 29em;
  max-width: none;
}
.b-recurrenceconfirmationpopup.b-popup .b-recurrenceconfirmationpopup-header,
.b-recurrenceconfirmationpopup.b-popup .b-recurrenceconfirmationpopup-content {
  padding: 0.65em;
}
.b-recurrenceconfirmationpopup.b-popup .b-bottom-toolbar > button {
  margin-inline-end: 0.5em;
}
.b-recurrenceconfirmationpopup.b-popup .b-bottom-toolbar > button:last-child {
  margin-inline-end: 0;
}
button.b-button.b-recurrencelegendbutton {
  /* allow lines wrapping for the button since recurrence legend might be a long string */
  white-space: normal;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-recurrenceeditor .b-panel {
  --panel-background-color: inherit;
}
.b-recurrenceeditor .b-recurrenceeditorpanel-content.b-panel-content {
  padding: 0;
  column-gap: 1em;
}
.b-recurrenceeditor .b-recurrenceeditorpanel-content.b-panel-content .b-field label.b-align-start {
  flex: 1 0 10em;
}
.b-recurrenceeditor .b-recurrenceeditorpanel-content.b-panel-content .b-recurrencepositionscombo {
  flex: 0 0 9.5em;
}
.b-recurrenceeditor .b-bottom-toolbar .b-label-filler {
  display: none;
}
.b-recurrenceeditor .b-bottom-toolbar button {
  flex: 1;
}
.b-schedulerpro-taskeditor .b-recurrenceeditor .b-buttongroup {
  font-size: 0.8em;
}
.b-datepicker .b-icon-circle {
  font-size: 50%;
  color: #03a9f4;
  margin-top: 1px;
}
.b-datepicker .b-selected-date .b-icon-circle {
  color: #fff;
}
.b-datepicker .b-cell-events-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 80%;
  background-color: #f44336;
  color: #fff;
  width: 1.3em;
  height: 1.3em;
}
.b-datepicker-with-events .b-calendar-weekdays {
  padding-bottom: 4px;
}
.b-datepicker-with-events .b-calendar-week .b-calendar-cell {
  margin: 1px 1px;
  justify-content: flex-start;
}
.b-datepicker-with-events .b-calendar-week .b-calendar-cell .b-datepicker-cell-inner {
  margin-bottom: 0.45em;
}
.b-resourcecombo .b-resource-icon {
  display: none;
  margin-inline: 0.5em 0;
}
.b-resourcecombo.b-show-event-color:not(.b-uses-chipview) .b-resource-icon {
  display: block;
}
.b-resourcecombo-picker .b-icon, .b-resourcecombo-picker .b-icon-version, .b-resourcecombo-picker .b-indicator.b-deadline-date, .b-resourcecombo-picker .b-indicator.b-constraint-type-muststarton, .b-resourcecombo-picker .b-indicator.b-constraint-type-mustfinishon {
  display: none;
  margin-inline-end: 0.5em;
}
.b-resourcecombo-picker.b-multiselect .b-icon, .b-resourcecombo-picker.b-multiselect .b-icon-version, .b-resourcecombo-picker.b-multiselect .b-indicator.b-deadline-date, .b-resourcecombo-picker.b-multiselect .b-indicator.b-constraint-type-muststarton, .b-resourcecombo-picker.b-multiselect .b-indicator.b-constraint-type-mustfinishon, .b-resourcecombo-picker.b-show-event-color .b-icon, .b-resourcecombo-picker.b-show-event-color .b-icon-version, .b-resourcecombo-picker.b-show-event-color .b-indicator.b-deadline-date, .b-resourcecombo-picker.b-show-event-color .b-indicator.b-constraint-type-muststarton, .b-resourcecombo-picker.b-show-event-color .b-indicator.b-constraint-type-mustfinishon {
  display: block;
}
.b-resourcecombo-picker.b-multiselect .b-selected .b-icon-square:before, .b-resourcecombo-picker.b-show-event-color .b-selected .b-icon-square:before {
  content: "\f14a";
}
.b-theme-material .b-resourcecombo .b-resource-icon {
  margin-inline: 0 0.5em;
}
.b-resourcefilter .b-list-item {
  border: 0 none;
  border-radius: 0;
}
.b-resourcefilter .b-selected-icon {
  visibility: visible !important;
}
.b-resourcefilter .b-selected-icon:before {
  content: "\f0c8";
  opacity: 0.6;
}
.b-resourcefilter .b-selected .b-selected-icon:before {
  content: "\f14a";
  opacity: 1;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-red {
  background-color: #ff8787;
}
.b-sch-foreground-red {
  color: #ff8787;
}
.b-sch-pink {
  background-color: #f783ac;
}
.b-sch-foreground-pink {
  color: #f783ac;
}
.b-sch-purple {
  background-color: #ea80dc;
}
.b-sch-foreground-purple {
  color: #ea80dc;
}
.b-sch-magenta {
  background-color: #ff4dff;
}
.b-sch-foreground-magenta {
  color: #ff4dff;
}
.b-sch-violet {
  background-color: #9775fa;
}
.b-sch-foreground-violet {
  color: #9775fa;
}
.b-sch-indigo {
  background-color: #748ffc;
}
.b-sch-foreground-indigo {
  color: #748ffc;
}
.b-sch-blue {
  background-color: #4dadf7;
}
.b-sch-foreground-blue {
  color: #4dadf7;
}
.b-sch-cyan {
  background-color: #3bc9db;
}
.b-sch-foreground-cyan {
  color: #3bc9db;
}
.b-sch-teal {
  background-color: #38d9a9;
}
.b-sch-foreground-teal {
  color: #38d9a9;
}
.b-sch-green {
  background-color: #69db7c;
}
.b-sch-foreground-green {
  color: #69db7c;
}
.b-sch-lime {
  background-color: #a9e34b;
}
.b-sch-foreground-lime {
  color: #a9e34b;
}
.b-sch-gantt-green {
  background-color: #a5d8a7;
}
.b-sch-foreground-gantt-green {
  color: #a5d8a7;
}
.b-sch-yellow {
  background-color: #fdd835;
}
.b-sch-foreground-yellow {
  color: #fdd835;
}
.b-sch-orange {
  background-color: #ffa94d;
}
.b-sch-foreground-orange {
  color: #ffa94d;
}
.b-sch-deep-orange {
  background-color: #ff7043;
}
.b-sch-foreground-deep-orange {
  color: #ff7043;
}
.b-sch-gray {
  background-color: #a0a0a0;
}
.b-sch-foreground-gray {
  color: #a0a0a0;
}
.b-sch-light-gray {
  background-color: #e0e0e7;
}
.b-sch-foreground-light-gray {
  color: #e0e0e7;
}
.b-sch-foreground-black {
  color: #000;
}
.b-sch-color-red {
  --event-primary-color-h: 0deg;
  --event-primary-color-s: 100%;
  --event-primary-color-l: 76.4705882353%;
}
.b-sch-color-pink {
  --event-primary-color-h: 338.7931034483deg;
  --event-primary-color-s: 87.8787878788%;
  --event-primary-color-l: 74.1176470588%;
}
.b-sch-color-purple {
  --event-primary-color-h: 307.9245283019deg;
  --event-primary-color-s: 71.6216216216%;
  --event-primary-color-l: 70.9803921569%;
}
.b-sch-color-violet {
  --event-primary-color-h: 255.3383458647deg;
  --event-primary-color-s: 93.006993007%;
  --event-primary-color-l: 71.9607843137%;
}
.b-sch-color-indigo {
  --event-primary-color-h: 228.0882352941deg;
  --event-primary-color-s: 95.7746478873%;
  --event-primary-color-l: 72.1568627451%;
}
.b-sch-color-blue {
  --event-primary-color-h: 206.1176470588deg;
  --event-primary-color-s: 91.3978494624%;
  --event-primary-color-l: 63.5294117647%;
}
.b-sch-color-cyan {
  --event-primary-color-h: 186.75deg;
  --event-primary-color-s: 68.9655172414%;
  --event-primary-color-l: 54.5098039216%;
}
.b-sch-color-magenta {
  --event-primary-color-h: 300deg;
  --event-primary-color-s: 100%;
  --event-primary-color-l: 65.0980392157%;
}
.b-sch-color-teal {
  --event-primary-color-h: 162.1118012422deg;
  --event-primary-color-s: 67.9324894515%;
  --event-primary-color-l: 53.5294117647%;
}
.b-sch-color-green {
  --event-primary-color-h: 130deg;
  --event-primary-color-s: 61.2903225806%;
  --event-primary-color-l: 63.5294117647%;
}
.b-sch-color-lime {
  --event-primary-color-h: 82.8947368421deg;
  --event-primary-color-s: 73.0769230769%;
  --event-primary-color-l: 59.2156862745%;
}
.b-sch-color-yellow {
  --event-primary-color-h: 48.9deg;
  --event-primary-color-s: 98.0392156863%;
  --event-primary-color-l: 60%;
}
.b-sch-color-orange {
  --event-primary-color-h: 31.0112359551deg;
  --event-primary-color-s: 100%;
  --event-primary-color-l: 65.0980392157%;
}
.b-sch-color-deep-orange {
  --event-primary-color-h: 14.3617021277deg;
  --event-primary-color-s: 100%;
  --event-primary-color-l: 63.137254902%;
}
.b-sch-color-gray {
  --event-primary-color-h: 0deg;
  --event-primary-color-s: 0%;
  --event-primary-color-l: 62.7450980392%;
}
.b-sch-color-light-gray {
  --event-primary-color-h: 240deg;
  --event-primary-color-s: 12.7272727273%;
  --event-primary-color-l: 89.2156862745%;
}
.b-sch-color-gantt-green {
  --event-primary-color-h: 122.3529411765deg;
  --event-primary-color-s: 39.5348837209%;
  --event-primary-color-l: 74.7058823529%;
}
.b-sch-color-black {
  --event-primary-color-h: 0deg;
  --event-primary-color-s: 0%;
  --event-primary-color-l: 0%;
}
.b-sch-style-interday > .b-sch-event,
.b-sch-style-interday > .b-sch-event > .b-sch-event-segments > .b-sch-event,
.b-sch-style-plain > .b-sch-event,
.b-sch-style-plain > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-s-factor: 1;
  --event-l-factor: 1;
  --event-hover-s-factor: 1.3;
  --event-hover-l-factor: 0.6;
  --event-selected-hover-s-factor: 1.4;
  --event-selected-hover-l-factor: 0.55;
}
.b-sch-style-interday .b-sch-event {
  opacity: 0.8;
  border-radius: 3px;
}
.b-sch-style-interday .b-sch-event-content {
  font-weight: 400;
}
.b-sch-style-plain.b-sch-custom-color > .b-sch-event:not(.b-milestone) {
  background-color: currentColor;
}
.b-sch-style-plain.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover, .b-sch-style-plain.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected, .b-sch-style-plain.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover {
  background-color: currentColor;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.b-sch-style-plain.b-sch-custom-color > .b-sch-event:not(.b-milestone) > .b-sch-event-content {
  color: #fff;
}
.b-sch-style-plain.b-sch-custom-color > .b-sch-event.b-milestone .b-sch-event-content::before {
  background-color: currentColor;
}
.b-sch-style-plain.b-sch-custom-color > .b-sch-event.b-milestone:hover .b-sch-event-content::before, .b-sch-style-plain.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected .b-sch-event-content::before, .b-sch-style-plain.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected:hover .b-sch-event-content::before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.b-sch-layout-milestone-text-position-inside .b-sch-event-wrap.b-milestone-wrap .b-milestone {
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-sch-layout-milestone-text-position-inside .b-sch-event-wrap.b-milestone-wrap .b-milestone label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: inherit;
}
.b-sch-style-border > .b-sch-event,
.b-sch-style-border > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-border-color: hsl(
    var(--event-background-h),
    var(--event-background-s),
    calc(var(--event-background-l) * 0.7)
  );
  --event-hover-color: #fff;
  --event-hover-l-factor: 0.7;
  --event-selected-hover-l-factor: 0.6;
  --event-border-style: solid;
  --event-border-radius: 3px;
  --event-border-width: 1px;
  --event-opacity: 0.8;
  --event-hover-opacity: 1;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-sch-style-border > .b-sch-event.b-milestone > .b-sch-event-content {
  font-size: 12px;
}
.b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone) {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  border-color: currentColor;
}
.b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone) .b-sch-event-content {
  color: #fff;
}
.b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover, .b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-resizing, .b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected, .b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover {
  background-color: currentColor;
  background-image: none;
  border-color: currentColor;
}
.b-sch-style-border.b-sch-custom-color > .b-sch-event.b-milestone .b-sch-event-content::before {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  border-color: currentColor;
}
.b-sch-style-hollow > .b-sch-event,
.b-sch-style-hollow > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-s-factor: 0;
  --event-l-factor: 2;
  --event-a: 0.2;
  --event-hover-s-factor: 1;
  --event-hover-l-factor: 1;
  --event-hover-a: 1;
  --event-selected-hover-l-factor: 0.8;
  --event-color: var(--event-primary-color);
  --event-hover-color: #fff;
  --event-border-width: 2px;
  --event-border-radius: 3px;
  --event-opacity: 0.8;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-sch-style-hollow > .b-sch-event.b-milestone > .b-sch-event-content {
  font-size: 12px;
  font-weight: 500;
}
.b-sch-style-hollow.b-sch-custom-color > .b-sch-event {
  border-color: currentColor;
}
.b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-resizing, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover {
  background-color: currentColor;
}
.b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover .b-sch-event-content, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected .b-sch-event-content, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-resizing .b-sch-event-content, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover .b-sch-event-content {
  color: #fff;
}
.b-sch-style-hollow.b-sch-custom-color > .b-sch-event.b-milestone .b-sch-event-content::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.b-sch-style-hollow.b-sch-custom-color > .b-sch-event.b-milestone:hover .b-sch-event-content::before, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected .b-sch-event-content::before, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-resizing .b-sch-event-content::before, .b-sch-style-hollow.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected:hover .b-sch-event-content::before {
  background-color: currentColor;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event,
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-l: 90%;
  --event-border-width: 3px;
  --event-color: hsl(
    var(--event-primary-color-h),
    var(--event-primary-color-s),
    calc(var(--event-primary-color-l) * 0.8)
  );
  --event-border-color: hsl(
    var(--event-primary-color-h),
    var(--event-primary-color-s),
    calc(var(--event-primary-color-l) * 0.9)
  );
  --event-opacity: 0.8;
  --event-selected-hover-l-factor: 0.8;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event:hover,
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:hover,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event:hover,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:hover {
  --event-background-l: 85%;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-sch-event-selected,
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-selected,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event.b-sch-event-selected,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-selected {
  --event-background-l: var(--event-primary-color-l);
  --event-color: #fff;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event:not(.b-milestone),
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone),
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event:not(.b-milestone),
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  border-block-width: 0;
  border-inline-end-width: 0;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-milestone,
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone,
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-colored.b-sch-event-wrap > .b-sch-event.b-milestone,
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone {
  --event-border-width: 0px;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-milestone::before,
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone::before,
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-colored.b-sch-event-wrap > .b-sch-event.b-milestone::before,
.b-schedulerbase.b-sch-layout-milestones .b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone::before {
  --event-border-width: 3px;
}
.b-sch-vertical .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event:not(.b-milestone),
.b-sch-vertical .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone),
.b-sch-vertical .b-sch-style-colored.b-sch-event-wrap > .b-sch-event:not(.b-milestone),
.b-sch-vertical .b-sch-style-colored.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  border-top-width: 3px;
  border-inline-width: 0;
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event {
  border-color: currentColor;
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone) {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover, .b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-resizing, .b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover .b-sch-event-content, .b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-resizing .b-sch-event-content, .b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected .b-sch-event-content {
  color: #fff;
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected, .b-sch-style-colored.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover {
  background-color: currentColor;
  background-image: none;
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event.b-milestone .b-sch-event-content::before {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event.b-milestone:hover .b-sch-event-content::before, .b-sch-style-colored.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-resizing .b-sch-event-content::before, .b-sch-style-colored.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected .b-sch-event-content::before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
}
.b-sch-style-colored.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected .b-sch-event-content::before, .b-sch-style-colored.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected:hover .b-sch-event-content::before {
  background-image: none;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-l: 97%;
  --event-selected-hover-l-factor: 1;
  opacity: 1;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event:hover, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:hover {
  --event-background-l: 89%;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-sch-event-selected, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-selected {
  --event-background-l: 84%;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-sch-event-selected .b-sch-event-content *, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-selected .b-sch-event-content * {
  font-weight: 400;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event .b-sch-event-content *, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event .b-sch-event-content * {
  font-weight: 400;
  color: #606060;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-sch-event-selected .b-sch-event-content *, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-selected .b-sch-event-content * {
  color: #606060;
}
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event:not(.b-milestone) .b-sch-event-content, .b-sch-style-calendar.b-sch-event-wrap > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) .b-sch-event-content {
  margin: 0;
  padding: 0.3em;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event,
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-color: transparent;
  --event-border-color: hsl(
    var(--event-primary-color-h),
    var(--event-primary-color-s),
    calc(var(--event-primary-color-l) * var(--event-l-factor))
  );
  --event-color: #777;
  --event-hover-color: #777;
  --event-border-width: 5px;
  --event-hover-l-factor: 0.8;
  --event-selected-hover-l-factor: 0.7;
  justify-content: center;
  overflow: visible;
  height: auto !important;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event .b-sch-event-content,
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event .b-sch-event-content {
  padding: 0;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-active,
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-active {
  outline-offset: 5px;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone),
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  align-self: center;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::before, .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::after,
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::before,
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::after {
  content: "";
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  position: absolute;
  border-radius: 2px;
  --handle-width: unset;
  --handle-height: unset;
  --handle-inset: unset;
  --handle-opacity: unset;
  --clip-path: unset;
}
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::before, .b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::after,
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::before,
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::after {
  top: -9px;
  height: 13px;
  border-inline-start-width: 5px;
}
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::before, .b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::after,
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::before,
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::after {
  left: -9px;
  width: 13px;
  border-top-width: 5px;
}
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::before,
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::before {
  left: 0;
}
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::before,
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::before {
  border-inline-start-width: 5px;
  top: 0;
}
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::after,
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::after {
  top: -9px;
  right: 0;
  height: 13px;
}
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event:not(.b-milestone)::after,
.b-sch-vertical .b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone)::after {
  bottom: 0;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-milestone,
.b-sch-event-wrap.b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone {
  top: initial;
}
.b-sch-style-line.b-sch-custom-color > .b-sch-event {
  border-color: currentColor;
  opacity: 0.8;
}
.b-sch-style-line.b-sch-custom-color > .b-sch-event:hover, .b-sch-style-line.b-sch-custom-color > .b-sch-event.b-sch-event-selected, .b-sch-style-line.b-sch-custom-color > .b-sch-event.b-sch-event-resizing, .b-sch-style-line.b-sch-custom-color > .b-sch-event.b-sch-event-selected:hover {
  border-color: currentColor;
  opacity: 1;
}
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-color: transparent;
  --event-border-color: hsl(
    var(--event-primary-color-h),
    var(--event-primary-color-s),
    calc(var(--event-primary-color-l) * var(--event-l-factor))
  );
  --event-color: #777;
  --event-hover-color: #777;
  --event-border-width: 5px;
  --event-border-style: dashed;
  --event-hover-l-factor: 0.8;
  --event-selected-hover-l-factor: 0.7;
  justify-content: center;
  overflow: visible;
}
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-dashed > .b-sch-event,
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  padding: 5px 0 3px 0;
}
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event .b-sch-event-content,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event .b-sch-event-content {
  padding: 0;
}
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event:not(.b-milestone),
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  align-self: center;
}
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event.b-milestone,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone {
  top: initial;
}
.b-sch-style-dashed.b-sch-custom-color > .b-sch-event {
  border-color: currentColor;
  opacity: 0.8;
}
.b-sch-style-dashed.b-sch-custom-color > .b-sch-event:hover, .b-sch-style-dashed.b-sch-custom-color > .b-sch-event.b-sch-event-selected, .b-sch-style-dashed.b-sch-custom-color > .b-sch-event.b-sch-event-resizing, .b-sch-style-dashed.b-sch-custom-color > .b-sch-event.b-sch-event-selected:hover {
  border-color: currentColor;
  opacity: 1;
}
.b-sch-event-wrap.b-sch-style-minimal > .b-sch-event, .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-color: transparent;
  --event-border-color: hsl(
    var(--event-primary-color-h),
    var(--event-primary-color-s),
    calc(var(--event-primary-color-l) * var(--event-l-factor))
  );
  --event-color: #777;
  --event-hover-color: #777;
  --event-border-width: 1px;
  --event-hover-l-factor: 0.8;
  --event-selected-hover-l-factor: 0.7;
  overflow: visible;
  padding: 0;
}
.b-sch-event-wrap.b-sch-style-minimal > .b-sch-event:not(.b-milestone), .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  font-size: 10px;
}
.b-sch-horizontal .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event:not(.b-milestone), .b-sch-horizontal .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  border-width: 0 0 var(--event-border-width) 0;
  align-items: flex-end;
}
.b-sch-vertical .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event:not(.b-milestone), .b-sch-vertical .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event > .b-sch-event-segments > .b-sch-event:not(.b-milestone) {
  border-width: 0;
  border-inline-start-width: var(--event-border-width);
  align-items: flex-start;
  padding-inline-start: 0.75em;
}
.b-sch-event-wrap.b-sch-style-minimal > .b-sch-event.b-milestone .b-sch-event-content, .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone .b-sch-event-content {
  font-size: 20px;
  left: 10px;
  position: relative;
}
.b-sch-event-wrap.b-sch-style-minimal > .b-sch-event.b-milestone .b-sch-event-content label, .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-milestone .b-sch-event-content label {
  font-size: 10px;
  left: 70%;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event.b-milestone {
  height: 20px;
  font-size: 20px;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-sch-style-minimal > .b-sch-event.b-milestone .b-sch-event-content {
  font-size: 10px;
  left: 0;
}
.b-sch-style-minimal.b-sch-custom-color > .b-sch-event {
  border-color: currentColor;
  opacity: 0.8;
}
.b-sch-style-minimal.b-sch-custom-color > .b-sch-event .b-sch-event-content {
  color: #777;
}
.b-sch-style-minimal.b-sch-custom-color > .b-sch-event:hover, .b-sch-style-minimal.b-sch-custom-color > .b-sch-event.b-sch-event-selected, .b-sch-style-minimal.b-sch-custom-color > .b-sch-event.b-sch-event-resizing, .b-sch-style-minimal.b-sch-custom-color > .b-sch-event.b-sch-event-selected:hover {
  border-color: currentColor;
  opacity: 1;
}
.b-sch-horizontal .b-sch-style-line > .b-sch-event,
.b-sch-horizontal .b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event,
.b-sch-horizontal .b-sch-style-dashed > .b-sch-event,
.b-sch-horizontal .b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  top: 5px;
  height: auto !important;
  border-width: 5px 0 0 0;
}
.b-sch-vertical .b-sch-style-line > .b-sch-event,
.b-sch-vertical .b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event,
.b-sch-vertical .b-sch-style-dashed > .b-sch-event,
.b-sch-vertical .b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  left: 0;
  border-width: 0 0 0 5px;
  flex-direction: column;
}
.b-sch-vertical .b-sch-style-line > .b-sch-event .b-sch-event-content,
.b-sch-vertical .b-sch-style-line > .b-sch-event > .b-sch-event-segments > .b-sch-event .b-sch-event-content,
.b-sch-vertical .b-sch-style-dashed > .b-sch-event .b-sch-event-content,
.b-sch-vertical .b-sch-style-dashed > .b-sch-event > .b-sch-event-segments > .b-sch-event .b-sch-event-content {
  margin: 0;
}
.b-sch-event-wrap.b-sch-style-rounded > .b-sch-event, .b-sch-event-wrap.b-sch-style-rounded > .b-sch-event > .b-sch-event-segments > .b-sch-event {
  --event-background-l: 80%;
  --event-a: 0.6;
  --event-hover-a: 1;
  --event-hover-l-factor: 0.8;
  --event-selected-hover-l-factor: 0.9;
  --event-color: hsl(
    var(--event-primary-color-h),
    var(--event-primary-color-s),
    calc(var(--event-primary-color-l) * 0.7)
  );
  --event-border-color: var(--event-primary-color);
  --event-border-radius: 2em;
}
.b-sch-event-wrap.b-sch-style-rounded > .b-sch-event.b-sch-event-selected, .b-sch-event-wrap.b-sch-style-rounded > .b-sch-event > .b-sch-event-segments > .b-sch-event.b-sch-event-selected {
  --event-background-l: var(--event-primary-color-l);
  --event-a: 1;
  --event-color: #fff;
}
.b-sch-event-wrap.b-sch-style-rounded > .b-sch-event:not(.b-milestone) .b-sch-event-content {
  margin: 0 1em;
}
.b-sch-event-wrap.b-sch-style-rounded > .b-sch-event.b-milestone {
  --event-border-radius: 1em;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-sch-style-rounded .b-sch-event.b-milestone {
  --event-border-radius: 3px;
  --event-a: 1;
  --event-background-l: 85%;
}
.b-schedulerbase.b-sch-layout-milestones .b-sch-event-wrap.b-sch-style-rounded .b-sch-event.b-milestone > .b-sch-event-content {
  font-size: 11px;
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event:not(.b-milestone) {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event:not(.b-milestone):hover {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected {
  background-image: none;
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event:not(.b-milestone).b-sch-event-selected .b-sch-event-content {
  color: #fff;
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event.b-milestone .b-sch-event-content {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event.b-milestone:hover .b-sch-event-content {
  background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.b-sch-event-wrap.b-sch-style-rounded.b-sch-custom-color > .b-sch-event.b-milestone.b-sch-event-selected .b-sch-event-content {
  background-image: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-highlighted-calendar-range {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(49, 131, 254, 0.5333333333);
  background: rgba(49, 131, 254, 0.0705882353);
  border: 2px dashed rgba(49, 131, 254, 0.2);
  animation-name: fadeInOpacity;
  animation-duration: 0.2s;
  overflow: hidden;
}
.b-sch-highlighted-calendar-range .b-sch-event-content {
  font-size: 14px;
  padding: 0.5em;
  text-align: center;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
svg.b-sch-dependency-canvas .b-sch-dependency.b-inactive {
  stroke-dasharray: 9 3;
}
.b-eventbuffer .b-sch-event {
  width: 100%;
}
.b-eventbuffer.b-sch-vertical .b-sch-event-wrap {
  contain: size layout;
}
.b-eventbuffer .b-sch-event-buffer-before {
  grid-area: start;
}
.b-eventbuffer .b-sch-event-buffer-after {
  grid-area: end;
}
.b-eventbuffer.b-sch-horizontal .b-sch-event-wrap .b-sch-event-buffer {
  height: 5px;
  background: repeating-linear-gradient(180deg, transparent, transparent 30%, #ccc 30%, #ccc 70%, transparent 70%, transparent 100%);
}
.b-eventbuffer.b-sch-horizontal .b-sch-event-wrap .b-sch-event-buffer-before {
  flex-direction: row;
  justify-content: flex-end;
}
.b-eventbuffer.b-sch-horizontal .b-sch-event-wrap .b-sch-event-buffer-before .b-buffer-label {
  margin-inline-end: auto;
  padding-inline-end: 0.5em;
}
.b-eventbuffer.b-sch-horizontal .b-sch-event-wrap .b-sch-event-buffer-before .b-buffer-label,
.b-eventbuffer.b-sch-horizontal .b-sch-event-wrap .b-sch-event-buffer-before i {
  transform: translate(0.1em, -1.25em);
}
.b-eventbuffer.b-sch-horizontal .b-sch-event-wrap .b-sch-event-buffer-before i {
  margin-inline-end: 0.5em;
}
.b-eventbuffer.b-sch-horizontal .b-sch-event-wrap .b-sch-event-buffer-after {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.b-eventbuffer.b-sch-horizontal .b-sch-event-wrap .b-sch-event-buffer-after .b-buffer-label,
.b-eventbuffer.b-sch-horizontal .b-sch-event-wrap .b-sch-event-buffer-after i {
  transform: translate(-0.1em, -1.25em);
}
.b-eventbuffer.b-sch-horizontal .b-sch-event-wrap .b-sch-event-buffer-after .b-buffer-label {
  text-align: right;
  margin-inline-start: 0.5em;
}
.b-eventbuffer.b-sch-horizontal .b-sch-event-wrap .b-sch-event-buffer-after i {
  margin-inline-start: auto;
  padding-inline-start: 0.5em;
}
.b-eventbuffer.b-sch-vertical .b-sch-event-wrap .b-sch-event-buffer {
  width: 5px;
  justify-self: center;
  background: repeating-linear-gradient(90deg, transparent, transparent 30%, #ccc 30%, #ccc 70%, transparent 70%, transparent 100%);
}
.b-eventbuffer.b-sch-vertical .b-sch-event-wrap .b-sch-event-buffer-before {
  flex-direction: column;
  justify-content: flex-end;
}
.b-eventbuffer.b-sch-vertical .b-sch-event-wrap .b-sch-event-buffer-before .b-buffer-label {
  margin-inline-end: 0.5em;
}
.b-eventbuffer.b-sch-vertical .b-sch-event-wrap .b-buffer-label,
.b-eventbuffer.b-sch-vertical .b-sch-event-wrap i {
  margin-right: -1.3em;
  writing-mode: vertical-rl;
}
.b-eventbuffer.b-sch-vertical .b-sch-event-wrap .b-sch-event-buffer-after {
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.b-eventbuffer.b-sch-vertical .b-sch-event-wrap .b-sch-event-buffer-after .b-buffer-label {
  margin-inline-start: 0.5em;
}
.b-eventbuffer .b-sch-event-buffer {
  display: flex;
  color: #aaa;
  white-space: nowrap;
  font-size: 10px;
}
.b-animating .b-sch-event-buffer {
  transition: width 0.2s;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-schedulerprobase {
  --schedulerpro-nested-event-header-height: 20px;
}
.b-sch-event-wrap.b-nested-events-parent > .b-sch-event:not(.b-milestone) {
  flex-direction: column;
  width: 100%;
}
.b-sch-event-wrap.b-nested-events-parent > .b-sch-event:not(.b-milestone) > .b-sch-event-content {
  padding-block: 0.1em;
  flex: 0 0 var(--schedulerpro-nested-event-header-height);
}
.b-sch-event-wrap.b-nested-events-parent > .b-sch-event:not(.b-milestone)::before, .b-sch-event-wrap.b-nested-events-parent > .b-sch-event:not(.b-milestone)::after {
  display: none;
}
.b-sch-event-wrap.b-nested-events-parent.b-sch-style-plain > .b-sch-event:not(.b-milestone), .b-sch-event-wrap.b-nested-events-parent.b-sch-style-colored > .b-sch-event:not(.b-milestone), .b-sch-event-wrap.b-nested-events-parent.b-sch-style-rounded > .b-sch-event:not(.b-milestone) {
  color: #666;
  background-color: transparent;
  border-left: none;
  border-radius: 0;
}
.b-sch-event-wrap.b-nested-events-parent.b-sch-style-plain > .b-sch-event:not(.b-milestone).b-sch-event-selected > .b-sch-event-content, .b-sch-event-wrap.b-nested-events-parent.b-sch-style-plain > .b-sch-event:not(.b-milestone).b-sch-event-selected > .b-sch-event-content > *, .b-sch-event-wrap.b-nested-events-parent.b-sch-style-colored > .b-sch-event:not(.b-milestone).b-sch-event-selected > .b-sch-event-content, .b-sch-event-wrap.b-nested-events-parent.b-sch-style-colored > .b-sch-event:not(.b-milestone).b-sch-event-selected > .b-sch-event-content > *, .b-sch-event-wrap.b-nested-events-parent.b-sch-style-rounded > .b-sch-event:not(.b-milestone).b-sch-event-selected > .b-sch-event-content, .b-sch-event-wrap.b-nested-events-parent.b-sch-style-rounded > .b-sch-event:not(.b-milestone).b-sch-event-selected > .b-sch-event-content > * {
  color: #555;
}
.b-sch-event-wrap.b-nested-events-parent.b-sch-style-plain > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover, .b-sch-event-wrap.b-nested-events-parent.b-sch-style-colored > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover, .b-sch-event-wrap.b-nested-events-parent.b-sch-style-rounded > .b-sch-event:not(.b-milestone).b-sch-event-selected:hover {
  background-color: rgba(221, 221, 221, 0.5647058824);
}
.b-sch-event-wrap.b-nested-events-parent.b-sch-style-plain.b-sch-event-hover > .b-sch-event:not(.b-milestone), .b-sch-event-wrap.b-nested-events-parent.b-sch-style-colored.b-sch-event-hover > .b-sch-event:not(.b-milestone), .b-sch-event-wrap.b-nested-events-parent.b-sch-style-rounded.b-sch-event-hover > .b-sch-event:not(.b-milestone) {
  background-color: rgba(221, 221, 221, 0.5647058824);
}
.b-sch-event-wrap.b-nested-events-parent.b-sch-style-plain .b-nested-events-container, .b-sch-event-wrap.b-nested-events-parent.b-sch-style-colored .b-nested-events-container, .b-sch-event-wrap.b-nested-events-parent.b-sch-style-rounded .b-nested-events-container {
  background-color: rgba(221, 221, 221, 0.5647058824);
}
.b-sch-event-wrap.b-nested-events-parent.b-sch-style-border > .b-sch-event:not(.b-milestone) {
  background-image: linear-gradient(rgba(221, 221, 221, 0.5647058824), rgba(221, 221, 221, 0.5647058824));
}
.b-sch-event-wrap.b-nested-events-parent.b-sch-style-hollow:hover > .b-sch-event {
  background-image: linear-gradient(rgba(255, 255, 255, 0.3137254902), rgba(255, 255, 255, 0.3137254902));
}
.b-nested-events-container {
  position: relative;
  align-self: flex-start;
  flex: 1;
  width: 100%;
  overflow: visible;
  transition: background 0.2s;
}
.b-nested-events-container .b-sch-event:not(.b-milestone) {
  width: 100%;
}
.b-nested-events-container .b-sch-style-border {
  transform: translateX(-1px);
}
.b-nested-events-container .b-sch-style-hollow {
  transform: translateX(-2px);
}
.b-nested-events-container.b-nested-events-layout-stack {
  overflow-y: auto;
  overflow-x: hidden;
}
.b-dependencies .b-nested-events-container.b-nested-events-layout-stack {
  overflow: visible;
}
.b-dependencies .b-nested-event.b-sch-event-hover {
  z-index: 9;
}
.b-sch-event-wrap.b-nested-events-parent.b-sch-vertical > .b-sch-event:not(.b-milestone) {
  flex-direction: row;
  padding: 0;
}
.b-sch-event-wrap.b-nested-events-parent.b-sch-vertical > .b-sch-event:not(.b-milestone) > .b-sch-event-content {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.b-sch-event-wrap.b-nested-events-parent.b-sch-vertical .b-nested-events-container {
  height: 100%;
}
.b-nestedevents .b-sch-dependencies-canvas {
  z-index: 8;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-percentbar .b-sch-event {
  overflow: visible !important;
}
.b-task-percent-bar-outer {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  transition: background-color 0.2s;
  border-radius: inherit;
}
.b-sch-style-rounded .b-task-percent-bar-outer {
  border-radius: 2em;
}
.b-sch-style-rounded .b-sch-event.b-sch-event-selected:hover .b-task-percent-bar-outer, .b-sch-style-rounded .b-sch-event-selected .b-task-percent-bar-outer {
  background-color: rgba(255, 255, 255, 0.4);
}
.b-task-percent-bar {
  background-color: #FFB938;
  border-start-start-radius: inherit;
  z-index: 0;
  box-sizing: content-box;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  transition: color 0.2s, background-color 0.2s, opacity 0.2s;
  line-height: initial;
}
.b-sch-horizontal .b-task-percent-bar, .b-gantt .b-task-percent-bar {
  height: 100%;
  max-width: 100%;
  text-align: right;
}
.b-sch-vertical .b-task-percent-bar {
  width: 100%;
  max-height: 100%;
}
.b-animating .b-task-percent-bar {
  transition: color 0.2s, width 0.2s, height 0.2s;
}
.b-task-percent-bar-resizing-task .b-task-percent-bar {
  transition: background-color 0.2s;
}
.b-sch-event-selected .b-task-percent-bar {
  background-color: rgba(0, 0, 0, 0.2);
}
.b-sch-style-rounded .b-task-percent-bar {
  background-color: currentColor;
  mix-blend-mode: overlay;
  opacity: 0.5;
}
.b-sch-style-rounded .b-sch-event:hover .b-task-percent-bar {
  mix-blend-mode: darken;
  opacity: 0.4;
}
.b-sch-style-rounded .b-sch-event.b-sch-event-selected:hover .b-task-percent-bar, .b-sch-style-rounded .b-sch-event-selected .b-task-percent-bar {
  background-color: rgba(0, 0, 0, 0.4);
  mix-blend-mode: darken;
  opacity: 0.4;
}
.b-task-percent-bar-handle {
  position: absolute;
  width: 0;
  height: 0;
  display: flex;
  justify-content: center;
  z-index: 1000;
  border-color: var(--solution-primary-color);
  border-right-color: transparent;
  border-left-color: transparent;
  border-width: 0 5px 6px 5px;
  border-style: solid;
  opacity: 1;
}
.b-sch-horizontal .b-task-percent-bar-handle, .b-gantt .b-task-percent-bar-handle {
  cursor: ew-resize !important;
  bottom: 0;
  margin-inline-start: -5px;
}
.b-gantt-task-parent .b-task-percent-bar-handle {
  bottom: 8px;
}
.b-sch-vertical .b-task-percent-bar-handle {
  cursor: ns-resize !important;
  left: 0;
  margin-top: -4px;
  transform: rotate(90deg);
}
.b-sch-horizontal .b-sch-event .b-task-percent-bar-handle {
  margin-inline-start: -8px;
  border-width: 0 6px 7px 7px;
}
.b-sch-vertical .b-sch-event .b-task-percent-bar-handle {
  margin-inline-start: -3px;
  border-width: 0 6px 7px 7px;
}
.b-sch-event.b-sch-event-selected .b-task-percent-bar-handle {
  z-index: 1000;
}
.b-sch-style-rounded .b-task-percent-bar-handle {
  border-block-color: #333;
}
.b-task-percent-bar-handle::after {
  margin-top: 10px;
  font-size: 0.8em;
  color: #000;
}
.b-task-percent-bar-show-percentage:not(.b-resizing-event):not(.b-dragging-event).b-task-percent-bar-resizing-task .b-task-percent-bar-handle::after,
.b-task-percent-bar-show-percentage:not(.b-resizing-event):not(.b-dragging-event) .b-sch-event-hover .b-task-percent-bar-handle::after {
  position: absolute;
  content: attr(data-percent) "%";
}
.b-sch-vertical .b-task-percent-bar-handle::after {
  margin-top: -2em;
  transform: rotate(-90deg);
}
.b-task-percent-bar-resizing .b-sch-event,
.b-task-percent-bar-resizing .b-gantt-task {
  -webkit-user-select: none;
  user-select: none;
  cursor: ew-resize !important;
}
.b-task-percent-bar-drag-disabled .b-task-percent-bar-handle,
.b-readonly .b-task-percent-bar-handle {
  display: none !important;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-resourcenonworkingtime {
  background-color: rgba(240, 240, 240, 0.5);
  z-index: 1;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-popup.b-taskeditor .b-bottom-toolbar > button, .b-popup.b-schedulerpro-taskeditor .b-bottom-toolbar > button {
  flex: none;
  width: 10em;
  margin-right: 0.5em;
  min-height: 2.5em;
}
.b-popup.b-taskeditor .b-bottom-toolbar > button:last-child, .b-popup.b-schedulerpro-taskeditor .b-bottom-toolbar > button:last-child {
  margin-right: 0;
}
.b-popup.b-taskeditor .b-chip, .b-popup.b-schedulerpro-taskeditor .b-chip {
  font-size: 0.9em;
}
.b-schedulerpro-taskeditor .b-watermark {
  display: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-highlight-container {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.b-sch-highlight-container .b-unavailable {
  background: rgba(200, 200, 200, 0.1882352941);
}
.b-sch-highlighted-range {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(49, 131, 254, 0.5333333333);
  font-size: 14px;
}
.b-sch-highlighted-range-name {
  text-overflow: ellipsis;
  overflow: hidden;
}
.b-sch-highlighted-range-default {
  background: rgba(49, 131, 254, 0.0705882353);
  border: 2px dashed rgba(49, 131, 254, 0.2);
  animation-name: fadeInOpacity;
  animation-duration: 0.2s;
}
.b-timelinebase.b-transition-highlight .b-sch-highlighted-range {
  transition-property: opacity;
  transition-duration: 0.3s;
}
.b-timelinebase.b-transition-highlight .b-sch-highlighted-range[data-sync-id] {
  transition-property: width, height, left, top, opacity;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-style-plain.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone), .b-sch-style-plain.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-border.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-border.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-hollow.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-hollow.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-line.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-line.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-dashed.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-dashed.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-minimal.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-minimal.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-rounded.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-rounded.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected {
  border-width: 0;
  background-color: transparent;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-segmented::before, .b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-segmented::after,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event.b-segmented::before,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event.b-segmented::after {
  content: unset;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-segmented .b-sch-event,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event.b-segmented .b-sch-event {
  top: 0;
}
.b-sch-style-minimal .b-sch-event .b-sch-event-segments {
  height: 100%;
}
.b-event-segment-renamer {
  z-index: 15;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-versiongrid-property-update-desc {
  display: flex;
  gap: 0.4em;
  align-items: baseline;
  font-size: 90%;
}
.b-versiongrid-property-name::after {
  content: ":";
}
.b-versiongrid-property-before,
.b-versiongrid-property-after {
  padding: 0.2em 0.4em;
  border-radius: 0.1em;
  background: #f0f0f0;
}
.b-versiongrid-empty-value {
  opacity: 0.5;
}
.b-versiongrid .b-tree-cell.b-tree-parent-cell {
  font-weight: 400;
}
.b-icon-version::before {
  content: "\e493";
}
.b-versiongrid-highlighted-entity {
  font-weight: 700;
}
.b-versiongrid-comparing {
  background: #03a9f4;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-schedulerpro-taskeditor .b-taskeditorbase-content {
  padding: 1em;
}
.b-schedulerpro-taskeditor .b-tabpanel-body {
  padding-bottom: 0;
}
.b-schedulerpro-taskeditor .b-tabpanel-content > .b-container:not(.b-panel-body) {
  padding-bottom: 1em;
}
.b-schedulerpro-taskeditor .b-tabpanel-tab-title.b-invalid {
  white-space: nowrap;
}
.b-schedulerpro-taskeditor .b-tabpanel-tab-title.b-invalid .b-icon, .b-schedulerpro-taskeditor .b-tabpanel-tab-title.b-invalid .b-indicator.b-deadline-date, .b-schedulerpro-taskeditor .b-tabpanel-tab-title.b-invalid .b-indicator.b-constraint-type-muststarton, .b-schedulerpro-taskeditor .b-tabpanel-tab-title.b-invalid .b-indicator.b-constraint-type-mustfinishon, .b-schedulerpro-taskeditor .b-tabpanel-tab-title.b-invalid .b-icon-version {
  color: #f44336;
  display: inline-block;
  margin-right: 0.5em;
}
.b-schedulerpro-taskeditor .b-tabpanel-item {
  align-content: flex-start;
  padding: 5px;
}
.b-schedulerpro-taskeditor > .b-panel-body-wrap > .b-bottom-toolbar button {
  flex: none;
  min-width: 9em;
  margin-right: 0.5em;
}
.b-schedulerpro-taskeditor > .b-panel-body-wrap > .b-bottom-toolbar button:last-child {
  margin-right: 0;
}
.b-schedulerpro-taskeditor .b-toolbar.b-compact-bbar {
  font-size: 0.8em;
  min-height: 2.5em;
}
.b-schedulerpro-taskeditor .b-toolbar.b-compact-bbar > .b-toolbar-content {
  padding: 0;
}
.b-schedulerpro-taskeditor .b-toolbar.b-compact-bbar .b-button {
  border: none;
}
.b-toolbar.occurrence-info-toolbar {
  font-size: 0.9em;
  background-color: #705c5c;
}
.b-toolbar.occurrence-info-toolbar .b-toolbar-content {
  padding-inline: 1.1111111111em;
  min-height: 0;
}
.b-toolbar.occurrence-info-toolbar .b-button {
  min-height: 0;
  padding-block: 0.5em;
}
.b-advanced-tab {
  justify-content: space-between;
}
.b-advanced-tab .b-checkbox > label {
  white-space: normal;
}
.b-advanced-tab .b-enforced-sch-direction label::after {
  content: "\f059";
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  position: relative;
  top: -1em;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-dependencytab .b-grid .b-grid-row.b-invalid {
  border-bottom: 1px dotted #f44336;
}
.b-dependencytab .b-grid .b-grid-row.b-invalid .b-icon-warning {
  color: #f44336;
}
.b-dependencytab .b-grid .b-grid-row .b-grid-cell.b-inactive {
  text-decoration: line-through;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-notestab .b-taskeditor-notes-field {
  height: 100%;
}
.b-notestab .b-taskeditor-notes-field .b-field-inner {
  align-self: stretch;
}
.b-notestab .b-taskeditor-notes-field .b-field-inner textarea {
  resize: none;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-timeline {
  background: #FFFFFF;
  overflow: visible;
}
.b-timeline .b-grid-panel-body {
  padding: 2em 10em 4em 10em;
}
.b-timeline .b-virtual-scrollers,
.b-timeline .b-yscroll-pad {
  display: none !important;
}
.b-timeline .b-sch-header-row:not(:first-child) {
  display: none;
}
.b-timeline .b-grid-row {
  background: transparent;
  border-bottom: 1px solid transparent;
}
.b-timeline .b-grid-cell {
  border: 1px solid #E9E9E9;
}
.b-timeline .b-sch-event-wrap .b-sch-event {
  opacity: 1;
  border-color: #218a33;
  font-weight: 400;
  font-size: 12px;
}
.b-timeline .b-milestone-wrap.b-sch-event-wrap {
  position: relative;
  z-index: 12;
}
.b-timeline .b-milestone-wrap.b-sch-event-wrap .b-sch-event:not(.b-sch-event-withicon) .b-sch-event-content:before {
  opacity: 1;
  z-index: 2;
  background-color: #63cdfd;
  border: 2px solid #FFFFFF;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.b-timeline .b-milestone-wrap.b-sch-event-wrap .b-sch-event.b-milestone {
  font-size: 1em;
  top: 0.5em;
}
.b-timeline .b-milestone-wrap.b-sch-event-wrap .b-sch-event.b-milestone .b-sch-event-content {
  height: 2.8em;
  position: relative;
  background-color: transparent;
  font-size: max(0.5em, 20px);
}
.b-timeline .b-milestone-wrap.b-sch-event-wrap .b-sch-event.b-milestone label {
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  color: #2E3538;
}
.b-timeline .b-milestone-wrap.b-sch-event-wrap .b-sch-event.b-milestone label:before {
  content: " ";
  position: absolute;
  top: -2em;
  left: 50%;
  height: 2em;
  border-left: 1px solid #E9E9E9;
  transform: translateX(-50%);
}
.b-timeline .b-sch-header-timeaxis-cell {
  justify-content: flex-start;
  color: #2E3538;
  padding: 0 0 0.5em 0.5em;
}
.b-timeline .b-sch-header-timeaxis-cell:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.7em;
  border-left: 1px solid #E9E9E9;
}
.b-timeline .b-schedulerbase,
.b-timeline .b-grid-body-container,
.b-timeline .b-grid-vertical-scroller,
.b-timeline .b-grid-subgrid,
.b-timeline .b-sch-foreground-canvas {
  overflow: visible !important;
  contain: none !important;
}
.b-timeline.b-gridbase.b-firefox .b-grid-subgrid.b-grid-horizontal-scroller {
  overflow: visible !important;
}
.b-timeline .b-grid-header-container,
.b-timeline .b-grid-header-container.b-grid-vertical-overflow,
.b-timeline .b-sch-header-timeaxis-cell,
.b-timeline .b-grid-header-container .b-sch-timeaxiscolumn,
.b-timeline .b-grid-header-container .b-sch-timeaxiscolumn:hover {
  background: transparent !important;
  box-shadow: none;
  border: none;
}
.b-timeline .b-grid-header {
  min-height: 1.5em;
}
.b-timeline .b-grid-vertical-overflow .b-grid-header-scroller:last-child {
  border-right: none;
}
.b-timeline .b-timeline-startdate {
  left: -1em;
  transform: translateX(-100%);
}
.b-timeline .b-timeline-enddate {
  right: -1em;
  transform: translateX(100%);
}
.b-timeline .b-timeline-startdate,
.b-timeline .b-timeline-enddate {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2E3538;
  min-width: 6em;
  font-size: 13px;
}
.b-schedulerpro-issueresolutionpopup {
  width: clamp(400px, 45%, 100%);
  max-width: 80%;
}
.b-schedulerpro-issueresolutionpopup .b-error-description,
.b-schedulerpro-issueresolutionpopup .b-invalid-dependencies-description {
  display: block;
  margin-bottom: 1em;
  line-height: 1.5em;
}
.b-schedulerpro-issueresolutionpopup .b-radio {
  margin-bottom: 1em;
}
.b-schedulerpro-issueresolutionpopup .b-radio .b-field-inner .b-checkbox-label {
  text-transform: none;
  font-size: 1em;
}
.b-schedulerpro-issueresolutionpopup .b-dependency-field {
  width: 33em;
}
.b-schedulerpro-issueresolutionpopup .b-radiogroup-body-wrap {
  background: transparent;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-histogram-bar-tooltip span.b-underallocated {
  color: #a5e9b0;
}
.b-histogram-bar-tooltip span.b-overallocated {
  color: #ffb7b7;
}
.b-resourcehistogram-histogram {
  padding: 0;
  background-color: transparent;
}
.b-resourcehistogram-histogram .b-bar-legend {
  font-size: 75%;
  pointer-events: none;
}
.b-resourcehistogram-histogram rect,
.b-resourcehistogram-histogram rect.b-series-index-0 {
  fill: #d2f4d8;
}
.b-resourcehistogram-histogram rect.b-underallocated,
.b-resourcehistogram-histogram rect.b-series-index-0.b-underallocated {
  fill: #a5e9b0;
}
.b-resourcehistogram-histogram rect.b-underallocated:hover,
.b-resourcehistogram-histogram rect.b-series-index-0.b-underallocated:hover {
  fill: #96e6a3;
}
.b-resourcehistogram-histogram rect.b-overallocated,
.b-resourcehistogram-histogram rect.b-series-index-0.b-overallocated {
  fill: #ffb7b7;
}
.b-resourcehistogram-histogram rect.b-overallocated:hover,
.b-resourcehistogram-histogram rect.b-series-index-0.b-overallocated:hover {
  fill: #ffabab;
}
.b-resourcehistogram-histogram rect:hover,
.b-resourcehistogram-histogram rect.b-series-index-0:hover {
  fill: #c3f1cb;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-resourceutilization .b-resourceutilization-cell {
  padding: 0;
  border-inline-end-width: 0;
}
.b-resourceutilization-histogram {
  padding: 0;
  background-color: transparent;
}
.b-resourceutilization-histogram svg g text.b-bar-legend {
  font-size: 90%;
  fill: #000;
  writing-mode: lr;
  alignment-baseline: middle;
  text-anchor: middle;
  pointer-events: none;
}
.b-resourceutilization-histogram rect {
  fill: #d2f4d8;
}
.b-resourceutilization-histogram rect.b-series-index-0 {
  fill: #d2f4d8;
}
.b-resourceutilization-histogram rect.b-series-index-0.b-underallocated, .b-resourceutilization-histogram rect.b-underallocated {
  fill: #a5e9b0;
}
.b-resourceutilization-histogram rect.b-series-index-0.b-underallocated:hover, .b-resourceutilization-histogram rect.b-underallocated:hover {
  fill: #96e6a3;
}
.b-resourceutilization-histogram rect.b-series-index-0.b-overallocated, .b-resourceutilization-histogram rect.b-overallocated {
  fill: #ffb7b7;
}
.b-resourceutilization-histogram rect.b-series-index-0.b-overallocated:hover, .b-resourceutilization-histogram rect.b-overallocated:hover {
  fill: #ffabab;
}
.b-resourceutilization-histogram rect.b-series-index-0:hover, .b-resourceutilization-histogram rect:hover {
  fill: #c3f1cb;
}
.b-resource-row .b-resourceutilization-histogram svg g text.b-bar-legend {
  font-size: 90%;
  fill: #000;
}
.b-resource-row .b-resourceutilization-histogram rect {
  fill: #d2f4d8;
}
.b-resource-row .b-resourceutilization-histogram rect.b-underallocated {
  fill: #a5e9b0;
}
.b-resource-row .b-resourceutilization-histogram rect.b-underallocated:hover {
  fill: #96e6a3;
}
.b-resource-row .b-resourceutilization-histogram rect.b-overallocated {
  fill: #ffb7b7;
}
.b-resource-row .b-resourceutilization-histogram rect.b-overallocated:hover {
  fill: #ffabab;
}
.b-resource-row .b-resourceutilization-histogram rect:hover {
  fill: #c3f1cb;
}
.b-resource-row .b-tree-cell-value {
  overflow: hidden;
}
.b-resource-row .b-tree-cell-inner {
  overflow: hidden;
}
.b-assignment-row .b-resourceutilization-histogram svg g text.b-bar-legend {
  font-size: 90%;
  fill: #000;
}
.b-assignment-row .b-resourceutilization-histogram rect {
  fill: transparent;
}
.b-assignment-row .b-resourceutilization-histogram rect.b-underallocated {
  fill: transparent;
}
.b-assignment-row .b-resourceutilization-histogram rect.b-underallocated:hover {
  fill: transparent;
}
.b-assignment-row .b-resourceutilization-histogram rect.b-overallocated {
  fill: transparent;
}
.b-assignment-row .b-resourceutilization-histogram rect.b-overallocated:hover {
  fill: transparent;
}
.b-assignment-row .b-resourceutilization-histogram rect:hover {
  fill: transparent;
}
.b-assignment-row .b-tree-cell-inner .b-icon-tree-leaf {
  display: none;
}
.b-assignment-row .b-tree-cell-inner.b-text-value {
  overflow: hidden;
}
.b-assignment-row .b-tree-cell-inner.b-text-value .b-tree-cell-value {
  overflow: hidden;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-sch-style-plain.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone), .b-sch-style-plain.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-border.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-border.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-colored.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-calendar.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-hollow.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-hollow.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-line.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-line.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-dashed.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-dashed.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-minimal.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-minimal.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected,
.b-sch-style-rounded.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone),
.b-sch-style-rounded.b-sch-event-wrap > .b-sch-event.b-segmented:not(.b-milestone).b-sch-event-selected {
  border-width: 0;
  background-color: transparent;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-segmented::before, .b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-segmented::after,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event.b-segmented::before,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event.b-segmented::after {
  content: unset;
}
.b-sch-event-wrap.b-sch-style-line > .b-sch-event.b-segmented .b-sch-event,
.b-sch-event-wrap.b-sch-style-dashed > .b-sch-event.b-segmented .b-sch-event {
  top: 0;
}
.b-sch-style-minimal .b-sch-event .b-sch-event-segments {
  height: 100%;
}
.b-event-segment-renamer {
  z-index: 15;
}
.b-calculation-progress-wrap {
  position: absolute;
  bottom: 0;
  display: flex;
  width: 100%;
  height: 2px;
  z-index: 100;
}
.b-calculation-progress {
  background: #4caf50;
  opacity: 0.3;
}
.b-sch-event.b-segmented, .b-sch-event.b-segmented:hover {
  overflow: visible;
  background-image: none;
  border-width: 0;
  background-color: transparent;
  box-shadow: none;
}
.b-sch-event .b-sch-event-segments {
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(50% + 0.5px);
  border-bottom: 1px dashed;
  border-color: #999;
  pointer-events: none;
}
.b-sch-event .b-sch-event-segments .b-sch-event-segment {
  pointer-events: all;
  position: absolute;
  display: flex;
  align-items: center;
}
.b-sch-event-wrap:not(.b-milestone-wrap) .b-sch-event.b-sch-event-selected.b-segmented, .b-sch-event-wrap:not(.b-milestone-wrap) .b-sch-event.b-sch-event-selected.b-segmented:hover, .b-sch-event-wrap:not(.b-milestone-wrap) .b-sch-event:hover.b-segmented, .b-sch-event-wrap:not(.b-milestone-wrap) .b-sch-event:hover.b-segmented:hover, .b-sch-event-wrap:not(.b-milestone-wrap) .b-sch-event.b-sch-event-selected:hover.b-segmented, .b-sch-event-wrap:not(.b-milestone-wrap) .b-sch-event.b-sch-event-selected:hover.b-segmented:hover {
  background-image: none;
  border-width: 0;
  background-color: transparent;
  box-shadow: none;
}
.b-using-keyboard .b-sch-event-wrap:not(.b-milestone-wrap).b-active .b-sch-event-segment {
  outline: none;
}
.gantt-view {
  position: relative;
  width: 100%;
  height: 100%;
}
.gantt-date-controls {
  position: absolute;
  top: 67px;
  right: 15px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.gantt-date-controls__select {
  min-height: 26px;
  --G-1-5: #DEDEDE;
  --select-placeholder-arrow-right: 3px;
  --arrow-select-top-position: -3px;
  --single-select-min-height: 26px;
  --select-placeholder-padding-left: 10px;
  --select-placeholder-padding-right: 35px;
}
.gantt-date-controls__select .select-placeholder__arrow {
  padding-left: 3px;
}
.gantt-date-controls__select .select-placeholder__arrow::before {
  content: " ";
  position: absolute;
  top: 8px;
  left: 0;
  width: 1px;
  height: 16px;
  background-color: var(--G-2, #DEDEDE);
}
.gantt-scheduling-conflict__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.gantt-scheduling-conflict__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: -15px;
  margin-bottom: 20px;
}
.gantt-scheduling-conflict__label {
  margin-bottom: 5px;
}
.gantt-scheduling-conflict__form {
  width: 100%;
  max-width: 350px;
}
.b-pointer-el {
  max-width: 20px;
  height: 10px;
  margin: 0 auto;
}
.b-scroll-button.b-icon-before {
  position: relative;
}
.b-scroll-button.b-icon-before::before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 6px;
  display: block;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid currentColor;
  border-left: 2px solid currentColor;
  rotate: 45deg;
}
.b-sch-terminal {
  border: 1px solid var(--G-2, #DEDEDE);
  background-color: var(--G-0, #FFFFFF);
}
.b-sch-terminal:hover {
  border-color: var(--solution-primary-color);
  background-color: var(--G-0, #FFFFFF);
}
.b-unscheduled {
  display: none;
}
.ss-gantt-view {
  display: flex;
  height: 100%;
  position: relative;
}
.r-grid-view {
  background-color: var(--G-0, #FFFFFF);
  --grid-column-drag-preview-height: calc(100% - 34px);
  --grid-divider-head-background: rgb(var(--solution-dw-color-darken-10));
  --divider-copy-line: rgb(var(--solution-dw-color-darken-10));
}
.r-grid-view::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(var(--solution-dw-color-darken-01), 0.2);
  pointer-events: none;
}
.r-grid-view--fill-dragging {
  cursor: crosshair !important;
}
.r-grid-view.is-dragging-divider {
  --divider-copy-line: rgb(var(--solution-dw-color-darken-10));
}
.r-grid-view .r-grid-divider__head {
  right: -1px;
  background-color: rgb(var(--solution-dw-color-darken-15));
}
.r-grid-view .r-grid-divider__head .r-grid-divider__line-overlay {
  left: -1px;
}
.r-grid-view .scrollbar__track--X,
.r-grid-view .scrollbar__thumb--X {
  height: 10px;
  border-radius: 5px;
}
.r-grid-view .scrollbar__track--Y,
.r-grid-view .scrollbar__thumb--Y {
  width: 10px;
  border-radius: 5px;
}
.r-grid-view.group-by-count-1 {
  --grid-view-header-indent: 19px;
  --grid-view-footer-indent: 24px;
}
.r-grid-view.group-by-count-2 {
  --grid-view-header-indent: 29px;
  --grid-view-footer-indent: 34px;
}
.r-grid-view.group-by-count-3 {
  --grid-view-header-indent: 39px;
  --grid-view-footer-indent: 44px;
}
.grid-view-head-cell {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 0 16px;
  align-items: center;
  justify-content: center;
  cursor: grab;
  border-right: 1px solid rgb(var(--solution-dw-color-darken-10));
  background-color: transparent;
  transition: background 150ms ease-out;
}
.grid-view-head-cell__label {
  position: relative;
  max-width: 100%;
  padding-left: 0px;
  transition: color 150ms ease-out , padding-left 150ms ease-out;
}
.grid-view-head-cell__label-text {
  font-weight: 500;
  color: var(--typo-primary, #2E3538);
}
.grid-view-head-cell__label .grid-view-head-cell__icon-container {
  position: absolute;
  top: 1px;
  left: -4px;
}
.grid-view-head-cell__icon-container {
  opacity: 0;
  color: var(--G-5, #9B9C9E);
  transition: color 150ms ease-out , left 150ms ease-out , opacity 150ms ease-out;
}
.grid-view-head-cell__menu.grid-action-menu {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  color: var(--ic-dark, #2D2D2D);
  min-width: 20px;
  max-width: 20px;
  justify-content: flex-start;
}
.grid-view-head-cell__tooltip {
  height: 100%;
  align-items: center;
}
.grid-view-head-cell__tooltip-item {
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 5px;
}
.grid-view-head-cell__tooltip-item .tooltip-item__in {
  padding: 15px 3px 15px 15px;
}
.grid-view-head-cell__tooltip-item .tooltip-item__close {
  top: 5px;
  right: 5px;
}
.grid-view-head-cell__tooltip-item .tooltip-item__close:hover {
  color: var(--ic-dark, #2D2D2D);
}
.grid-view-head-cell__collapse-icon {
  cursor: pointer;
  color: var(--ic-light, #c7cdcf);
  position: relative;
}
.grid-view-head-cell__collapse-icon:before {
  content: "";
  position: absolute;
  top: -9px;
  bottom: -8px;
  left: 0;
  right: 0;
}
.grid-view-head-cell__collapse-icon:hover {
  color: var(--solution-primary-color);
}
.grid-view-head-cell__rte {
  overflow-y: auto;
  display: block;
  max-height: 90vh;
  padding-right: 12px;
  font-size: 12px;
  line-height: 18px;
}
.grid-view-head-cell__rte::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.grid-view-head-cell__rte::-webkit-scrollbar-track {
  background-color: transparent;
}
.grid-view-head-cell__rte::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.grid-view-head-cell__rte::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.grid-view-head-cell__rte p,
.grid-view-head-cell__rte li {
  margin-bottom: 0;
}
.grid-view-head-cell__rte p:not(:last-child),
.grid-view-head-cell__rte li:not(:last-child) {
  margin-bottom: 4px;
}
.grid-view-head-cell__help-text {
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 1px;
  right: 0;
  color: var(--G-6, #868788);
  transition: opacity 150ms ease-out;
}
.grid-view-head-cell__help-text:hover {
  color: var(--G-8, #4d4d4d);
}
.grid-view-head-cell__icon-container {
  position: relative;
}
.grid-view-head-cell.is-active .grid-view-head-cell__icon-container {
  color: var(--solution-primary-color);
}
.grid-view-head-cell.is-active-help-text-tooltip .grid-view-head-cell__help-text {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.grid-view-head-cell.is-active-help-text-tooltip .grid-view-head-cell__label {
  padding-right: 20px;
  transition: color 200ms ease-in , padding-left 200ms ease-in , padding-right 200ms ease-in;
}
.grid-view-head-cell.is-active .grid-view-head-cell__label, .grid-view-head-cell:hover .grid-view-head-cell__label {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.grid-view-head-cell.is-active .grid-view-head-cell__icon-container, .grid-view-head-cell:hover .grid-view-head-cell__icon-container {
  opacity: 1;
  left: 0px;
  transition: opacity 200ms ease-in , color 200ms ease-in , left 200ms ease-in;
}
.grid-view-head-cell.is-active .grid-view-head-cell__menu, .grid-view-head-cell:hover .grid-view-head-cell__menu {
  opacity: 1;
}
.grid-view-head-cell.is-active .grid-view-head-cell__help-text, .grid-view-head-cell:hover .grid-view-head-cell__help-text {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.grid-view-head-cell.is-active.has-ellipsis .grid-view-head-cell__label, .grid-view-head-cell:hover.has-ellipsis .grid-view-head-cell__label {
  padding-right: 5px;
}
.grid-view-head-cell.is-active.has-icon .grid-view-head-cell__label, .grid-view-head-cell:hover.has-icon .grid-view-head-cell__label {
  padding-left: 20px;
  transition: color 200ms ease-in , padding-left 200ms ease-in , padding-right 200ms ease-in;
}
.grid-view-head-cell.is-active.has-help-doc .grid-view-head-cell__label, .grid-view-head-cell:hover.has-help-doc .grid-view-head-cell__label {
  padding-right: 20px;
  transition: color 200ms ease-in , padding-left 200ms ease-in , padding-right 200ms ease-in;
}
.grid-view-head-cell.is-active {
  background-color: var(--solution-secondary-color);
  transition: background 200ms ease-in;
}
.grid-view-head-cell.is-left-text-align {
  justify-content: flex-start;
}
.grid-view-head-cell.is-collapsed {
  padding: 0;
  justify-content: center;
  cursor: pointer;
}
.grid-view-head-cell.is-collapsed:hover {
  background-color: transparent;
}
.grid-view-head-cell.is-icon-only .grid-view-head-cell__icon-container {
  opacity: 1;
}
.grid-view-head-cell.is-field-agent-enabled .grid-view-head-cell__icon-container:before {
  content: "";
  position: absolute;
  top: -2px;
  right: -1px;
  width: 9px;
  height: 9px;
  border: 2px solid var(--G-0, #FFFFFF);
  background-color: #EDB740;
  border-radius: 50%;
}
.bulk-actions-panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
  height: 44px;
  z-index: 6;
  transform: translateY(135%);
  display: flex;
  justify-content: center;
  pointer-events: none;
  transition: transform 200ms ease-in;
}
.bulk-actions-panel__inner {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  height: 100%;
  pointer-events: all;
}
.bulk-actions-panel__inner:before, .bulk-actions-panel__inner::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.bulk-actions-panel__inner::before {
  background-color: var(--ic-dark, #2D2D2D);
}
.bulk-actions-panel__inner:after {
  z-index: 1;
  opacity: 0.3;
  background-color: var(--solution-primary-color);
}
.bulk-actions-panel__count {
  color: var(--G-0, #FFFFFF);
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 224px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 12px;
  z-index: 2;
  position: relative;
}
.bulk-actions-panel__count-text {
  position: relative;
}
.bulk-actions-panel__count-text b {
  font-weight: 600;
}
.bulk-actions-panel__count-icon {
  margin-right: 10px;
}
.bulk-actions-panel__buttons {
  position: relative;
  z-index: 2;
  display: flex;
  padding-left: 18px;
}
.bulk-actions-panel__button {
  position: relative;
  margin: 0 2px;
}
.bulk-actions-panel__button.is-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.bulk-actions-panel__button-overlay {
  opacity: 0;
}
.bulk-actions-panel__button-display {
  left: 34px;
  position: absolute;
}
.bulk-actions-panel__close {
  opacity: 0.4;
  z-index: 2;
  margin-right: 15px;
  margin-left: 30px;
  transition: opacity 150ms ease-out;
}
.bulk-actions-panel__close:hover {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.bulk-actions-panel.enter {
  transform: translateY(135%);
  transition: transform 200ms ease-in;
}
.bulk-actions-panel.enter-active, .bulk-actions-panel.enter-done {
  transform: translateY(0);
  transition: transform 200ms ease-in;
}
.bulk-actions-panel.exit-active, .bulk-actions-panel.exit-done {
  transform: translateY(135%);
  transition: transform 200ms ease-in;
}
.bulk-action-button {
  display: flex;
  align-items: center;
  height: 26px;
  padding-left: 8px;
  padding-right: 10px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 5px;
  background-color: transparent;
  color: var(--G-0, #FFFFFF);
  transition: background-color 150ms ease-out;
}
.bulk-action-button__icon {
  display: flex;
  margin-right: 10px;
  color: var(--G-0, #FFFFFF);
}
.bulk-action-button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  transition: background-color 200ms ease-in;
}
.bulk-action-dropdown-button {
  padding-right: 5px;
}
.bulk-action-dropdown-button__arrow {
  margin-left: 5px;
  opacity: 0.4;
  transition: opacity 150ms ease-out;
}
.bulk-action-dropdown-button:hover, .bulk-action-dropdown-button.is-active {
  background-color: rgba(255, 255, 255, 0.15);
  transition: background-color 200ms ease-in;
}
.bulk-action-dropdown-button:hover .bulk-action-dropdown-button__arrow, .bulk-action-dropdown-button.is-active .bulk-action-dropdown-button__arrow {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.bulk-action-dropdown-button.is-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.bulk-action-export-dropdown {
  padding: 12px 0;
}
.grid-view-row {
  --row-background: var(--G-0, #FFFFFF);
  border-width: 1px;
  border-style: solid;
  border-bottom: none;
  min-height: 42px;
  border-color: rgb(var(--solution-dw-color));
}
.grid-view-row:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  pointer-events: none;
  z-index: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.grid-view-row__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  bottom: 0;
  z-index: -1;
  background-color: var(--G-0, #FFFFFF);
}
.grid-view-row__selected {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background-color: var(--row-background);
  pointer-events: none;
}
.grid-view-row__spotlight {
  width: 4px;
  border-radius: 20px;
  position: absolute;
  top: 4px;
  left: 0px;
  bottom: 4px;
}
.grid-view-row__spotlight-background {
  position: absolute;
  top: -1px;
  bottom: -1px;
  opacity: 0.08;
  pointer-events: none;
}
.grid-view-row__number {
  position: absolute;
  top: 11px;
  left: 0;
  width: 62px;
  display: flex;
  justify-content: center;
}
.grid-view-row__actions {
  position: absolute;
  top: 11px;
  left: var(--grid-view-row-actions-left, 0);
  display: flex;
  align-items: center;
  min-height: 18px;
  padding-left: 3px;
  -webkit-user-select: none;
          user-select: none;
}
.grid-view-row__drag {
  display: inline-flex;
  margin-right: 3px;
  color: rgba(58, 64, 71, 0.65);
  cursor: grab;
}
.grid-view-row__checkmark {
  margin-right: 4px;
}
.grid-view-row__expand {
  position: relative;
  cursor: pointer;
  display: flex;
  width: 16px;
  height: 16px;
  margin-left: 4px;
}
.grid-view-row__expand:before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  left: -4px;
  bottom: -4px;
  border-radius: 50%;
  opacity: 0.1;
  background-color: var(--solution-primary-color);
  transition: opacity 150ms ease-out;
}
.grid-view-row__expand:hover:before {
  opacity: 0.2;
  transition: opacity 200ms ease-in;
}
.grid-view-row__tooltip-text span {
  display: block;
  opacity: 0.6;
}
.grid-view-row__cell:before {
  z-index: 2;
  border-radius: 8px;
}
.grid-view-row__divider {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: 0;
  width: 1px;
  background-color: rgb(var(--solution-dw-color-darken-10));
  pointer-events: none;
  opacity: var(--divider-grid-view-line, 0);
}
.grid-view-row--right {
  right: 10px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: none;
  background-color: var(--G-0, #FFFFFF);
}
.grid-view-row--right:after {
  right: 10px;
}
.grid-view-row--right.is-empty {
  border-left: 1px solid rgb(var(--solution-dw-color-darken-15)) !important;
}
.grid-view-row--right .grid-view-row__corner {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-left: none;
  width: 10px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  pointer-events: none;
}
.grid-view-row--right .grid-view-row__corner:before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  left: -1px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: none;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.grid-view-row--right .grid-view-row__spotlight-background {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  left: 0;
  right: -1px;
}
.grid-view-row--right.has-warning {
  border-bottom-right-radius: 0;
}
.grid-view-row--right.is-hover:after, .grid-view-row--right.is-selected:after {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  border-right: 1px solid rgb(var(--solution-dw-color-darken-15));
}
.grid-view-row--left, .grid-view-row.no-fixed-columns {
  padding-left: 71px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: none;
}
.grid-view-row--left:after, .grid-view-row.no-fixed-columns:after {
  left: 10px;
}
.grid-view-row--left .grid-view-row__corner, .grid-view-row.no-fixed-columns .grid-view-row__corner {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-right: none;
  width: 10px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  pointer-events: none;
}
.grid-view-row--left .grid-view-row__corner:before, .grid-view-row.no-fixed-columns .grid-view-row__corner:before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  left: -1px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: none;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.grid-view-row--left .grid-view-row__spotlight-background, .grid-view-row.no-fixed-columns .grid-view-row__spotlight-background {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  right: 0;
  left: -1px;
}
.grid-view-row--left.is-hover:after, .grid-view-row--left.is-selected:after, .grid-view-row.no-fixed-columns.is-hover:after, .grid-view-row.no-fixed-columns.is-selected:after {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-left: 1px solid rgb(var(--solution-dw-color-darken-15));
}
.grid-view-row--left.has-warning, .grid-view-row.no-fixed-columns.has-warning {
  border-bottom-left-radius: 0;
}
.grid-view-row.is-selected:not(.is-hover):not(.has-selected-cell) .grid-view-row__actions {
  padding-left: 22px;
}
.grid-view-row.is-spotlight-background:not(.r-grid-row-preview) {
  background-color: transparent;
}
.grid-view-row.is-spotlight-background:not(.r-grid-row-preview) .grid-view-row__background {
  background-color: transparent;
}
.grid-view-row.is-hover:after, .grid-view-row.is-selected:after {
  left: -1px;
  right: -1px;
  border-bottom: 1px solid rgb(var(--solution-dw-color-darken-15));
  border-top: 1px solid rgb(var(--solution-dw-color-darken-15));
  z-index: 2;
}
.grid-view-row.is-hover .grid-view-row__corner, .grid-view-row.is-selected .grid-view-row__corner {
  display: none;
}
.grid-view-row.is-hover {
  --row-background: rgb(var(--solution-dw-color-lighten-02));
  background-color: transparent;
}
.grid-view-row.is-hover .grid-view-row__background {
  background-color: var(--row-background);
}
.grid-view-row.is-selected {
  --row-background: rgba(var(--solution-dw-color), 0.5);
  background-color: transparent;
}
.grid-view-row.is-selected .grid-view-row__background {
  background-color: var(--G-0, #FFFFFF);
}
.grid-view-row.is-last:not(.is-hover)::before {
  z-index: 1;
}
.grid-view-row.no-fixed-columns.is-last:not(.is-hover) {
  border-bottom: 1px solid rgb(var(--solution-dw-color));
}
.grid-view-row.no-fixed-columns.is-last:not(.is-hover):after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.grid-view-row.no-fixed-columns.is-last.is-hover:after {
  bottom: -1px;
}
.grid-view-row.is-selected .user-field-display__no-users, .grid-view-row.has-selected-cell .user-field-display__no-users {
  border-color: var(--G-3, #C7C8C9);
  color: var(--G-4, #B2B2B3);
}
.grid-view-row:first-of-type {
  --expand-arrow-top: 2px;
  --expand-arrow-right: 2px;
}
.grid-view-row:first-of-type .grid-view-cell-presence__label {
  bottom: auto;
  top: -1px;
  border-radius: 0 0 0 5px;
}
.grid-view-row:first-of-type ss-grid-expand-arrow-wrapper {
  z-index: 50;
}
.grid-view-row.is-dragging {
  background-color: transparent;
  border: none;
  color: rgba(var(--solution-dw-color-darken-10));
}
.grid-view-row.is-dragging .grid-view-row__cell,
.grid-view-row.is-dragging .grid-view-row__dragging-opacity {
  opacity: 0;
}
.grid-view-row.is-dragging:after, .grid-view-row.is-dragging:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  width: auto;
}
.grid-view-row.is-dragging:after {
  z-index: 1;
  background-color: currentColor;
  opacity: 0.2;
}
.grid-view-row.is-dragging:before {
  z-index: 2;
  border: 2px dashed var(--solution-primary-color);
  opacity: 0.3;
}
.grid-view-row.is-dragging + .grid-view-row {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.grid-view-row.is-dragging + .grid-view-row:after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.grid-view-row--right.is-dragging:after, .grid-view-row--right.is-dragging:before {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.grid-view-row--right.is-dragging:before {
  border-left: none;
}
.grid-view-row--right:not(.no-fixed-columns) .grid-view-row__cell:first-of-type {
  border-left: 1px solid rgb(var(--solution-dw-color-darken-15));
}
.grid-view-row--left.is-dragging:after, .grid-view-row--left.is-dragging:before, .grid-view-row.no-fixed-columns.is-dragging:after, .grid-view-row.no-fixed-columns.is-dragging:before {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.grid-view-row--left.is-dragging:before, .grid-view-row.no-fixed-columns.is-dragging:before {
  border-right: none;
}
.grid-view-row.no-fixed-columns {
  border-left: 1px solid rgb(var(--solution-dw-color));
  border-right: 1px solid rgb(var(--solution-dw-color));
}
.grid-view-row.no-fixed-columns .grid-view-row__corner {
  right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.grid-view-row.no-fixed-columns .grid-view-row__corner:before {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.grid-view-row.no-fixed-columns .grid-view-row__full-scroll-corner {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-left: none;
  width: 10px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  pointer-events: none;
}
.grid-view-row.no-fixed-columns .grid-view-row__full-scroll-corner:before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  left: -1px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: none;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.grid-side--groups .grid-view-row.is-last {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.grid-side--groups .grid-view-row.is-last::after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.grid-view-row.r-grid-row-preview {
  border-radius: 8px;
  min-width: 100vw;
  cursor: grabbing;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.07);
  --row-background: var(--solution-secondary-color);
}
.grid-view-row.r-grid-row-preview .grid-view-cell {
  border-right-color: transparent;
  border-left-color: transparent;
}
.grid-view-row.r-grid-row-preview:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--G-0, #FFFFFF);
  border-radius: 8px;
  z-index: 1;
  width: auto;
}
.grid-view-row.r-grid-row-preview.is-hover:after {
  border-radius: 8px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  border-color: var(--G-0, #FFFFFF);
}
.grid-view-cell {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgb(var(--solution-dw-color-darken-10));
  transition: opacity 150ms ease-out;
}
.grid-view-cell.r-grid-cell:hover:before {
  z-index: 3;
}
.grid-view-cell.r-grid-cell:hover:not(.is-selected):before {
  border-color: rgba(var(--solution-primary-color-rgb), 0.5);
  outline: 1px solid rgba(0, 0, 0, 0.1);
  outline-offset: -1px;
}
.grid-view-cell.r-grid-cell:hover.is-selected:before {
  border-color: rgba(var(--solution-primary-color-rgb), 0.7);
  outline: 1px solid rgba(0, 0, 0, 0.1);
  outline-offset: -1px;
}
.grid-view-cell__spotlight {
  position: absolute;
  height: calc(100% - 4px);
  margin-top: 2px;
  margin-left: 1px;
  width: 4px;
  border-radius: 5px;
  top: 0;
}
.grid-view-cell__spotlight-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.06;
  pointer-events: none;
}
.grid-view-cell__selected-in-range {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  pointer-events: none;
  z-index: 3;
}
.grid-view-cell__selected-in-range.has-border-top:after {
  border-top: 1px solid rgba(var(--solution-primary-color-rgb), 0.7);
}
.grid-view-cell__selected-in-range.has-border-top:before {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.grid-view-cell__selected-in-range.has-border-right:after {
  border-right: 1px solid rgba(var(--solution-primary-color-rgb), 0.7);
}
.grid-view-cell__selected-in-range.has-border-right:before {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.grid-view-cell__selected-in-range.has-border-bottom:after {
  border-bottom: 1px solid rgba(var(--solution-primary-color-rgb), 0.7);
}
.grid-view-cell__selected-in-range.has-border-bottom:before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.grid-view-cell__selected-in-range.has-border-left:after {
  border-left: 1px solid rgba(var(--solution-primary-color-rgb), 0.7);
}
.grid-view-cell__selected-in-range.has-border-left:before {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.grid-view-cell__selected-in-range.has-border-right.has-border-bottom:before, .grid-view-cell__selected-in-range.has-border-right.has-border-bottom:after {
  border-bottom-right-radius: 8px;
}
.grid-view-cell__selected-in-range.has-border-bottom.has-border-left:before, .grid-view-cell__selected-in-range.has-border-bottom.has-border-left:after {
  border-bottom-left-radius: 8px;
}
.grid-view-cell__selected-in-range.has-border-top.has-border-right:before, .grid-view-cell__selected-in-range.has-border-top.has-border-right:after {
  border-top-right-radius: 8px;
}
.grid-view-cell__selected-in-range.has-border-top.has-border-left:before, .grid-view-cell__selected-in-range.has-border-top.has-border-left:after {
  border-top-left-radius: 8px;
}
.grid-view-cell__selected-in-range::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.grid-view-cell__selected-in-range::after {
  content: " ";
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.grid-view-cell__migrating {
  padding: 11px 16px 0;
}
.grid-view-cell__validating {
  position: absolute;
  top: 11px;
  right: 16px;
  z-index: 4;
}
.grid-view-cell__spinner {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid var(--G-3, #C7C8C9);
  border-bottom-color: transparent;
  animation: spinner 2s linear infinite;
  display: block;
  will-change: transform;
}
.grid-view-cell__dnd {
  z-index: 2;
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed var(--G-2, #DEDEDE);
  padding: 0 10px;
  background-color: var(--G-1, #F3F3F4);
}
.grid-view-cell.is-lighted {
  background-color: #FFF2DC;
}
.grid-view-cell.is-selected-to-fill {
  background-color: rgba(var(--solution-dw-color), 0.2);
}
.grid-view-cell.is-search-selected:after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  border: 2px solid #FDA80D;
  pointer-events: none;
  z-index: 1;
}
.grid-view-cell.is-selected.r-grid-cell {
  background-color: rgba(var(--solution-dw-color), 0.6);
  z-index: 4;
}
.grid-view-cell.is-selected .display__arrow,
.grid-view-cell.is-selected .display__close,
.grid-view-cell.is-selected .display__lock {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.grid-view-cell.is-selected .display__arrow {
  border-radius: 0 4px 4px 0;
}
.grid-view-cell.is-selected:has(.is-selected:not(.is-inline-edit)) {
  background-color: rgba(var(--solution-dw-color), 0.6);
}
.grid-view-cell.is-loading {
  opacity: 0.5;
  pointer-events: none;
}
.grid-view-cell.is-selected-in-range:not(:hover):not(.is-selected) {
  background-color: rgba(var(--solution-dw-color), 0.2);
}
.grid-view-cell.is-read-only .display__close,
.grid-view-cell.is-read-only .display__arrow {
  display: none;
}
.grid-view-cell.is-show-input:before {
  display: none;
}
.grid-view-row--left .grid-view-cell:last-of-type {
  border-right: none;
}
.grid-view-add-row {
  cursor: pointer;
  border-color: rgb(var(--solution-dw-color));
}
.grid-view-add-row:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  pointer-events: none;
  z-index: 1;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.grid-view-add-row__text {
  margin-left: 48px;
}
.grid-view-add-row__hotkey_hint {
  margin-left: 45px;
}
.grid-view-add-row--right:not(.no-fixed-columns):before {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: none;
}
.grid-view-add-row--left:not(.no-fixed-columns):before {
  right: 0;
  border-right: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.grid-view-add-row.no-fixed-columns {
  margin-left: 10px;
}
.grid-view-add-row.no-fixed-columns:before {
  border-radius: 8px;
  border-top: none;
}
.grid-view-blank-row {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 32px;
  display: flex;
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  height: 42px;
  border-width: 1px;
  border-style: solid;
  color: var(--solution-primary-color);
}
.grid-view-blank-row--left, .grid-view-blank-row.no-fixed-columns {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-left: 23px;
  margin-left: 10px;
  border-right: none;
}
.grid-view-blank-row--right {
  right: 10px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: none;
}
.grid-view-blank-row:hover {
  color: var(--solution-hover-color);
}
.grid-view-add-column {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 29px;
}
.grid-view-add-column__icon {
  color: var(--G-5, #9B9C9E);
  position: absolute;
  width: 70px;
  left: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.grid-view-add-column__new {
  opacity: 0;
}
.grid-view-add-column:hover .grid-view-add-column__icon {
  color: var(--solution-primary-color);
}
.grid-view-add-column.is-active {
  padding-left: 15px;
}
.grid-view-add-column.is-active .grid-view-add-column__new {
  opacity: 1;
}
.grid-add-column-button {
  background-color: transparent;
  height: 100%;
  cursor: default;
}
.grid-view-check-all {
  padding-left: 23px;
  padding-right: 32px;
  display: flex;
  align-items: center;
}
.grid-group {
  position: absolute;
  right: 0;
  flex-wrap: wrap;
  display: flex;
}
.grid-group:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  background-color: var(--G-0, #FFFFFF);
  outline: 1px solid rgba(0, 0, 0, 0.03);
  outline-offset: -1px;
}
.grid-group__head {
  height: 41px;
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  position: relative;
  white-space: nowrap;
}
.grid-group__title {
  position: relative;
  display: flex;
  max-width: calc(var(--grid-width) - 180px);
  cursor: pointer;
}
.grid-group__title--empty {
  display: block;
}
.grid-group__records {
  position: relative;
  z-index: 1;
}
.grid-group__arrow {
  cursor: pointer;
  color: var(--ic-darker, #151515);
  transform: rotate(180deg) translateY(-2px);
  transition: transform 150ms ease-out;
}
.grid-group__arrow:hover {
  color: var(--solution-primary-color);
}
.grid-group__tooltip {
  margin-right: 13px;
  margin-left: 4px;
}
.grid-group__aggregation {
  display: flex;
  margin-top: auto;
  height: 32px;
  position: relative;
  z-index: 1;
}
.grid-group__button {
  flex-grow: 1;
  margin-top: auto;
  height: 31px;
  bottom: 1px;
  padding-left: 23px;
  color: var(--solution-primary-color);
  border: none;
  z-index: 1;
  border: none;
}
.grid-group__button:before {
  display: none;
}
.grid-group__wrapper {
  display: flex;
  align-items: center;
  margin-right: 15px;
  position: relative;
  z-index: 1;
}
.grid-group--left:before, .grid-group.no-fixed-columns:before {
  border-top: 1px solid rgb(var(--solution-dw-color));
  border-left: 1px solid rgb(var(--solution-dw-color));
  border-bottom: 1px solid rgb(var(--solution-dw-color));
  border-radius: 7px 0 0 7px;
  clip-path: inset(-6px 0 -10px -6px);
}
.grid-group--left:after, .grid-group.no-fixed-columns:after {
  left: 19px;
  right: 0;
}
.grid-group--left .grid-group__aggregation, .grid-group.no-fixed-columns .grid-group__aggregation {
  margin-left: auto;
}
.grid-group--left .grid-group__aggregation:before, .grid-group.no-fixed-columns .grid-group__aggregation:before {
  content: "";
  position: absolute;
  top: 1px;
  right: -2px;
  bottom: 1px;
  width: 3px;
  background-color: var(--G-0, #FFFFFF);
  display: block;
}
.grid-group--left .grid-group__head:before, .grid-group.no-fixed-columns .grid-group__head:before {
  content: "";
  position: absolute;
  top: 1px;
  right: -2px;
  bottom: -1px;
  width: 3px;
  background-color: var(--G-0, #FFFFFF);
  display: block;
}
.grid-group--left.is-collapsed .grid-group__head:before, .grid-group.no-fixed-columns.is-collapsed .grid-group__head:before {
  bottom: 0;
}
.grid-group--right:before {
  border-top: 1px solid rgb(var(--solution-dw-color));
  border-right: 1px solid rgb(var(--solution-dw-color));
  border-bottom: 1px solid rgb(var(--solution-dw-color));
  border-radius: 0 7px 7px 0;
}
.grid-group--right:after {
  left: 0;
  right: 19px;
}
.grid-group--level-last.grid-group--left .grid-group__head:after, .grid-group--level-last.grid-group.no-fixed-columns .grid-group__head:after, .grid-group--level-middle.grid-group--left .grid-group__head:after, .grid-group--level-middle.grid-group.no-fixed-columns .grid-group__head:after {
  content: "";
  position: absolute;
  top: -24px;
  right: -2px;
  height: 24px;
  width: 3px;
  background-color: var(--G-0, #FFFFFF);
  display: block;
}
.grid-group--level-top, .grid-group--level-single {
  padding-top: 22px;
}
.grid-group--level-top:before, .grid-group--level-single:before {
  top: 22px;
}
.grid-group.is-collapsed .grid-group__arrow {
  transform: rotate(90deg) translateY(0px);
  transition: transform 200ms ease-in;
}
.grid-group.is-drop-target:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px dashed var(--solution-primary-color);
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
}
.grid-group.is-drop-target.grid-group--level-top:after, .grid-group.is-drop-target.grid-group--level-single:after {
  top: 22px;
}
.grid-group.is-drop-target.grid-group--left:after, .grid-group.is-drop-target.grid-group.no-fixed-columns:after {
  border-radius: 7px 0 0 7px;
  border-right: none;
}
.grid-group.is-drop-target.grid-group--right:after {
  border-radius: 0 7px 7px 0;
  border-left: none;
}
.grid-group.no-fixed-columns:before {
  border-radius: 7px;
}
.grid-group.no-fixed-columns .grid-group__aggregation {
  margin-left: 82px;
}
.grid-group.no-fixed-columns .grid-group__button {
  right: auto;
  z-index: 2;
  background-color: transparent;
  left: 0 !important;
}
.grid-group.no-fixed-columns .grid-group__head:before {
  display: none;
}
.grid-view-footer {
  display: flex;
  width: 100%;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.grid-view-footer--addrecord .grid-view-footer__wrapper {
  position: relative;
}
.grid-view-footer--addrecord .grid-view-footer__records {
  position: relative;
  left: 52px;
  margin-right: -7px;
}
.grid-view-footer__wrapper {
  display: flex;
}
.grid-view-footer__records {
  padding-left: 15px;
  padding-bottom: 10px;
  padding-top: 4px;
  width: 100%;
}
.grid-view-footer.grid-side__footer {
  z-index: 2;
  height: 40px;
}
.grid-view-footer.no-fixed-columns {
  padding-left: var(--grid-view-footer-indent, 9px);
}
.grid-view-cell-presence {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-width: 2px;
  border-style: solid;
  pointer-events: none;
  z-index: 3;
  border-radius: 4px 0 4px 4px;
}
.grid-view-cell-presence__label {
  position: absolute;
  bottom: calc(100% + 2px);
  right: -2px;
  padding: 0 5px;
  border-radius: 5px 5px 0 0;
}
.grid-view-header {
  background-color: var(--G-0, #FFFFFF);
}
.grid-view-header::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(var(--solution-dw-color-darken-01), 0.2);
  pointer-events: none;
}
.grid-view-header--left.grid-side__head--left {
  justify-content: flex-end;
}
.grid-view-header--left.grid-side__head--left:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  right: -1px;
  background-color: var(--divider-copy-line);
}
.grid-view-header--left.grid-side__head--left .grid-view-head-cell:last-of-type {
  border-right: none;
}
.grid-view-header.no-fixed-columns {
  margin-left: var(--grid-view-header-indent, 9px);
}
.grid-view-header.no-fixed-columns .grid-view-check-all {
  padding-left: 24px;
  padding-right: 31px;
}
.grid-view-footer-add-row-button {
  z-index: 1;
  position: absolute;
  top: -16px;
  left: 25px;
}
.grid-view-footer-add-row-button__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 50%;
}
.grid-view-floating-record {
  z-index: 3;
  position: absolute;
  right: 0;
  bottom: 34px;
  left: 0;
  min-height: 42px;
  background-color: var(--solution-secondary-color);
}
.grid-view-floating-record::after {
  content: " ";
  opacity: 0.1;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background-color: var(--solution-primary-color);
  pointer-events: none;
}
.grid-view-floating-record.enter {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.grid-view-floating-record.enter-active {
  opacity: 1;
  transform: translate3d(0, 0%, 0);
  transition: transform 250ms ease-out, opacity 250ms ease-out;
}
.grid-view-floating-record.exit {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition: transform 250ms ease-in, opacity 250ms ease;
}
.grid-view-floating-record__row {
  border-color: transparent;
  background-color: transparent;
  --row-background: var(--solution-secondary-color);
}
.grid-view-floating-record__row .grid-view-row__expand {
  top: 0;
  margin-left: 20px;
}
.grid-view-floating-record__row .grid-view-cell.grid-view-row__cell.is-selected .grid-cell-field.is-inline-edit {
  top: initial;
  bottom: 0;
}
.grid-view-floating-record__row .grid-view-cell.grid-view-row__cell.is-selected .grid-cell-field.is-inline-edit.is-flipped {
  top: initial;
}
.grid-view-field-info-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
}
.grid-side.grid-side--grid-view::after, .grid-side.grid-side--groups::after {
  --grid-side-header-border-bottom-color: rgb(var(--solution-dw-color-darken-10));
}
.grid-side.is-scrolled-vertically.grid-side:before, .grid-side.grid-side--groups.grid-side:before {
  box-shadow: inset 0 -33px 0 0 rgba(var(--solution-dw-color-darken-01), 0.2), inset 0 -33px 0 0 rgba(0, 0, 0, 0.01);
}
.grid-side.is-scrolled-vertically .grid-view-header:before, .grid-side.grid-side--groups .grid-view-header:before {
  box-shadow: inset 0 -33px 0 0 rgba(0, 0, 0, 0.01);
}
.grid-side.grid-side--grid-view.grid-side--right {
  overflow: visible;
  max-width: calc(100% - var(--grid-left-side-width));
}
.grid-side.grid-side--grid-view .grid-side__rows {
  z-index: 2;
}
.grid-side.grid-side--grid-view:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 33px;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: inset 0 -33px 0 0 rgba(var(--solution-dw-color-darken-01), 0.2);
  pointer-events: none;
  z-index: 3;
}
.grid-side.grid-side--grid-view.grid-side--right.is-scrolled-horizontally {
  overflow: hidden;
}
.grid-side.grid-side--grid-view.grid-side--right.is-scrolled-horizontally + .grid-side--left {
  --divider-grid-view-line: 1;
  z-index: 4;
}
.grid-side.grid-side--grid-view.grid-side--right.is-scrolled-horizontally ~ .r-grid-divider {
  z-index: 6;
}
.grid-side.grid-side--grid-view.grid-side--right.is-scrolled-horizontally ~ .r-grid-divider .r-grid-divider__line {
  right: -1px;
}
.grid-side.grid-side--grid-view.grid-side--right.is-scrolled-horizontally ~ .r-grid-divider .r-grid-divider__line-overlay {
  left: -1px;
}
.grid-side.grid-side--grid-view.grid-side--right.is-scrolled-vertically::after {
  z-index: 3;
}
.grid-side.grid-side--grid-view.grid-side--right.is-scrolled-vertically .grid-side__rows {
  z-index: auto;
}
.grid-side.grid-side--grid-view.grid-side--right.is-scrolled-vertically ~ .grid-view-field-info-icon {
  top: 33px;
}
.grid-side.grid-side--grid-view.grid-side--right.is-scrolled-vertically ~ .grid-view-field-info-icon .grid-lock-icon-wrapper {
  transform: translateY(-33px);
}
.grid-side.grid-side--grid-view.grid-side--right.is-scrolled-vertically ~ .grid-side--left:after {
  z-index: 3;
}
.grid-side.grid-side--grid-view.grid-side--right.is-scrolled-vertically ~ .grid-side--left:after .grid-side__rows {
  z-index: auto;
}
.grid-action-menu {
  margin-left: auto;
  min-width: 32px;
  max-width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: var(--solution-primary-color);
}
.grid-action-menu__arrow {
  display: flex;
  transform: rotate(0);
  transition: transform 150ms ease-out;
}
.grid-action-menu.is-active .grid-action-menu__arrow {
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.grid-action-menu--grid-view .grid-action-menu__arrow {
  position: relative;
  left: 0;
}
.grid-action-menu--grid-view.is-active .grid-action-menu__arrow {
  transform: rotate(0);
}
.grid-lock-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  background-color: var(--G-6, #868788);
  border-radius: 50%;
  cursor: pointer;
}
.grid-lock-icon:hover:not(.is-tooltip-disabled) {
  background-color: var(--G-8, #4d4d4d);
}
.grid-lock-icon.is-tooltip-disabled {
  cursor: default;
}
.grid-lock-icon-tooltip {
  z-index: 2;
  position: absolute;
  top: -7px;
  left: -7px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.grid-lock-icon-tooltip__content {
  padding: 6px 5px;
}
.grid-lock-icon-tooltip__title {
  margin-bottom: 2px;
}
.grid-lock-icon-wrapper {
  pointer-events: all;
}
.yes-no-field-sort-icon {
  display: inline-flex;
  color: inherit;
  align-items: center;
}
.yes-no-field-sort-icon__separator {
  display: inline-flex;
  margin-left: 6px;
  margin-right: 5px;
}
.yes-no-field-sort-icon.is-reverse {
  flex-direction: row-reverse;
}
.grid-view-record-warning {
  position: absolute;
  top: 100%;
  right: 0;
  left: -1px;
  z-index: 1;
}
.grid-view-record-warning::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  left: -10vw;
  height: 2px;
  background-color: #FFB938;
}
.grid-view-record-warning__badge {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 6px;
  background-color: #FFB938;
  border-radius: 0 0 6px 6px;
}
.grid-view-record-warning__icon {
  opacity: 0.5;
  margin-right: 6px;
}
.grid-view-record-warning__tooltip {
  margin-left: 12px;
  color: rgba(45, 45, 45, 0.4);
}
.grid-view-record-warning__tooltip:hover {
  color: #2D2D2D;
}
.grid-view-record-warning--floating::before {
  right: -100vw;
}
.grid-view-cell-context-menu {
  --dropdown-panel-border-color: transparent;
  --dropdown-panel-background-color: #2D2D2D;
  --menu-line-separator-color: #424242;
  --menu-option-height: 28px;
  --menu-option-icon-margin-right: 11px;
  --menu-option-icon-opacity: 0.7;
  --menu-option-icon-opacity-active: 1;
  --menu-option-color: var(--G-0, #FFFFFF);
  --menu-option-color-active: var(--G-0, #FFFFFF);
  --menu-option-background-color-active: #4C4C4C;
  --menu-option-icon-color: var(--G-0, #FFFFFF);
  --menu-option-hover-icon-color: var(--G-0, #FFFFFF);
  --menu-option-arrow-color-active: var(--G-0, #FFFFFF);
  --shortcuts-color: var(--G-0, #FFFFFF);
}
.grid-view-cell-context-menu__first-line {
  margin-top: 4px;
  margin-bottom: 9px;
}
.grid-view-cell-context-menu__shortcuts {
  opacity: 0.32;
}
.grid-view-cell-context-menu__submenu {
  --dropdown-panel-border-color: transparent;
  --dropdown-panel-background-color: #2D2D2D;
  --menu-line-separator-color: #424242;
  --menu-option-background-color-active: #4C4C4C;
  --menu-option-color: var(--G-0, #FFFFFF);
  --menu-option-color-active: var(--G-0, #FFFFFF);
  --menu-option-icon-color: var(--G-0, #FFFFFF);
  --menu-option-hover-icon-color: var(--G-0, #FFFFFF);
  color: var(--G-0, #FFFFFF);
}
.grid-view-action-menu-first-options {
  margin-top: 5px;
}
.grid-view-action-menu-line {
  margin-bottom: 9px;
}
.insert-record-above-button {
  position: absolute;
  top: -8px;
  left: -4px;
  border: 1px solid rgb(var(--solution-dw-color-darken-15));
  background-color: var(--G-0, #FFFFFF);
  display: inline-block;
  border-radius: 50%;
  height: 16px;
  min-width: 16px;
  width: 16px;
  z-index: 3;
  cursor: pointer;
  transition: background-color 150ms ease-out , border-color 150ms ease-out;
}
.insert-record-above-button:before, .insert-record-above-button:after {
  content: "";
  position: absolute;
  background-color: var(--G-4, #B2B2B3);
  left: 50%;
  top: 50%;
  transition: background-color 150ms ease-out;
}
.insert-record-above-button:before {
  width: 2px;
  height: 8px;
  margin-left: -1px;
  margin-top: -4px;
}
.insert-record-above-button:after {
  height: 2px;
  width: 8px;
  margin-top: -1px;
  margin-left: -4px;
}
.insert-record-above-button:hover {
  background-color: var(--solution-primary-color);
  border-color: var(--solution-primary-color);
  transition: background-color 200ms ease-in , border-color 200ms ease-in;
}
.insert-record-above-button:hover:before, .insert-record-above-button:hover:after {
  background-color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-in;
}
.insert-record-above-button:hover .insert-record-above-button__line {
  display: block;
}
.insert-record-above-button__line {
  display: none;
  position: absolute;
  width: 100vw;
  height: 1px;
  top: 6px;
  left: 14px;
  z-index: -1;
  background-color: var(--solution-primary-color);
}
.text-field-control {
  padding: 10px 0;
  word-break: break-word;
}
.field-gutters {
  padding-left: var(--field-gutter, 16px);
  padding-right: var(--field-gutter, 16px);
}
.pill-22-field {
  padding-top: 9px;
}
.pill-24-field {
  padding-top: 8px;
  padding-bottom: 0;
}
.pill-26-field {
  padding-top: 7px;
}
.grid-column-width-calculation {
  display: inline-block;
  position: absolute;
}
.is-centered-alignment {
  text-align: center;
  justify-content: center;
}
.is-right-alignment {
  text-align: right;
  justify-content: flex-end;
}
.expand-view-modal__body {
  width: 100%;
}
.expand-view-modal__description span, .expand-view-modal__option span {
  font-weight: 600;
}
.expand-view-modal__alert {
  margin-top: -12px;
  margin-bottom: 24px;
}
.confirm-cells-delete-modal__description span {
  font-weight: 600;
}
.confirm-bulk-paste-modal__description span {
  font-weight: 600;
}
.confirm-bulk-update-modal__description span {
  font-weight: 600;
}
.grid-cell-arrow-button {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 100%;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 8px 8px 0;
  cursor: pointer;
}
.grid-cell-arrow-button::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--row-background);
  border-radius: 0 8px 8px 0;
}
.grid-cell-arrow-button.is-selected::before {
  background-color: rgba(var(--solution-dw-color), 0.6);
}
.grid-cell-arrow-button.is-inline-edit .grid-cell-arrow-button__icon {
  transform: rotate(180deg);
}
.grid-cell-arrow-button__icon {
  position: relative;
}
.grid-cell-clear-button {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 18px;
  min-width: 18px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 3px 3px 0;
  color: var(--ic-darker, #151515);
  cursor: pointer;
}
.grid-cell-clear-button::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--row-background);
}
.grid-cell-clear-button.is-selected::before {
  background-color: rgba(var(--solution-dw-color), 0.6);
}
.grid-cell-clear-button__icon {
  position: relative;
}
.grid-cell-field {
  position: relative;
  height: 100%;
  width: 100%;
}
.grid-cell-field .components-wrapper {
  width: 100%;
  height: 100%;
}
.grid-cell-field .components-wrapper ss-grid-expand-arrow-wrapper {
  display: none;
}
.grid-cell-field--type-textareafield.is-selected {
  height: auto;
  min-height: 100%;
}
.grid-cell-field--type-textareafield.is-selected .grid-cell-field__handle {
  right: -4px;
  bottom: -4px;
}
.grid-cell-field__error-message {
  padding: 0 5px;
  height: 19px;
  line-height: 19px;
  width: 100%;
  background-color: #FEECEE;
  margin-top: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-radius: 0 0 8px 8px;
}
.grid-cell-field__rollback {
  opacity: 0;
}
.grid-cell-field__refresh {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 40px;
  border-top-right-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  color: var(--ic-light, #c7cdcf);
  z-index: 51;
}
.grid-cell-field__refresh:hover {
  color: var(--G-4, #B2B2B3);
}
.grid-cell-field__refresh:before {
  border-color: #FF5757;
}
.grid-cell-field__refresh-numberfield, .grid-cell-field__refresh-currencyfield, .grid-cell-field__refresh-percentfield {
  right: 21px;
}
.grid-cell-field--type-statusfield .grid-cell-field__handle {
  right: -6px;
  bottom: -5px;
}
.grid-cell-field.is-selected {
  --row-background: rgba(var(--solution-dw-color), 0.6);
}
.grid-cell-field.is-selected ss-grid-expand-arrow-wrapper {
  display: block;
}
.grid-cell-field.is-inline-edit {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  min-height: 100%;
  background-color: var(--G-0, #FFFFFF);
  z-index: 3;
  border-radius: 8px;
  --row-background: #FFFFFF;
  --grid-expand-arrow-opacity: 0.1;
}
.grid-cell-field.is-inline-edit:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid var(--solution-primary-color);
  pointer-events: none;
  z-index: 1;
  border-radius: var(--grid-view-cell-rounding, 8px);
}
.grid-cell-field.is-inline-edit:after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  pointer-events: none;
  opacity: 0.3;
  border: 3px solid var(--solution-primary-color);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.44);
  border-radius: var(--grid-view-cell-rounding-outline, 11px);
}
.grid-cell-field.is-inline-edit .components-wrapper {
  height: auto;
}
.grid-cell-field.is-inline-edit.is-out-of-bounds-cell {
  right: auto;
  width: auto;
  min-width: 100%;
}
.grid-cell-field.is-inline-edit.is-flipped {
  top: auto;
  bottom: 0;
}
.grid-cell-field.is-inline-edit.grid-cell-field--type-userfield, .grid-cell-field.is-inline-edit.grid-cell-field--type-linkfield, .grid-cell-field.is-inline-edit.grid-cell-field--type-ipaddressfield, .grid-cell-field.is-inline-edit.grid-cell-field--type-linkedrecordfield, .grid-cell-field.is-inline-edit.grid-cell-field--type-phonefield, .grid-cell-field.is-inline-edit.grid-cell-field--type-multipleselectfield, .grid-cell-field.is-inline-edit.grid-cell-field--type-tagsfield, .grid-cell-field.is-inline-edit.grid-cell-field--type-filefield, .grid-cell-field.is-inline-edit.grid-cell-field--type-colorpickerfield {
  top: 50%;
  transform: translateY(-50%);
}
.grid-cell-field--mode-error {
  flex-wrap: wrap;
}
.grid-cell-field--mode-error .grid-cell-field__rollback {
  opacity: 1;
}
.grid-cell-field--mode-error.grid-cell-field--type-textareafield {
  padding-bottom: 19px;
}
.grid-cell-field--mode-error.is-inline-edit {
  min-height: calc(100% + 19px);
}
.grid-cell-field--mode-error.is-inline-edit:before {
  border-color: #FF5757;
}
.grid-cell-field--mode-error.is-inline-edit:after {
  border-color: #FF5757;
}
.grid-cell-field--mode-error .ui-dropdown-trigger,
.grid-cell-field--mode-error ss-grid-expand-arrow-wrapper {
  display: none;
}
.r-grid-row:first-child .grid-cell-field--type-textareafield .grid-cell-field__refresh {
  top: 8px;
}
.grid-view-row--left .grid-view-cell:last-of-type .grid-cell-field:after {
  right: -3px;
}
.r-grid-expand-arrow {
  z-index: 3;
  position: absolute;
  line-height: 0;
  top: 12px;
  right: 6px;
  background-color: var(--G-0, #FFFFFF);
  width: 16px;
  height: 16px;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--solution-primary-color);
}
.r-grid-expand-arrow:before, .r-grid-expand-arrow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.r-grid-expand-arrow:before {
  background-color: var(--G-0, #FFFFFF);
}
.r-grid-expand-arrow:after {
  z-index: 1;
  background-color: var(--solution-primary-color);
}
.r-grid-expand-arrow:hover:before {
  opacity: 1;
}
.r-grid-expand-arrow:hover:after {
  opacity: var(--grid-expand-arrow-opacity, 0.15);
}
.table-cell .r-grid-expand-arrow {
  display: none;
}
.grid-expanded-window {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.grid-expanded-window__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}
.grid-expanded-window__window {
  min-height: 300px;
  max-height: 70vh;
  width: 400px;
}
.grid-expanded-window__scrollbar {
  width: 100%;
  height: 100%;
  position: absolute;
  max-height: 100%;
}
.grid-expanded-window__body {
  padding: var(--grid-expanded-window-padding, 12px);
  max-height: calc(70vh - 62px);
  overflow-y: auto;
}
.grid-expanded-window__body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.grid-expanded-window__body::-webkit-scrollbar-track {
  background-color: transparent;
}
.grid-expanded-window__body::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.grid-expanded-window__body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.grid-expanded-window__close-button::before {
  background: var(--G-0-5, #FAFAFA);
  border: 1px solid var(--G-2, #DEDEDE);
}
.grid-expanded-window__transition {
  width: -moz-fit-content;
  width: fit-content;
}
.grid-expanded-window__transition--zoom-enter, .grid-expanded-window__transition--zoom-appear {
  transform-origin: top left;
  transform: scale(0);
}
.grid-expanded-window__transition--zoom-enter-active, .grid-expanded-window__transition--zoom-appear-active {
  transform-origin: top left;
  transform: scale(1);
  transition: transform 150ms ease-out;
}
.grid-expanded-window__transition--zoom-exit {
  transform-origin: top left;
  transform: translate(0px, 0px) scale(1);
}
.grid-expanded-window__transition--zoom-exit-active {
  transform-origin: top left;
  transform: translate(var(--exit-tx, 0px), var(--exit-ty, 0px)) scale(0);
  transition: transform 150ms ease-out;
}
.grid-expanded-window__transition--zoom-enter-done, .grid-expanded-window__transition--zoom-appear-done {
  width: 0;
  height: 0;
}
.grid-expanded-window__error-message {
  width: 100%;
  padding: 5px 12px;
  background-color: #FEECEE;
  line-height: 19px;
}
.grid-expanded-window.is-ai-field-agent {
  --grid-expanded-window-padding: 12px 12px 69px 12px;
}
.grid-expanded-window-header {
  background-color: var(--solution-primary-color);
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 3px 15px 21px 22px;
  overflow: hidden;
}
.grid-expanded-window-header__icon {
  color: var(--G-0, #FFFFFF);
  margin-right: 10px;
}
.grid-expanded-window-header__title {
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: var(--G-0, #FFFFFF);
}
.grid-view-expand-arrow {
  background-color: transparent;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: var(--ic-dark, #2D2D2D);
  z-index: 52;
  position: absolute;
  top: -1px;
  right: -1px;
}
.grid-view-expand-arrow:hover {
  color: var(--solution-hover-color);
}
.grid-view-show-more-button {
  background-color: var(--G-0, #FFFFFF);
  width: 24px;
  height: 24px;
  border-radius: 5px;
  padding: 4px;
  cursor: pointer;
  color: var(--ic-dark, #2D2D2D);
  z-index: 2;
  position: absolute;
  right: 7px;
  bottom: 8px;
  transition: background-color 150ms ease-out;
}
.grid-view-show-more-button.is-read-only {
  right: 38px;
}
.grid-view-show-more-button:hover {
  color: var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
  transition: background-color 200ms ease-in;
}
.grid-cell-fill-handle {
  z-index: 4;
  position: absolute;
  right: -3px;
  bottom: var(--grid-view-cell-fill-handle-bottom, -3px);
  width: 8px;
  height: 8px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--solution-primary-color);
  border-radius: 2px;
  cursor: crosshair;
}
.cell-ai-error-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: block;
  background-color: #FF5757;
}
.cell-ai-error-tooltip {
  position: absolute;
  top: 5px;
  right: auto;
  left: 4px;
}
.cell-ai-error-tooltip-content {
  min-width: 175px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 5px;
}
.cell-ai-generating {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-image: linear-gradient(90deg, #EEF3FC 0%, #F3EFF8 100%);
}
.cell-ai-generating__line {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: -1;
  transform: skew(-24deg) translateX(0);
}
.cell-ai-generating__line--1 {
  width: 11px;
  left: 16px;
  animation: line 1.5s infinite linear;
}
.cell-ai-generating__line--2 {
  width: 21px;
  left: 108px;
  animation: line 1.7s infinite linear;
}
.cell-ai-generating__line--3 {
  width: 11px;
  left: 137px;
  animation: line 1.3s infinite linear;
}
.cell-ai-generating__text {
  color: #4E2E79;
  display: flex;
}
.cell-ai-generating__dots {
  display: inline-block;
  position: relative;
  width: 1.2em;
  text-align: left;
}
.cell-ai-generating__dots::after {
  content: "...";
  position: absolute;
  left: 0;
  animation: dots 1.5s infinite;
}
@keyframes dots {
  0%, 20% {
    content: "";
  }
  40% {
    content: ".";
  }
  60% {
    content: "..";
  }
  80%, 100% {
    content: "...";
  }
}
@keyframes line {
  0% {
    transform: skew(-24deg) translateX(-200px);
  }
  100% {
    transform: skew(-24deg) translateX(calc(var(--cell-ai-generating-width)));
  }
}
.cell-ai-run-again-button-tooltip {
  position: absolute;
  top: 50%;
  z-index: 2;
  margin-top: -12px;
  right: 8px;
}
.cell-ai-run-again-button-tooltip--singleselectfield {
  right: 25px;
}
.cell-ai-run-again-button-tooltip--singleselectfield.has-value {
  right: 42px;
}
.cell-ai-run-again-button-tooltip--statusfield {
  right: 32px;
}
.cell-ai-run-again-button-tooltip--statusfield.has-value {
  right: 51px;
}
.cell-ai-run-again-button-tooltip--numberfield ~ .number-field-grid-control-display:not(.is-nested-field) {
  margin-right: 40px;
}
.cell-ai-run-again-button-tooltip--linkfield.favicon_only-format {
  right: 25px;
}
.field-agent-run-again-button {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 4px;
  min-width: 24px;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--G-1-5, #E9E9E9);
  color: var(--G-8, #4d4d4d);
  transition: background-color 150ms ease-out , border-color 150ms ease-out;
}
.field-agent-run-again-button:hover {
  background-color: var(--G-0-5, #FAFAFA);
  border-color: var(--G-3, #C7C8C9);
  transition: background-color 200ms ease-in , border-color 200ms ease-in;
}
.field-agent-run-again-button.with-text {
  height: 28px;
  min-width: auto;
  padding: 0 8px;
  width: auto;
  gap: 6px;
}
.field-agent-value-state {
  height: 40px;
  background-color: var(--G-0-5, #FAFAFA);
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 10px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 0 0 8px 8px;
  z-index: var(--grid-view-cell-ai-field-agent-z-index, 0);
  position: relative;
  margin-top: var(--grid-view-cell-ai-field-agent-margin-top, 0);
}
.field-agent-value-state__text {
  display: flex;
  align-items: center;
  gap: 5px;
}
.field-agent-value-state__buttons {
  display: flex;
  align-items: center;
  gap: 4px;
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 3;
  --grid-view-cell-fill-handle-bottom: -44px;
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -41px;
  border: 1px solid var(--solution-primary-color);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px;
  z-index: -1;
  pointer-events: none;
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--solution-dw-color), 0.6);
  border-radius: 8px;
  z-index: -1;
  pointer-events: none;
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai.is-row-size-auto {
  position: relative;
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai--field-type-textareafield {
  --grid-view-cell-height-compact: 102px;
  --grid-view-cell-height-medium: 140px;
  --grid-view-cell-height-large: 200px;
  --grid-view-cell-height-extra-large: 280px;
  --grid-view-cell-fill-handle-bottom: -3px;
  --grid-view-cell-ai-field-agent-z-index: 3;
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai--field-type-textareafield::before {
  bottom: -40px;
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai--field-type-textareafield.is-row-size-compact {
  --grid-view-cell-ai-field-agent-margin-top: 60px;
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai--field-type-textareafield.is-row-size-medium {
  --grid-view-cell-ai-field-agent-margin-top: 98px;
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai--field-type-textareafield.is-row-size-large {
  --grid-view-cell-ai-field-agent-margin-top: 158px;
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai--field-type-textareafield.is-row-size-extra-large {
  --grid-view-cell-ai-field-agent-margin-top: 238px;
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai--field-type-textareafield.is-row-size-auto.is-ai-field-agent-enabled {
  --grid-view-cell-textarea-field-grid-control-position: relative;
  --grid-view-cell-textarea-field-grid-control-padding: 10px 16px 50px;
  --grid-view-cell-ai-field-agent-margin-top: -42px;
  --textarea-field-grid-control-height: calc(100% + 41px);
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai--field-type-richtextareafield {
  --smartdoc-field-height-compact: 102px;
  --smartdoc-field-height-medium: 140px;
  --smartdoc-field-height-large: 200px;
  --smartdoc-field-height-extra-large: 280px;
  --smartdoc-field-grid-control-padding-bottom: 45px;
  --grid-view-cell-ai-field-agent-margin-top: -42px;
  --grid-view-cell-fill-handle-bottom: -3px;
  --grid-view-cell-ai-field-agent-z-index: 3;
}
.grid-view-cell:not(.is-show-input) .grid-view-cell-generated-by-ai--field-type-richtextareafield.is-row-size-auto {
  --grid-view-field-expand-outline-height: calc(100% + 42px);
}
.grid-view-cell-generated-by-ai--field-type-multipleselectfield,
.grid-view-cell-generated-by-ai--field-type-linkfield.is-multiple-entries {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 3;
  --grid-view-cell-fill-handle-bottom: -44px;
  --grid-view-cell-ai-field-agent-z-index: 3;
  min-height: 100%;
  height: auto;
}
.grid-view-cell-generated-by-ai--field-type-multipleselectfield:before,
.grid-view-cell-generated-by-ai--field-type-linkfield.is-multiple-entries:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -41px;
  border: 1px solid var(--solution-primary-color);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px;
  z-index: -1;
  pointer-events: none;
}
.grid-view-cell-generated-by-ai--field-type-multipleselectfield:after,
.grid-view-cell-generated-by-ai--field-type-linkfield.is-multiple-entries:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--solution-dw-color), 0.6);
  border-radius: 8px;
  z-index: -1;
  pointer-events: none;
}
.grid-view-cell-generated-by-ai--field-type-multipleselectfield .field-agent-value-state,
.grid-view-cell-generated-by-ai--field-type-linkfield.is-multiple-entries .field-agent-value-state {
  position: absolute;
  top: 100%;
}
.grid-view-cell-generated-by-ai--field-type-multipleselectfield .grid-cell-field.is-inline-edit:before,
.grid-view-cell-generated-by-ai--field-type-linkfield.is-multiple-entries .grid-cell-field.is-inline-edit:before {
  bottom: -41px;
}
.grid-view-cell-generated-by-ai--field-type-multipleselectfield .grid-cell-field.is-inline-edit:after,
.grid-view-cell-generated-by-ai--field-type-linkfield.is-multiple-entries .grid-cell-field.is-inline-edit:after {
  bottom: -44px;
}
.grid-view-cell-generated-by-ai--field-type-multipleselectfield.is-row-size-auto,
.grid-view-cell-generated-by-ai--field-type-linkfield.is-multiple-entries.is-row-size-auto {
  position: relative;
}
.grid-view-cell-generated-by-ai--field-type-multipleselectfield .grid-cell-field.is-inline-edit.grid-cell-field--type-multipleselectfield {
  top: auto;
  transform: translateY(0);
  position: relative;
}
.grid-view-cell-generated-by-ai--field-type-linkfield.is-multiple-entries .grid-cell-field.is-inline-edit.grid-cell-field--type-linkfield {
  top: auto;
  transform: translateY(0);
  position: relative;
}
.grid-view-cell-generated-by-ai--field-type-linkfield.is-multiple-entries.is-row-size-auto {
  height: 100%;
}
.grid-view-cell-generated-by-ai--field-type-linkfield.is-row-size-extra-large .link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--favicon_only {
  min-height: 140px;
}
.grid-view-cell-generated-by-ai--field-type-linkfield.is-multiple-entries.favicon_only-format {
  position: absolute;
  height: auto;
}
.layout--shared-solution .grid-view-field-info-icon {
  display: none;
}
.shared-view-header {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 54px;
  max-height: 54px;
  padding: 4px 38px 0;
  background-color: var(--G-0, #FFFFFF);
}
.shared-view-header--report-toolbar-disabled {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.shared-view-header__line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}
.shared-view-header__logo {
  display: inline-flex;
}
.shared-view-header__actions {
  margin-left: auto;
}
.shared-view-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.shared-view-layout__tabs {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.shared-report-heading {
  position: absolute;
  left: 50%;
  display: flex;
  align-items: center;
  max-width: calc(100vw - 600px);
  transform: translateX(-50%);
}
.shared-report-heading__title {
  font-size: 22px;
  line-height: 30px;
  padding-left: 13px;
  padding-right: 16px;
  font-weight: bold;
}
.shared-report-heading__info {
  position: relative;
  color: var(--G-4, #B2B2B3);
  font-size: 0;
  z-index: 1;
  margin-top: 1px;
}
.shared-report-heading__info:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  z-index: -1;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  background-color: rgba(178, 178, 179, 0.4);
  border-radius: 50%;
}
.r-grid-view--shared.r-grid-view {
  margin: 0 15px 20px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-top: none;
  width: auto;
  border-radius: 0 0 8px 8px;
  --grid-view-row-actions-left: 16px;
}
.gantt-view-shared {
  width: auto;
  height: calc(100% - 20px);
  margin: 0 15px 20px 15px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-top: none;
  border-radius: 0 0 8px 8px;
}
.gantt-view-shared .b-gantt {
  border-radius: inherit;
}
.gantt-view-shared .b-name-cell {
  align-items: center;
  padding: 0 16px 0 20px;
}
.gantt-view-shared .b-name-cell .b-tree-cell-inner {
  padding-inline-start: 0 !important;
}
.shared-timeline {
  position: relative;
  width: 100%;
  height: 100%;
  padding-right: 0px;
  background-color: var(--G-0, #FFFFFF);
  transition: padding-right 300ms linear;
  will-change: padding-right;
}
.shared-timeline.is-show-records-list {
  padding-right: 400px;
}
.shared-timeline.is-show-records-list .shared-timeline__records {
  opacity: 1;
  transform: translateX(0%);
}
.shared-timeline__records {
  opacity: 0;
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 400px;
  min-width: 400px;
  transform: translateX(100%);
  transition: opacity 500ms linear, transform 300ms linear;
  will-change: opacity, transform;
}
.shared-timeline .timeline {
  background-color: rgba(var(--solution-dw-color-darken-01), 0.2);
}
.shared-view-footer {
  background-color: var(--G-0, #FFFFFF);
  height: 38px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.shared-view-footer__powered {
  display: flex;
  align-items: center;
}
.shared-view-footer__logo {
  width: 88px;
  margin-left: 15px;
}
.shared-view-footer__separator {
  width: 1px;
  height: 22px;
  background-color: black;
  opacity: 0.1;
  margin: 0 16px;
}
@media only screen and (max-width: 600px) {
  .shared-view-footer__separator {
    display: none;
  }
}
.shared-view-footer__generated strong {
  margin-left: 4px;
}
@media only screen and (max-width: 600px) {
  .shared-view-footer__generated {
    display: none;
  }
}
.shared-view-footer__button {
  display: flex;
  align-items: center;
  margin-left: auto;
  transition: color 150ms ease-out;
}
.shared-view-footer__button:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.shared-view-footer__button:hover .shared-view-footer__icon {
  color: var(--solution-hover-color);
}
.shared-view-footer__icon {
  color: var(--solution-primary-color);
  margin-right: 7px;
}
@media only screen and (max-width: 600px) {
  .shared-view-footer__icon {
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .shared-view-footer__text {
    display: none;
  }
}
.r-kanban {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: rgba(var(--solution-dw-color), 0.2);
}
.r-kanban--size-s {
  --kanban-column-width: 278px;
}
.r-kanban--size-m {
  --kanban-column-width: 378px;
}
.r-kanban--size-l {
  --kanban-column-width: 478px;
}
.r-kanban__scroll {
  width: 100%;
  flex-basis: 100%;
}
.r-kanban__scroll .scrollbar__track {
  z-index: 20;
}
.r-kanban__list {
  z-index: 1;
  position: relative;
  margin: 0 20px;
}
.r-kanban__norecords {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  pointer-events: none;
}
.r-kanban-header {
  z-index: 10;
  position: sticky;
  top: 0;
  min-width: 100%;
  min-height: 55px;
  padding-left: 20px;
  background-color: var(--G-0, #FFFFFF);
}
.r-kanban-header::after {
  content: " ";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--solution-dw-color-darken-01), 0.2);
  pointer-events: none;
}
.r-kanban-header--line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.r-kanban-header__wrap {
  position: relative;
}
.r-kanban-column-outer {
  position: absolute;
  min-height: 100%;
}
.r-kanban-column {
  position: relative;
}
.r-kanban-column::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  border-radius: 5px 5px 0 0;
  background-color: rgb(var(--solution-dw-color-darken-15));
  transition: background 300ms ease-in-out;
}
.r-kanban-column:not(.is-swimlane-collapsed)::after {
  content: " ";
  opacity: 0;
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 2px var(--solution-primary-color);
  border-radius: 5px;
  transition: opacity 300ms ease-in-out;
  pointer-events: none;
}
.r-kanban-column.is-empty .r-kanban-column__add {
  bottom: 0;
}
.r-kanban-column__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 58px;
  padding: 19px 12px 14px;
  border-radius: 5px;
  transition: all 300ms ease;
}
.r-kanban-column__wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: bottom 300ms ease-in-out;
  pointer-events: none;
}
.r-kanban-column__wrapper::after {
  content: " ";
  opacity: 0;
  position: absolute;
  top: -2px;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 2px var(--solution-primary-color);
  border-radius: 5px;
  pointer-events: none;
  transition: opacity 300ms ease-in-out;
}
.r-kanban-column__cards {
  position: relative;
  height: 100%;
  min-height: 25px;
  flex-grow: 1;
  transition: opacity 300ms ease-in-out;
}
.r-kanban-column__norecords {
  z-index: 1;
  position: relative;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
}
.r-kanban-column__add {
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: -29px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 13px;
  border-radius: 0 0 5px 5px;
  background-color: transparent;
  color: var(--solution-primary-color);
  cursor: pointer;
  transition: opacity 300ms ease-in-out;
}
.r-kanban-column__add:hover {
  color: var(--solution-hover-color);
}
.r-kanban-column.is-collapsed {
  z-index: 1;
  position: relative;
  opacity: 0;
  min-width: 33px;
  max-width: 33px;
  height: auto;
  max-height: 100%;
  margin-right: 14px;
  padding: 0 10px 40px 10px;
  cursor: pointer;
}
.r-kanban-column.is-dragover::before {
  background-color: var(--solution-primary-color);
}
.r-kanban-column.is-dragover .r-kanban-column__wrapper::after {
  opacity: 1;
}
.r-kanban-column:hover:not(.is-dragover) .r-kanban-column__add {
  visibility: visible;
  opacity: 1;
}
.r-kanban-column:not(.is-dragover):not(.is-empty).can-add-record:hover .r-kanban-column__wrapper::before {
  bottom: -25px;
}
.r-kanban-column-header {
  z-index: 3;
  position: relative;
  margin: 0 24px 0 0;
  background-color: var(--G-0, #FFFFFF);
}
.r-kanban-column-header::after {
  content: " ";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--solution-dw-color-darken-01), 0.2);
  pointer-events: none;
}
.r-kanban-column-header:not(.is-collapsed) {
  margin-right: 24px;
}
.r-kanban-column-header.is-collapsed {
  z-index: 5;
  min-width: 24px;
  max-width: 24px;
  margin-right: 16px;
  background-color: transparent;
  cursor: pointer;
}
.r-kanban-column-header.is-collapsed .r-kanban-column-header__in {
  position: absolute;
  top: 0;
  left: 0;
  min-height: inherit;
  max-height: inherit;
  padding: 0 16px 0 0;
  transform: rotate(-90deg) translate(-100%, 0);
  transform-origin: top left;
}
.r-kanban-column-header.is-collapsed .r-kanban-column-header__wrap {
  flex-direction: row-reverse;
}
.r-kanban-column-header.is-collapsed .r-kanban-column-header__label {
  max-width: 300px;
  margin-right: 0;
}
.r-kanban-column-header.is-collapsed .r-kanban-column-header__label .r-kanban-column-header-assignedto {
  flex-direction: row-reverse;
}
.r-kanban-column-header.is-collapsed .r-kanban-column-header__label .r-kanban-column-header-assignedto .r-avatar,
.r-kanban-column-header.is-collapsed .r-kanban-column-header__label .r-kanban-column-header-assignedto .base-avatar {
  transform: rotate(90deg);
}
.r-kanban-column-header.is-collapsed .r-kanban-column-header__label .r-kanban-column-header-assignedto .text {
  margin-right: 10px;
  margin-left: 0;
}
.r-kanban-column-header.is-collapsed .team-field-kanban-column-header-control {
  flex-direction: row-reverse;
}
.r-kanban-column-header.is-collapsed .team-field-kanban-column-header-control .base-avatar {
  transform: rotate(90deg);
}
.r-kanban-column-header__in {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 55px;
  max-height: 55px;
  padding: 11px 0;
}
.r-kanban-column-header__wrap {
  display: flex;
  align-items: center;
  width: 100%;
}
.r-kanban-column-header__label {
  flex-grow: 1;
  overflow: hidden;
  margin-right: 15px;
  cursor: pointer;
}
.r-kanban-column-header__counter {
  margin-right: 15px;
  margin-left: auto;
}
.r-kanban-column-header-new {
  z-index: 3;
  position: absolute;
  display: flex;
  align-items: center;
  height: 55px;
}
.r-kanban-column-header-new--show-underline:before {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: -6px;
  right: 0;
  height: 6px;
  border-radius: 5px 5px 0 0;
  background-color: rgb(var(--solution-dw-color-darken-15));
}
.r-kanban-column-header-new--list-grouped::before {
  bottom: -44px;
}
.r-kanban-column-header-new__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 55px;
  color: rgb(var(--solution-dw-color-darken-15));
  cursor: pointer;
}
.r-kanban-column-header-new__button:hover {
  color: var(--solution-primary-color);
}
.r-kanban-column-header-new__field {
  min-width: 278px;
}
.r-kanban-column-header-new__tooltip {
  position: absolute;
  top: 50%;
  right: 10px;
  cursor: pointer;
  transform: translateY(-50%);
}
.r-kanban-swimlane {
  z-index: 9;
  position: absolute;
  display: flex;
  align-items: center;
}
.r-kanban-swimlane.is-sticky {
  position: sticky;
  top: 55px;
  right: 0;
  left: 0;
  min-width: 100%;
  padding: 0 20px;
  background-color: var(--G-0, #FFFFFF);
}
.r-kanban-swimlane.is-sticky::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  background-color: rgba(var(--solution-dw-color-darken-01), 0.2);
  pointer-events: none;
}
.r-kanban-swimlane.is-sticky .r-kanban-swimlane__head {
  height: 38px;
}
.r-kanban-swimlane.is-collapsed .r-kanban-swimlane__arrow {
  transform: rotate(-90deg);
}
.r-kanban-swimlane__head {
  position: sticky;
  left: 20px;
  display: flex;
  align-items: center;
  height: 30px;
}
.r-kanban-swimlane__in {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.r-kanban-swimlane__in:hover .r-kanban-swimlane__arrow {
  color: var(--solution-primary-color);
  transition: color 200ms ease-in;
}
.r-kanban-swimlane__arrow {
  transition: color 150ms ease-out;
}
.r-kanban-swimlane__title {
  margin-right: 13px;
}
.r-kanban-swimlane__body {
  position: relative;
  min-height: 0;
  overflow: hidden;
}
.kanban-blank {
  padding: 20px;
}
.kanban-blank img {
  display: block;
  max-width: 651px;
  height: auto;
}
.kanban-blank--angular {
  margin-top: -40px;
  padding: 0;
}
.card-no-records {
  position: relative;
  top: 24px;
  left: 24px;
  display: flex;
  width: 100%;
  height: 100%;
}
.card-no-records__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 270px;
  padding: 20px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px;
  transition: transform 200ms ease-in , width 200ms ease-in;
}
.card-no-records__item:not(:first-child) {
  margin-left: 24px;
}
.card-no-records__line {
  position: absolute;
  top: 20px;
  left: 17px;
  width: 126px;
  height: 16px;
  border-radius: 10px;
  background-color: var(--G-0-5, #FAFAFA);
}
.card-add-new {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  cursor: pointer;
  transition: top 200ms ease-in , transform 200ms ease-in , width 200ms ease-in;
}
.card-add-new:hover:before {
  border-color: var(--solution-primary-color);
  background-color: var(--G-0, #FFFFFF);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.card-add-new:hover .card-add-new__text {
  color: var(--typo-primary, #2E3538);
}
.card-add-new::before {
  content: " ";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px dashed var(--G-2, #DEDEDE);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.card-add-new--static {
  position: relative;
}
.card-add-new--static:before {
  background-color: var(--G-0, #FFFFFF);
}
.card-add-new__icon {
  margin-bottom: 10px;
  color: var(--solution-primary-color);
}
.card-add-new__text {
  color: var(--tertiary, #6B6B6B);
  text-align: center;
}
.r-card-group {
  position: absolute;
  top: 0;
  left: 0;
}
.r-card-group.is-collapsed .r-card-group__arrow {
  transform: rotate(90deg) translateY(0px);
  transition: transform 200ms ease-in;
}
.r-card-group:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid rgb(var(--solution-dw-color));
  outline: 1px solid rgba(0, 0, 0, 0.03);
  outline-offset: -1px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px;
  pointer-events: none;
}
.r-card-group--depth-1 {
  width: calc(100% - 24px);
}
.r-card-group--depth-2 {
  width: calc(100% - 48px);
}
.r-card-group--depth-3 {
  width: calc(100% - 72px);
}
.r-card-group__head {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 20px;
}
.r-card-group__arrow {
  color: var(--ic-darker, #151515);
  transform: rotate(180deg) translateY(-2px);
  transition: transform 150ms ease-out;
}
.r-card-group__tooltip {
  margin-right: 13px;
  margin-left: 4px;
}
.r-card-group__name {
  overflow: hidden;
  display: flex;
  align-items: center;
  max-width: 100%;
  margin-right: 13px;
  cursor: pointer;
}
.r-card-group__name:hover .r-card-group__arrow {
  color: var(--solution-primary-color);
}
.r-card-group__title {
  overflow: hidden;
  max-width: 100%;
}
.r-card-view {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--G-0, #FFFFFF);
}
.r-card-view::before {
  content: " ";
  opacity: 0.2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(var(--solution-dw-color-darken-01));
  pointer-events: none;
}
.r-card-view--groups {
  padding: 0;
}
.r-card-view__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.r-card-view__container {
  position: relative;
  width: 100%;
}
.r-card-view .scrollbar__track--X,
.r-card-view .scrollbar__thumb--X {
  height: 10px;
  border-radius: 5px;
}
.r-card-view .scrollbar__track--Y,
.r-card-view .scrollbar__thumb--Y {
  width: 10px;
  border-radius: 5px;
}
.r-card {
  top: 0;
  left: 0;
  position: absolute;
  padding: 2px;
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid rgb(var(--solution-dw-color));
  outline-offset: -1px;
  outline: 1px solid rgba(0, 0, 0, 0.05);
  transition: outline-color 150ms ease-out , top 150ms ease-out , transform 150ms ease-out , width 150ms ease-out;
}
.r-card:not(.is-not-clickable) {
  cursor: pointer;
}
.r-card:not(.is-dragging):hover {
  top: -5px;
  outline-color: rgba(0, 0, 0, 0.15);
  transition: outline-color 200ms ease-in , top 200ms ease-in , transform 200ms ease-in , width 200ms ease-in;
}
.r-card:not(.is-dragging):hover:not(.is-not-highlight) .r-card__title {
  color: var(--solution-primary-color);
}
.r-card.is-draggable {
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
}
.r-card.is-search-matched {
  background-color: #fffbf0;
}
.r-card.is-hidden {
  visibility: hidden;
}
.r-card.is-dragging {
  border: none;
  outline: none;
}
.r-card.is-dragging:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  z-index: 100;
  background-color: transparent;
  border: 2px dashed var(--solution-primary-color);
  opacity: 0.3;
  transition: none;
}
.r-card.is-dragging:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  background-color: currentColor;
  opacity: 0.2;
  transition: none;
}
.r-card.is-dragging .r-card__hide-dragging {
  opacity: 0;
}
.r-card__spotlight {
  z-index: 3;
  position: absolute;
  top: 2px;
  right: 3px;
  left: 3px;
  height: 6px;
  border-radius: 3px;
}
.r-card__active {
  z-index: 2;
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 2px solid #fcbc2e;
  border-radius: 5px;
  pointer-events: none;
}
.r-card__title {
  margin: 14px 13px 0 13px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  -webkit-line-clamp: 2;
  min-height: 48px;
  max-height: 48px;
}
.r-card__fields {
  padding-bottom: 10px;
}
.r-card-cover {
  z-index: 2;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 66%;
  border-radius: 2px 2px 0 0;
  background-color: var(--G-1, #F3F3F4);
}
.r-card-cover__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--ic-light, #c7cdcf);
  transform: translate(-50%, -50%);
}
.r-card-cover-file {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.r-card-cover-file:hover .r-card-cover-file__zoom {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.r-card-cover-file--with-download .r-card-cover-file__info {
  transform: translateY(0) !important;
  transition: transform 200ms ease-in;
}
.r-card-cover-file--carousel .r-card-cover-file__info {
  transform: translateY(39px);
  bottom: 11px;
}
.r-card-cover-file__body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--ic-light, #c7cdcf);
}
.r-card-cover-file__info {
  z-index: 2;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 28px;
  padding: 3px 16px;
  transform: translateY(28px);
  transition: transform 150ms ease-out;
}
.r-card-cover-file__info:hover:before {
  background-color: var(--solution-hover-color);
  transition: background 200ms ease-in;
}
.r-card-cover-file__info:before {
  content: "";
  z-index: -1;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--solution-primary-color);
  transition: background 150ms ease-out;
}
.r-card-cover-file__name {
  overflow: hidden;
  flex-grow: 1;
}
.r-card-cover-file__icon {
  margin-left: 5px;
  color: var(--G-0, #FFFFFF);
}
.r-card-cover-file__zoom {
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: var(--ic-dark, #2D2D2D);
  transition: opacity 150ms ease-out , "in" 150ms ease-out , background-color 150ms ease-out;
}
.r-card-cover-file__zoom:hover {
  background-color: rgba(255, 255, 255, 0.8);
  transition: opacity 200ms ease-in , "out" 200ms ease-in , background-color 200ms ease-in;
}
.r-card-cover-image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
.r-card-cover-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.r-card-cover-image:hover .r-card-cover-image__zoom {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.r-card-cover-image__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 120%;
  height: auto;
  pointer-events: none;
}
.r-card-cover-image__zoom {
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: var(--ic-dark, #2D2D2D);
  transition: opacity 150ms ease-out , "in" 150ms ease-out , background-color 150ms ease-out;
}
.r-card-cover-image__zoom:hover {
  background-color: rgba(255, 255, 255, 0.8);
  transition: opacity 200ms ease-in , "out" 200ms ease-in , background-color 200ms ease-in;
}
.card-cover-loader {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 11px;
}
.card-cover-loader:before {
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid var(--G-3, #C7C8C9);
  border-radius: 50%;
  border-right-color: transparent;
  margin: 0 auto 9px auto;
  position: relative;
  left: 5px;
  animation: cssload-spin 700ms infinite linear;
}
@keyframes cssload-spin {
  to {
    transform: rotate(360deg);
  }
}
.r-card-cover-slider {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
.r-card-cover-slider:hover .r-card-cover-slider__zoom {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.r-card-cover-slider:hover .slick-dots {
  transform: translateY(0%);
  transition: transform 200ms ease-in;
}
.r-card-cover-slider .slick-slider,
.r-card-cover-slider .slick-list,
.r-card-cover-slider .slick-track,
.r-card-cover-slider .slick-slide > div {
  height: 100%;
}
.r-card-cover-slider .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex !important;
  padding: 0 8px;
  background-color: rgba(111, 113, 115, 0.59);
  list-style: none;
  transform: translateY(100%);
  transition: transform 150ms ease-out;
}
.r-card-cover-slider .slick-dots li {
  position: relative;
  flex-grow: 1;
  display: block;
  width: auto;
  height: 11px;
  margin: 0;
  cursor: pointer;
}
.r-card-cover-slider .slick-dots li::before {
  content: " ";
  position: absolute;
  top: 4px;
  right: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--G-7, #6F7173);
  pointer-events: none;
}
.r-card-cover-slider .slick-dots li button {
  display: block;
  width: 100%;
  height: 11px;
  padding: 0;
}
.r-card-cover-slider .slick-dots li button::before {
  display: none;
  opacity: 0;
}
.r-card-cover-slider .slick-dots li:not(:last-child) {
  margin-right: 5px;
}
.r-card-cover-slider .slick-dots li.slick-active:before {
  background-color: var(--G-0, #FFFFFF);
}
.r-card-cover-slider__item {
  position: relative;
  width: 100%;
  height: 100%;
}
.r-card-cover-slider__counter {
  z-index: 2;
  position: absolute;
  top: 9px;
  left: 9px;
  display: flex;
  align-items: center;
  height: 17px;
  padding: 0 6px;
  border-radius: 5px;
  background-color: rgba(45, 45, 45, 0.7);
}
.r-card-cover-slider__zoom {
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: var(--ic-dark, #2D2D2D);
  transition: opacity 150ms ease-out , "in" 150ms ease-out , background-color 150ms ease-out;
}
.r-card-cover-slider__zoom:hover {
  background-color: rgba(255, 255, 255, 0.8);
  transition: opacity 200ms ease-in , "out" 200ms ease-in , background-color 200ms ease-in;
}
.r-card-cover-upload-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.r-card-cover-upload-panel--active {
  z-index: 200;
}
.r-card-cover-upload-panel .fsp-drop-pane__container {
  opacity: 0;
}
.r-card-cover-upload-panel__loader {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--G-0, #FFFFFF);
}
.r-card-cover-upload-panel__drop-placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--G-0, #FFFFFF);
}
.r-card-cover-upload-panel__drop-placeholder--files-drag-over {
  background-color: initial;
}
.r-card-cover-upload-panel__drop-placeholder--files-drag-over::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background-color: var(--solution-hover-color);
  opacity: 0.5;
  z-index: -1;
}
.r-card-cover-upload-panel__drop-placeholder-icon {
  color: var(--G-0, #FFFFFF);
  display: flex;
  margin-bottom: 8px;
}
.r-card-cover-upload-panel__drop-placeholder-heading {
  margin-bottom: 5px;
}
.card-cover-video {
  position: relative;
  height: 100%;
  background-color: var(--G-1, #F3F3F4);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.card-cover-video.has-preview .card-cover-video__play {
  color: var(--G-0, #FFFFFF);
}
.card-cover-video__play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: auto;
  background-color: transparent;
  color: var(--solution-primary-color);
}
.card-cover-video__play:hover .card-cover-video__icon {
  transform: scale(1);
  transition: transform 200ms ease-in;
}
.card-cover-video__icon {
  border-radius: 50%;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.07);
  transform: scale(0.75);
  transition: transform 150ms ease-out;
}
.r-card-field {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 12px;
  padding: 4px 12px 0;
}
.r-card-field__spotlight {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  border-radius: 3px;
}
.r-card-field__bg {
  opacity: 0.03;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
}
.r-card-field__title {
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 6px;
  word-break: break-word;
  color: var(--tertiary, #6B6B6B);
  text-transform: uppercase;
}
.r-card-field__body {
  min-height: 20px;
}
.document-view {
  display: flex;
  flex-grow: 1;
  overflow-y: auto;
  width: 100%;
  background-color: var(--G-0, #FFFFFF);
  --document-view-content-width: 720px;
}
.document-view::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.document-view::-webkit-scrollbar-track {
  background-color: transparent;
}
.document-view::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.document-view::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.document-view__connecting-preview, .document-view__editor {
  display: none;
}
.document-view--visible {
  display: initial;
}
.document-view--wide {
  --document-view-content-width: 1150px;
}
.document-view__editor {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.document-view__editor .editor-react-plugin-wrapper--EditorStaticToolbarPluginView {
  z-index: 5;
  position: fixed;
  width: 100%;
  background-color: var(--G-0, #FFFFFF);
}
.document-view__editor .editor-react-plugin-wrapper--EditorStaticToolbarPluginView .formatting-toolbar {
  padding-right: 15px;
  padding-left: 15px;
}
.document-view .ProseMirror {
  flex-grow: 1;
  width: 100%;
  max-width: var(--document-view-content-width);
  margin: 60px auto 0 auto;
  padding-bottom: 60px;
}
.document-view__preloader {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--G-0, #FFFFFF);
}
.document-view-settings-panel__tabs {
  height: 38px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 30px 5px 30px;
}
.document-view-settings-panel__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.document-view-settings-general__group {
  padding-right: 30px;
  padding-left: 30px;
}
.document-view-settings-general__subtitle {
  margin-top: -20px;
  margin-bottom: 30px;
}
.document-view-settings-general__elements {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.document-view-settings-general__switcher {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.document-view-settings-general__description {
  margin-bottom: 24px;
}
.document-view-settings-general__width {
  margin-top: 20px;
}
.document-view-settings-permissions {
  padding: 25px 30px;
}
.document-view-settings-permissions__choices {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 15px;
}
.document-view-cover-image {
  position: relative;
  width: 100%;
  height: 280px;
  min-height: 280px;
  margin-bottom: 60px;
}
.document-view-cover-image:hover .document-view-cover-image__actions, .document-view-cover-image.is-active-actions .document-view-cover-image__actions {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.document-view-cover-image .image-position-cropper__icon {
  display: none;
}
.document-view-cover-image__actions {
  opacity: 0;
  z-index: 2;
  position: absolute;
  top: 9px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: opacity 150ms ease-out;
}
.document-view-cover-image__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 26px;
  border: 1px solid var(--G-2, #DEDEDE);
  padding: 0 12px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.document-view-cover-image__button:hover {
  border-color: var(--G-4, #B2B2B3);
  transition: border-color 200ms ease-in;
}
.document-view-cover-image__button:hover .icon {
  color: var(--solution-hover-color);
}
.document-view-cover-image__button .icon {
  margin-left: -4px;
  color: var(--G-8, #4d4d4d);
}
.document-view-cover-image__tip {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-flex;
  padding: 4px 14px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.8);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.document-view-cover-image__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.document-view-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: var(--document-view-content-width);
  margin: 60px auto -20px auto;
}
.document-view-header.is-empty {
  display: none;
}
.document-view-header__title {
  font-weight: 500;
  font-size: 42px;
  line-height: 54px;
  color: var(--typo-primary, #2E3538);
}
.document-view-header__title:empty::before {
  content: attr(data-placeholder);
  color: var(--typo-secondary, #878B92);
}
.document-view-header__info {
  display: flex;
  align-items: center;
  gap: 17px;
}
.document-view-header__member {
  cursor: pointer;
}
.document-view-header__date {
  border-bottom: 1px dashed var(--G-4, #B2B2B3);
  cursor: pointer;
}
.document-view-header__date-tooltip {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 0;
}
.duplicate-modal__item-wrapper {
  display: flex;
  position: relative;
  margin-bottom: 24px;
}
.duplicate-modal__input {
  margin-bottom: 24px;
}
.duplicate-modal__heading {
  overflow: hidden;
}
.duplicate-modal__item {
  width: 50%;
  border-radius: 5px;
  background-color: var(--G-1, #F3F3F4);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  padding: 0 20px 0 10px;
}
.duplicate-modal__item--dublicate {
  background-color: var(--G-0, #FFFFFF);
  padding: 0 10px 0 20px;
}
.duplicate-modal__item--widget {
  height: auto;
  padding: 16px 40px;
  flex-direction: column;
}
.duplicate-modal__icon {
  font-size: 0;
  margin-right: 7px;
}
.duplicate-modal__arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -19px;
  margin-left: -19px;
  border-radius: 50%;
  border: 2px solid var(--G-1, #F3F3F4);
  background-color: var(--G-0, #FFFFFF);
  min-width: 38px;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.duplicate-modal__checkbox {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  background: var(--G-0-5, #FAFAFA);
}
.duplicate-modal__checkbox-control {
  margin-bottom: 2px;
}
.duplicate-modal__checkbox-control.is-read-only input:not(:checked) + .checkbox__label {
  border-color: var(--G-2, #DEDEDE) !important;
  background-color: var(--G-0, #FFFFFF) !important;
}
.duplicate-modal__checkbox-label {
  padding-left: 9px;
  cursor: pointer;
}
.duplicate-modal__checkbox-label--disabled {
  pointer-events: none;
}
.duplicate-modal__label {
  margin-bottom: 0;
}
.duplicate-modal__label.is-active {
  color: var(--solution-primary-color);
  transition: color 150ms ease-out;
}
.duplicate-modal__label.is-error {
  color: #FF5757;
  transition: color 150ms ease-out;
}
.duplicate-modal__error {
  position: absolute;
  margin-top: 4px;
}
.data-import-modal-view {
  margin: 30px 0;
  width: calc(100vw - 60px);
  height: calc(100vh - 60px);
  min-width: 950px;
}
.data-import-modal-view .modal__body {
  overflow: hidden;
}
.data-import-modal-view .modal__body {
  overflow: hidden;
}
.data-import-modal-view-menu {
  width: 450px;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: -1px 4px 8px rgba(128, 128, 128, 0.5);
  z-index: 2;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 5px;
}
.data-import-modal-view-menu-header {
  margin: 20px 30px;
  display: flex;
  align-items: center;
}
.data-import-modal-view-menu-header__icon {
  transform: scale(1.5);
  margin-left: 6px;
  margin-right: 6px;
}
.data-import-modal-view-menu-header-text {
  flex: 1 1 100%;
  padding-left: 19px;
}
.data-import-modal-view-grid {
  width: calc( 100% - 450px );
  margin-top: 18px;
  padding: 8px 24px 24px;
  background-color: var(--G-0-5, #FAFAFA);
  display: flex;
  flex-direction: column;
}
.data-import-modal-view-grid--setup {
  padding: 0;
  padding-top: 8px;
}
.data-import-modal-view-grid .r-grid {
  border-top: 1px solid #E9E9E9;
  height: calc(100vh - 165px);
}
.data-import-modal-footer {
  background-color: var(--G-0, #FFFFFF);
  padding: 10px;
  display: flex;
  justify-content: flex-end;
  border-top: var(--G-1-5, #E9E9E9) 1px solid;
  position: relative;
  z-index: 3;
  border-radius: 0 0 5px 5px;
}
.data-import-options__dropdown {
  width: 100%;
}
.data-import-options__selected {
  width: 66px;
}
.data-import-options__selected svg {
  margin-top: 6px;
  color: var(--solution-primary-color);
}
.data-import-options__checkboxes {
  padding: 9px 19px;
  background-color: #E7F0FE;
}
.data-import-options__checkboxes-item {
  display: flex;
  margin: 6px 0;
}
.data-import-options__checkboxes-item .checkbox-label {
  margin-right: 4px;
}
.data-import-options__checkboxes-item .checkbox-label .text--s, .data-import-options__checkboxes-item .checkbox-label .recycle-bin-modal-view__empty-description {
  font-size: 13px;
}
.data-import-options__checkboxes-item .tooltip {
  margin-top: 2px;
}
.data-import-options__checkboxes ::ng-deep button {
  cursor: default;
}
.data-import-options__match-selector {
  margin-left: 28px;
}
.data-import-options__hint-wrapper {
  max-width: 245px;
}
.data-import-options__footer {
  margin: 0 4px 6px 4px;
  width: calc(100% - 8px) !important;
}
.data-import-options__footer-icon {
  margin-right: 8px;
  padding-top: 4px;
}
.data-import-options__footer-separator {
  margin-top: 4px;
  margin-bottom: 4px;
}
.data-import-options__list-items-in {
  padding-bottom: 0px;
}
.data-import-options__list-items {
  padding-bottom: 1px;
}
.data-import {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border: 1px dashed var(--G-5, #9B9C9E);
  border-radius: 5px;
}
.data-import p {
  text-align: center;
}
.data-import div {
  display: contents;
}
.data-import__drop {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.data-import__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.data-mappings {
  flex: 1;
  position: relative;
}
.data-mappings__scrollarea {
  height: 100%;
  padding-left: 20px;
}
.data-mappings__header {
  display: grid;
  grid-template-columns: 50% 50%;
  padding-top: 20px;
  margin-right: 20px;
}
.data-mappings__content {
  margin-top: 7px;
  padding: 3px 5px 5px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  margin-right: 20px;
}
.data-mappings-content-line {
  padding: 2px 0 0 5px;
  display: flex;
  justify-content: space-between;
}
.data-mappings-content-line__csv {
  padding: 9px 5px 9px 0;
  display: flex;
  align-items: center;
  flex: 0 0 42%;
  max-width: 42%;
}
.data-mappings-content-line__fields {
  flex: 0 0 58%;
  max-width: 58%;
  display: flex;
  align-items: center;
}
.data-mappings-content-line__icon {
  margin-right: 10px;
}
.data-mappings-content-line-option {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 8px;
  color: var(--typo-secondary, #878B92);
}
.data-mappings-content-line-option__icon {
  margin-right: 9px;
  color: var(--solution-primary-color);
}
.data-mappings-content-line-option--default {
  height: 32px;
  padding: 0 8px;
}
.data-mappings-content-line .select-placeholder__value {
  max-width: 172px;
  padding-left: 0;
}
.data-mappings-content-line .select-placeholder__value .field-option {
  color: var(--G-9, #232B36);
}
.data-mappings-content-line .select-placeholder__value .field-option__icon,
.data-mappings-content-line .select-placeholder__value .data-mappings-content-line-option__icon {
  margin-right: 6px;
  color: var(--G-4, #B2B2B3);
}
.data-import-image {
  margin-bottom: 25px;
}
.data-import-title {
  margin-bottom: 6px;
}
.data-import-description {
  max-width: 500px;
  margin-bottom: 32px;
}
.data-import-button {
  margin-bottom: 20px;
}
.data-import-message-image {
  margin-bottom: 14px;
}
.data-import-message-title {
  margin-bottom: 12px;
}
.data-import-message-description {
  max-width: 500px;
}
.data-import-message-image {
  margin-bottom: 14px;
}
.data-import-message-title {
  margin-bottom: 12px;
}
.data-import-message-description {
  max-width: 500px;
}
.data-import-grid-cell {
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  flex-shrink: 0;
  height: 100%;
}
.data-import-grid-cell.is-selected .display__arrow,
.data-import-grid-cell.is-selected .display__close,
.data-import-grid-cell.is-selected .display__lock {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.data-import-grid-cell.is-selected .display__arrow {
  border-radius: 0 4px 4px 0;
}
.data-import-grid-cell-error {
  display: flex;
  position: relative;
}
.data-import-grid-cell-error:after {
  content: "";
  position: absolute;
  border: 1px solid #FF5757;
  left: -1px;
  right: 0px;
  bottom: -1px;
  top: -1px;
  pointer-events: none;
  z-index: 1;
}
.data-import-grid-cell-error .tooltip__outside-element {
  height: 100%;
}
.data-import-grid-cell-error .text-field-control {
  padding: 10px 0;
}
.data-import-grid-cell-head {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 16px;
  display: flex;
  align-items: center;
  cursor: grab;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  background-color: transparent;
  padding-right: 32px;
  transition: background 150ms ease-out;
}
.data-import-grid-cell-head__label {
  text-transform: uppercase;
}
.data-import-grid-cell-head__icon {
  color: var(--G-3, #C7C8C9);
  display: flex;
  margin-right: 12px;
}
.data-import-grid-cell-head__tooltip {
  font-size: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.data-import-grid-cell-head.is-active, .data-import-grid-cell-head:hover {
  background-color: var(--solution-secondary-color);
  transition: background 200ms ease-in;
}
.data-import-grid-cell-head.is-active .data-import-grid-cell-head__icon, .data-import-grid-cell-head:hover .data-import-grid-cell-head__icon {
  color: var(--solution-primary-color);
}
.data-import-grid-cell-head.is-active .data-import-grid-cell-head__menu, .data-import-grid-cell-head:hover .data-import-grid-cell-head__menu {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.data-import-grid-cell-head.is-collapsed {
  padding: 0;
  justify-content: center;
  cursor: pointer;
}
.data-import-grid-cell-head.is-collapsed:hover {
  background-color: transparent;
}
.data-import-grid-row {
  background-color: var(--G-0, #FFFFFF);
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  min-height: 41px;
}
.data-import-grid-row:last-child {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.data-import-grid-row__number {
  position: absolute;
  top: 10px;
  left: 28px;
  display: block;
}
.data-import-grid-row--left {
  padding-left: 72px;
  padding-right: 72px;
  border-radius: 8px;
}
.data-import-grid-row--left:before, .data-import-grid-row--left:after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  width: 8px;
  pointer-events: none;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.data-import-grid-row--left:before {
  left: 0;
  border-left: 1px solid var(--G-1-5, #E9E9E9);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.data-import-grid-row--left::after {
  right: 0;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.data-import-grid-row.is-even {
  background-color: var(--G-0-5, #FAFAFA);
}
.data-import-grid-row.is-hover, .data-import-grid-row.is-selected {
  background-color: var(--solution-secondary-color);
}
.data-import-grid-row.is-hover .data-import-grid-row__number, .data-import-grid-row.is-selected .data-import-grid-row__number {
  display: none;
}
.data-import-grid-row:first-of-type .grid-view-cell-presence__label {
  bottom: auto;
  top: 0;
  border-radius: 0 0 0 5px;
}
.DataImportGrid .grid-side__head.grid-side__head--left {
  background-color: var(--G-0-5, #FAFAFA);
  min-width: 100%;
}
.data-import-modal-view-grid .grid-side__footer {
  z-index: 1;
}
.data-import-modal-view-grid .subitems-field-footer {
  box-shadow: 0 -4px 8px -5px rgba(128, 128, 128, 0.5);
}
.import-grid-head {
  background-color: #fafafa;
}
.import-grid-footer-column {
  position: absolute;
  display: flex;
  font-weight: 600;
  font-size: 11px;
  padding-top: 8px;
}
.import-grid-warnings {
  padding: 15px;
  border-top: 1px solid #E9E9E9;
  height: calc(100vh - 165px);
  overflow-y: scroll;
}
.DataImportGrid-warning {
  border-radius: 5px;
  background-color: #FFEDE5;
  margin-bottom: 10px;
  flex-flow: row;
  display: flex;
}
.DataImportGrid-warning-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 0 20px 0 5px;
}
.DataImportGrid-warning-message {
  flex-flow: column;
  display: inline-flex;
}
.DataImportGrid-warning-message-title {
  font-weight: 600;
  padding: 10px 0 5px 0;
  font-size: 15px;
}
.DataImportGrid-warning-message-text {
  font-weight: 400;
  font-size: 13px;
  padding: 0 0 10px 0;
}
.dropdown-header-button {
  width: 100%;
  min-height: 75px;
  padding: 16px 17px;
  background-color: var(--G-0, #FFFFFF);
  text-align: left;
  display: flex;
  align-items: center;
}
.dropdown-header-button__icon {
  margin-right: 17px;
  width: 39px;
  height: 39px;
  display: flex;
  flex: 0 0 39px;
  align-items: center;
  justify-content: center;
}
.dropdown-header-button__icon svg {
  font-size: 32px;
}
.dropdown-header-button__arrow {
  display: flex;
  transform: rotate(0deg);
  transition: transform 150ms ease-out;
}
.dropdown-header-button__text {
  flex: 1 1 100%;
}
.dropdown-header-button:last-child {
  margin-bottom: 0;
}
.dropdown-header-button:hover {
  background-color: var(--G-1, #F3F3F4);
}
.dropdown-header-button:hover .text.secondary {
  color: var(--typo-primary, #2E3538);
}
.dropdown-header-button--active, .dropdown-header-button--active:hover {
  background-color: var(--solution-primary-color);
}
.dropdown-header-button--active svg, .dropdown-header-button--active:hover svg {
  color: var(--typo-white, var(--G-0, #FFFFFF));
}
.dropdown-header-button--active .text.primary, .dropdown-header-button--active .text.secondary, .dropdown-header-button--active:hover .text.primary, .dropdown-header-button--active:hover .text.secondary {
  color: var(--typo-white, var(--G-0, #FFFFFF));
}
.dropdown-header-open .dropdown-header-button__arrow {
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.dropdown-item-button {
  min-height: 40px;
  padding: 0 3px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  width: 100%;
}
.dropdown-item-button:hover {
  background: var(--G-1, #F3F3F4);
}
.data-import-grid-header__tabs {
  margin-bottom: 22px;
  padding-right: 24px;
  display: flex;
  justify-content: flex-end;
}
.data-import-grid-header__tab {
  border: 1px solid var(--solution-primary-color);
  border-right: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  cursor: pointer;
}
.data-import-grid-header__tab:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.data-import-grid-header__tab:last-child {
  border-right: 1px solid var(--solution-primary-color);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.data-import-grid-header__tab-icon {
  width: 15px;
  height: 18px;
  margin: 0 0 0 14px;
}
.data-import-grid-header__tab-text {
  display: inline-flex;
  color: var(--solution-primary-color);
  justify-content: center;
  align-items: center;
  padding: 2px 14px 5px 14px;
  margin: 1px 0 -1px 0;
}
.data-import-grid-header__tab--errors .data-import-grid-header__tab-text {
  margin: 0;
  padding: 3px 14px 4px 5px;
  color: #FF5757;
}
.data-import-grid-header__tab--warnings .data-import-grid-header__tab-text {
  margin: 0;
  padding: 3px 14px 4px 5px;
  color: #FF9210;
}
.data-import-grid-header__tab--selected {
  background-color: var(--solution-primary-color);
}
.data-import-grid-header__tab--selected .data-import-grid-header__tab-text {
  color: var(--G-0, #FFFFFF);
}
.data-import-match-selector {
  margin-top: 10px;
  display: flex;
}
.data-import-match-selector__field {
  flex: 1;
  width: 100%;
}
.data-import-match-selector__field:not(:last-child) {
  margin-right: 5px;
}
.import-data-submenu-option {
  color: var(--tertiary, #6B6B6B);
}
.import-data-submenu-wrapper {
  min-width: 250px;
  max-width: 250px;
}
.modal-overlay-wrapper {
  height: 100%;
  width: 100%;
  pointer-events: all;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 0;
  z-index: 2000;
}
.modal-overlay-wrapper .dialog {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.button__spinner {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid var(--solution-primary-color);
  border-bottom-color: transparent;
  animation: spinner 1s linear infinite;
  display: block;
  will-change: transform;
}
.move-to-solution {
  padding: 24px 30px;
  position: relative;
  background-color: var(--G-0-5, #FAFAFA);
}
.move-to-solution__solution, .move-to-solution__solutions {
  display: flex;
  align-items: center;
  padding: 30px 40px;
}
.move-to-solution__solution {
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px 5px 0 0;
}
.move-to-solution__solutions {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 5px 5px;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
}
.move-to-solution__solution-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 4px;
  margin-right: 16px;
}
.move-to-solution__wrap {
  flex-grow: 1;
  width: calc(100% - 76px);
}
.move-to-solution__text-wrap {
  display: flex;
  align-items: center;
}
.move-to-solution__text {
  margin-left: auto;
  margin-right: 7px;
}
.move-to-solution__paragraph {
  margin-bottom: 5px;
}
.move-to-solution__arrow {
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translateY(-50%) rotate(90deg);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 2px solid var(--G-1, #F3F3F4);
  background-color: var(--G-0, #FFFFFF);
}
.create-report-form-modal__header {
  border-bottom: 0px;
  padding-bottom: 6px;
  padding-top: 3px;
}
.create-report-form-modal__content {
  background-color: var(--G-0, #FFFFFF);
}
.create-report-form-modal__folder-type-container {
  margin-bottom: 12px;
  margin-top: 24px;
}
.create-report-form-modal__folder-type-radios {
  column-gap: 8px;
  display: flex;
}
.create-report-form-modal__radio-option {
  display: flex;
  flex: 1 1 100%;
  flex-direction: row;
}
.create-report-form-modal__radio-public, .create-report-form-modal__radio-private {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
  cursor: pointer;
}
.create-report-form-modal__radio-public.disabled, .create-report-form-modal__radio-private.disabled {
  cursor: default;
  pointer-events: none;
}
.create-report-form-modal__radio-public.disabled .create-report-form-modal__radio-option-label, .create-report-form-modal__radio-private.disabled .create-report-form-modal__radio-option-label {
  color: var(--typo-secondary, #878B92);
}
.create-report-form-modal__radio-public.disabled .permission-level-toggle, .create-report-form-modal__radio-private.disabled .permission-level-toggle {
  border-color: var(--G-2, #DEDEDE) !important;
}
.create-report-form-modal__radio-public .permission-level-toggle, .create-report-form-modal__radio-private .permission-level-toggle {
  margin-right: 4px;
}
.create-report-form-modal__folder-type-content {
  column-gap: 8px;
  display: flex;
}
.create-report-form-modal__folder-type-content-public, .create-report-form-modal__folder-type-content-private {
  flex: 1 1 100%;
}
.create-report-form-modal__folder-selector-wrapper {
  margin-bottom: 25px;
  margin-top: 24px;
}
.create-report-form-modal__folder-selector-header {
  margin-bottom: 5px;
}
.create-report-form-modal__folder-selector-header .field-label {
  color: var(--typo-primary, #2E3538);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  text-transform: unset;
}
.create-report-form-modal__folder-selector-header.is-active .field-label {
  color: var(--solution-primary-color);
}
.create-report-form-modal__folder-selector-option.checkmark-option.is-selected:not(:hover) {
  background-color: var(--G-0, #FFFFFF);
}
.create-report-form-modal.vertical-position-fix {
  margin-top: -107px;
}
.r-grid-expand-window {
  display: flex;
  flex-direction: column;
  min-height: 346px;
  max-height: 85vh;
  margin: 15px 15px 0 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.r-grid-expand-window__scrollbar {
  display: flex;
  width: 100%;
}
.r-grid-expand-window__content {
  padding: 12px 8px 15px 13px;
}
.r-grid-expand-window__close {
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 50%;
}
.r-grid-expand-window__close:hover {
  color: #FF5757;
}
.import-requirements-info-modal {
  overflow: hidden;
  border-radius: 8px;
}
.import-requirements-info-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 58px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 10px 0 30px;
  background-color: var(--G-0, #FFFFFF);
}
.import-requirements-info-modal__close {
  align-self: flex-start;
  margin-top: 10px;
  color: var(--G-4, #B2B2B3);
  cursor: pointer;
}
.import-requirements-info-modal__close:hover {
  color: var(--G-8, #4d4d4d);
}
.import-requirements-info-modal__title b {
  font-weight: 500;
}
.import-requirements-info-modal__body {
  padding: 30px;
}
.import-requirements-info-modal__list {
  margin-top: 20px;
  margin-bottom: 30px;
}
.import-requirements-info-modal__cover {
  align-self: flex-end;
  width: 291px;
  height: 305px;
  pointer-events: none;
}
.import-requirements-info-modal__checkbox {
  display: inline-flex;
}
.import-requirements-info-modal-li {
  display: flex;
  align-items: center;
}
.import-requirements-info-modal-li:not(:last-child) {
  margin-bottom: 7px;
}
.import-requirements-info-modal-li .icon {
  margin-right: 10px;
  color: #3EAC40;
}
.import-requirements-info-modal-li b {
  font-weight: 500;
}
.create-application-modal {
  width: 500px;
  height: 250px;
  background-color: var(--G-0, #FFFFFF);
}
.create-application-modal .modal__body {
  background-color: var(--G-0, #FFFFFF);
  height: 130px;
}
.create-application-modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 30px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
}
.create-application-modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  border-top: 1px solid var(--G-2, #DEDEDE);
  gap: 5px;
  padding: 15px 30px;
}
.delete-field-modal__header, .delete-field-modal__body {
  padding-right: 10px;
  padding-left: 10px;
}
.subitems-field-control {
  position: relative;
  display: flex;
  align-items: center;
  pointer-events: auto;
}
.subitems-field-control__filter {
  position: absolute;
  top: 0;
  left: 50px;
  z-index: 2;
}
.subitems-field-control--record-edit-form {
  position: initial;
  align-items: flex-start;
}
.subitems-field-control--record-edit-form .subitems-field-control__filter {
  left: 45px;
}
.subitems-field-control--record-edit-form .subitems-field-control__filter::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: -15px;
  width: 1px;
  height: 20px;
  background-color: #EFEFEF;
  transform: translate(0, -50%);
}
.subitems-field-control--inline-edit {
  padding-top: 7px;
}
.subitems-field-control--grid {
  padding-top: 7px;
  align-items: flex-start;
}
.subitems-field-control--linked-card {
  color: var(--typo-primary, #2E3538);
}
.subitems-field-control.is-read-only .subitems-field-control__label {
  pointer-events: none;
}
.subitems-inline-modal-header {
  background: var(--solution-primary-color);
  display: flex;
  justify-content: space-between;
  height: 40px;
  padding: 0 30px 0 20px;
}
.subitems-inline-modal-header__button {
  color: var(--G-0, #FFFFFF);
  font-size: 12px;
  padding: 5px 10px;
  background-color: transparent;
  border-radius: 5px;
  transition: background-color 200ms ease-in;
}
.subitems-inline-modal-header__button:hover {
  background: rgba(45, 45, 45, 0.5);
  transition: background-color 200ms ease-in;
}
.subitems-inline-modal-header__title {
  display: flex;
}
.subitems-inline-modal-header__icon {
  margin: 2px 7px 0 0;
}
.subitems-inline-modal__button {
  margin-right: 15px;
}
.subitems-edit-record-modal__body {
  margin: -30px -30px;
}
.subitems-edit-record-modal__scrollbar {
  max-height: calc(100vh - 196px);
}
.subitems-edit-record-modal__cancel-btn-wrap {
  margin-right: 9px;
}
.subitems-edit-record-modal-body {
  padding: 30px;
  min-height: 366px;
  --textarea-right-position-active: 0;
}
.subitems-fields-modal-view {
  min-height: 338px;
  max-height: calc(100vh - 60px);
}
.subitems-fields-modal-view__button {
  margin-right: 10px;
}
.subitems-fields-modal-view__filter {
  display: flex;
  justify-content: flex-end;
  width: calc(100% - 183px);
  position: absolute;
  top: 0;
}
.subitems-fields-modal-view__filter .sub-items-filter {
  opacity: 1;
  overflow: hidden;
}
.subitems-fields-modal-view .modal-header__in {
  flex-grow: 0;
}
.subitems-fields-modal-view .modal-header__actions {
  flex-grow: 1;
}
.subitems-fields-modal-view .sub-items-filter {
  flex-grow: 1;
}
.subitems-fields-modal-view .sub-items-filter.sub-items-filter--no-value {
  opacity: 1 !important;
}
.subitems-fields-modal-view .r-grid--fake-records .grid-side {
  padding-bottom: 5px;
}
.subitems-field-label {
  height: 26px;
  min-width: 26px;
  padding: 0 8px;
  border-radius: 13px;
  background-color: var(--solution-secondary-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--typo-primary, #2E3538);
  transition: background-color 150ms ease-out;
}
.subitems-field-label:hover {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-in;
}
.subitems-field-label--linked-card {
  height: 24px;
  padding: 0 9px;
}
.grid-view-row.is-hover .subitems-field-label, .grid-view-row.is-selected .subitems-field-label {
  background-color: var(--G-0, #FFFFFF);
}
.grid-view-row.is-hover .subitems-field-label:hover, .grid-view-row.is-selected .subitems-field-label:hover {
  background-color: var(--solution-primary-color);
}
.r-grid-cell.is-selected .subitems-field-label {
  background-color: var(--solution-secondary-color);
}
.r-grid--subitems-modal {
  margin: 0 30px;
  width: auto;
  max-height: calc(100vh - 169px);
  flex-grow: 1;
}
.r-grid--subitems-modal:not(.r-grid--subitems-fake-records) {
  padding-left: 30px;
  padding-right: 28px;
  margin-right: 2px;
  margin-left: 0;
}
.r-grid--subitems-modal:not(.r-grid--subitems-fake-records) .scroll-controller {
  right: 28px;
  left: 30px;
}
.r-grid--subitems-modal:not(.r-grid--subitems-fake-records) .scroll-controller {
  right: 28px;
  left: 30px;
}
.r-grid--subitems-modal.r-grid--subitems-fake-records {
  max-width: 903px;
}
.subitems-head-cell {
  display: flex;
  padding: 0 16px;
  align-items: center;
}
.subitems-head-cell:first-child {
  padding-left: 10px;
}
.subitems-head-cell__menu {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}
.subitems-head-cell__field {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 11px;
  color: var(--typo-secondary, #878B92);
  transition: color 150ms ease-out;
}
.subitems-head-cell__label {
  display: inline-block;
  letter-spacing: 0;
}
.subitems-head-cell.is-active .subitems-head-cell__menu, .subitems-head-cell:hover .subitems-head-cell__menu, .subitems-head-cell.is-resizing .subitems-head-cell__menu {
  opacity: 1;
}
.subitems-head-cell.is-active.has-ellipsis .subitems-head-cell__field, .subitems-head-cell:hover.has-ellipsis .subitems-head-cell__field {
  padding-right: 5px;
}
.subitems-head-cell.is-active .subitems-head-cell__field, .subitems-head-cell:hover .subitems-head-cell__field {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.subitems-head-cell.is-left-text-align .subitems-head-cell__field {
  justify-content: flex-start;
}
.subitems-add-column {
  height: 100%;
  display: flex;
  align-items: center;
  background-color: transparent;
  color: var(--tertiary, #6B6B6B);
  padding-left: 15px;
  position: relative;
}
.subitems-add-column:hover {
  color: var(--solution-primary-color);
}
.subitems-add-column:hover .subitems-add-column__icon {
  color: var(--solution-primary-color);
}
.subitems-add-column__text {
  opacity: 0;
}
.subitems-add-column__icon {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--G-4, #B2B2B3);
}
.subitems-add-column.is-active .subitems-add-column__text {
  opacity: 1;
}
.subitems-add-column.is-active .subitems-add-column__icon {
  opacity: 0;
}
.subitems-add-column-button {
  background-color: transparent;
  height: 100%;
  cursor: default;
}
.subitems-row {
  border-radius: 8px;
  display: flex;
  min-width: 100%;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1, #F3F3F4);
  border-bottom: none;
  padding-left: 26px;
}
.subitems-row.is-even {
  background-color: var(--G-0-5, #FAFAFA);
}
.subitems-row:hover {
  background-color: var(--G-0, #FFFFFF);
}
.subitems-row:before, .subitems-row:after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  pointer-events: none;
  width: 10px;
  border: 1px solid var(--G-1, #F3F3F4);
  pointer-events: none;
}
.subitems-row:before {
  left: -1px;
  border-right: none;
  border-radius: 8px 0 0 8px;
}
.subitems-row:after {
  right: -1px;
  border-left: none;
  border-radius: 0 8px 8px 0;
}
.subitems-row:hover:after {
  display: none;
}
.subitems-row:hover:before {
  z-index: 1;
  right: -1px;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: auto;
  border: 1px solid var(--solution-primary-color);
  border-radius: 8px;
  opacity: 0.5;
}
.subitems-row:hover .subitems-row__expand-icon {
  opacity: 1;
}
.subitems-row__expand-icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--solution-primary-color);
  position: absolute;
  left: 9px;
  top: 8px;
  opacity: 0;
  margin-top: auto;
  margin-bottom: auto;
  cursor: pointer;
  z-index: 1;
}
.subitems-row__expand-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  opacity: 0.1;
  transition: opacity 150ms ease-out;
}
.subitems-row__expand-icon:hover:before {
  opacity: 0.2;
  transition: opacity 200ms ease-in;
}
.sub-items-grid-cell {
  border-right: 1px dashed var(--G-2, #DEDEDE);
}
.sub-items-grid-cell:first-child {
  border-style: solid;
  border-color: var(--G-1-5, #E9E9E9);
}
.sub-items-grid-cell::before {
  display: none;
}
.subitems-report-button {
  position: relative;
  display: flex;
  align-items: center;
  height: 24px;
  margin-right: 1px;
  border: 0;
  padding: 0 10px;
  background-color: transparent;
  color: var(--tertiary, #6B6B6B);
  appearance: none;
  border-radius: 5px;
  transition: color 150ms ease-out , background 150ms ease-out;
}
.subitems-report-button__badge {
  position: relative;
  margin-left: 5px;
  background-color: transparent;
  width: auto;
}
.subitems-report-button__badge::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.2;
  background-color: var(--solution-primary-color);
}
.subitems-report-button:hover:not(.is-error), .subitems-report-button.is-active:not(.is-error) {
  color: var(--typo-primary, #2E3538);
  background-color: var(--solution-secondary-color);
  transition: color 200ms ease-in , background 200ms ease-in;
}
.subitems-report-button.is-error {
  color: #FF5757;
  background-color: #FBEAF1;
  transition: color 200ms ease-in , background 200ms ease-in;
}
.subitems-field-footer {
  background: transparent;
}
.subitems-field-footer__count {
  position: absolute;
  top: 6px;
  left: 10px;
}
.subitems-field-placeholder {
  padding: 0 30px 25px;
  background-color: var(--G-0, #FFFFFF);
}
.subitems-field-placeholder__header {
  display: flex;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  height: 32px;
}
.subitems-field-placeholder__row {
  height: 41px;
  display: flex;
}
.subitems-field-placeholder__cell {
  height: 41px;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.subitems-field-placeholder__cell:first-child {
  padding: 0 10px;
}
.subitems-field-placeholder__pill {
  background-color: var(--G-1, #F3F3F4);
}
.subitems-field-placeholder__pill--header {
  height: 12px;
  border-radius: 6px;
}
.subitems-field-placeholder__pill--row {
  border-radius: 8px;
  height: 16px;
}
.subitems-filter-add-button {
  display: flex;
  align-items: center;
  height: 22px;
}
.subitems-filter-add-button__icon {
  color: var(--ic-light, #c7cdcf);
  margin-right: 5px;
}
.subitems-filter-add-button:hover .subitems-filter-add-button__icon {
  color: var(--solution-primary-color);
}
.subitems-filter-view {
  width: 253px;
}
.subitems-filter-view__header {
  height: 42px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 14px;
  border-bottom: 1px solid var(--h-line-70, rgba(222, 222, 222, 0.7));
}
.subitems-filter-view__title {
  padding-right: 15px;
  transform: translateX(-12px);
  transition: transform 150ms ease-out;
}
.subitems-filter-view__close {
  z-index: 2;
  position: relative;
  color: var(--ic-light, #c7cdcf);
  display: flex;
  margin-left: auto;
}
.subitems-filter-view__close:hover {
  color: var(--solution-primary-color);
}
.subitems-filter-view__back {
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transform: translateX(-2px);
  transition: transform 150ms ease-out , visibility 150ms ease-out , opacity 150ms ease-out;
}
.subitems-filter-view__container {
  position: relative;
  overflow: hidden;
  max-width: 253px;
}
.subitems-filter-view__wrapper {
  width: 100%;
  display: flex;
  transform: translateX(0);
  transition: transform 200ms ease-in;
}
.subitems-filter-view__body {
  padding: 6px;
}
.subitems-filter-view__default-value {
  min-width: 100%;
  padding-right: 2px;
}
.subitems-filter-view--created .subitems-filter-view__close {
  color: var(--solution-primary-color);
}
.subitems-filter-view--created .subitems-filter-view__close:hover {
  color: var(--solution-hover-color);
}
.subitems-filter-view.is-choose-field-mode .subitems-filter-view__title {
  transform: translateX(10px);
  transition: transform 200ms ease-in;
}
.subitems-filter-view.is-choose-field-mode .subitems-filter-view__back {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  transition: transform 200ms ease-in , visibility 200ms ease-in , opacity 200ms ease-in;
}
.subitems-filter-view.is-choose-field-mode .subitems-filter-view__wrapper {
  transform: translateX(-100%);
  transition: transform 200ms ease-out;
}
.subitems-filter-view--selected {
  width: 197px;
}
.subitems-filter-view--selected.is-choose-field-mode .subitems-filter-view__title {
  transform: translateX(0px);
  transition: transform 200ms ease-in;
}
.subitems-filter-field-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 241px;
  height: 32px;
  border-radius: 5px;
  background-color: transparent;
  margin-bottom: 1px;
  padding: 0 7px 0 11px;
  transition: background 150ms ease-out;
  text-align: left;
}
.subitems-filter-field-item__name {
  overflow: hidden;
  flex-grow: 1;
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.subitems-filter-field-item__arrow {
  color: var(--G-7, #6F7173);
}
.subitems-filter-field-item:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in;
}
.subitems-filter-field-item:hover .subitems-filter-field-item__name {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.subitems-filter-field-item:hover .subitems-filter-field-item__arrow {
  color: var(--solution-primary-color);
}
.subitems-filter-default-value-item {
  justify-content: space-between;
  padding: 0 7px 0 8px;
}
.subitems-filter-default-value-item:first-child {
  padding-left: 15px;
}
.subitems-filter-default-value-item.sub-items-filter-choice--yesnofield {
  padding-left: 15px;
}
.subitems-filter-default-value-item__value {
  width: calc(100% - 20px);
}
.subitems-filter-value-item {
  padding: 0 10px 0 30px;
}
.subitems-filter-value-item__checkmark {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 6px;
}
.subitems-filter-value__title {
  min-width: 227px;
  margin: 0 11px 6px 7px;
  display: flex;
  justify-content: center;
  padding-top: 5px;
  border-bottom: 1px solid #E8E8E8;
  height: 32px;
}
.subitems-filter-value__list {
  height: 100%;
}
.subitems-filter-value__scrollbar {
  height: 100%;
}
.subitems-filter-value__scrollbar .scrollbar.trackYVisible .sub-items-filter-choice {
  width: 235px;
  max-width: 100%;
}
.subitems-filter-value__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 0 0 5px 5px;
  padding-left: 14px;
  padding-right: 14px;
  width: 100%;
  border-top: 1px solid var(--h-line-70, rgba(222, 222, 222, 0.7));
}
.subitems-filter-value__remove:hover .subitems-filter-value__trash-icon {
  color: var(--ic-dark, #2D2D2D);
}
.subitems-filter-value__trash-icon {
  margin-right: 5px;
  color: var(--ic-light, #c7cdcf);
}
.subitems-filter-value--created .subitems-filter-value__list {
  padding: 6px 2px 6px 6px;
}
.sub-items-filter-choice {
  height: 32px;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: transparent;
  border-radius: 5px;
  position: relative;
  transition: background 150ms ease-out , color 150ms ease-out;
  color: var(--tertiary, #6B6B6B);
}
.sub-items-filter-choice:not(:last-child) {
  margin-bottom: 1px;
}
.sub-items-filter-choice:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in , color 200ms ease-in;
  color: var(--typo-primary, #2E3538);
}
.sub-items-filter-choice--selected {
  font-weight: 500;
  color: var(--typo-primary, #2E3538);
}
.sub-items-filter-choice--statusfield {
  height: 40px;
}
.record-form-field:hover .sub-items-filter {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.sub-items-filter {
  pointer-events: all;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.sub-items-filter__value {
  display: inline-flex;
  align-items: center;
  height: 24px;
}
.sub-items-filter__dropdown {
  display: inline-flex;
  align-items: center;
  height: 22px;
}
.subitems-field-edit-record-grid {
  --subitems-grid-side-padding-bottom: 20px;
}
.subitems-field-edit-record-grid--limited-records {
  margin-bottom: 36px;
  --subitems-grid-side-padding-bottom: 15px;
}
.subitems-field-edit-record-grid--no-records {
  --subitems-grid-side-padding-bottom: 48px;
}
.subitems-field-edit-record-grid .grid-side__rows:before {
  content: "";
  position: absolute;
  bottom: 39px;
  height: 10px;
  pointer-events: none;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--G-1, #F3F3F4);
  border-radius: 0 0 8px 8px;
}
.subitems-grid-side {
  padding-bottom: var(--subitems-grid-side-padding-bottom) !important;
}
.subitems-grid-side:before {
  content: "";
  position: absolute;
  top: 33px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
  pointer-events: none;
}
.subitems-grid-side:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 40px;
  left: 0;
  width: 10px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  opacity: 0;
  z-index: 2;
  transition: opacity 150ms ease-out;
}
.subitems-grid-side .subitems-grid-side__footer {
  background-color: transparent;
  height: 40px;
}
.subitems-grid-side .subitems-grid-side__rows {
  min-width: auto;
}
.subitems-grid-side.is-has-records:before {
  display: none;
}
.subitems-grid-side.is-scrolled-horizontally.is-has-records:after {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.subitems-add-button {
  position: absolute;
  top: 0;
  right: 90px;
  padding: 4px 11px 4px 8px;
  border-radius: 5px;
  background-color: var(--solution-secondary-color);
  opacity: var(--subitems-field-add-button-opacity);
  transition: background-color 150ms ease-out , opacity 150ms ease-out;
}
.subitems-add-button:hover {
  background: var(--solution-secondary-color);
  transition: background-color 200ms ease-in;
}
.subitems-add-button.is-disabled {
  pointer-events: all;
  cursor: default;
}
.subitems-add-button.is-disabled:hover {
  background: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.subitems-add-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  border: 1px solid var(--solution-primary-color);
  opacity: 0.15;
  pointer-events: none;
}
.subitems-more-button {
  position: absolute;
  bottom: 13px;
  width: 100%;
  display: flex;
  align-items: center;
}
.subitems-more-button::before, .subitems-more-button::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.sub-items-add-row {
  bottom: 7px;
  position: absolute;
  height: 24px;
  padding: 0 12px 0 8px;
  border-radius: 5px;
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.sub-items-add-row:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.sub-items-head-row {
  padding-left: 26px;
  text-transform: capitalize;
}
.status-single-select__option {
  padding: 0 4px;
}
.status-single-select__option:not(.is-highlighted) {
  padding-left: 5px;
}
.status-single-select-list__option:not(:last-child) {
  margin-bottom: 5px;
}
.status-single-select-list__option.is-active, .status-single-select-list__option:hover {
  background-color: transparent;
}
.status-single-select--size-md {
  display: inline-flex;
  align-self: flex-start;
  max-width: 100%;
  min-height: 24px;
}
.status-single-select--size-lg {
  min-height: 34px;
}
.status-single-select--grid {
  display: flex;
  height: 100%;
}
.status-single-select--grid .select-placeholder__option {
  height: 100%;
}
.status-single-select--automations .select-placeholder.is-empty.is-active .select-placeholder__arrow, .status-single-select--automations .select-placeholder.is-empty:hover .select-placeholder__arrow {
  color: var(--G-7, #6F7173);
}
.status-single-select--edit-record {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: 0;
  right: -1px;
  z-index: 1;
}
.status-single-select--edit-record .select-placeholder {
  background-color: transparent;
  border-radius: 6px;
}
.status-single-select--edit-record .select-placeholder .select-placeholder__arrow {
  border-left: none;
}
.status-single-select--edit-record .select-placeholder:hover.is-empty .select-placeholder__arrow, .status-single-select--edit-record .select-placeholder.is-active.is-empty .select-placeholder__arrow {
  color: var(--G-8, #4d4d4d);
}
.status-single-select--edit-record .select-placeholder.is-empty {
  --status-text-color: var(--G-7, #6F7173);
}
.status-single-select--edit-record.is-read-only .select-placeholder__arrow {
  display: none;
}
.status-single-select--edit-record:not(.no-choice) .select-placeholder .select-placeholder__arrow {
  color: var(--status-text-color) !important;
}
.status-single-select--filter {
  position: relative;
  min-width: 250px;
}
.status-single-select--filter.status-single-select--size-lg {
  flex-grow: 1;
  min-height: 30px;
}
.status-single-select--filter .select-placeholder:not(.is-filled):hover .select-placeholder__arrow-icon, .status-single-select--filter .select-placeholder:not(.is-filled).is-active .select-placeholder__arrow-icon {
  color: var(--solution-primary-color);
}
.status-animation-container {
  position: relative;
  height: 100%;
}
.status-selected-option {
  height: 100%;
}
.status-selected-option.is-hidden {
  visibility: hidden;
}
.status-animated-confetti {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: none;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.status-animated-confetti__particle {
  position: absolute;
  transition: transform 0.7s ease-out;
  transform-origin: 50% 50%;
}
.status-animated-confetti__particle::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 0.7s ease-out;
}
.status-animated-confetti__yellow-rect {
  width: 25px;
  height: 4px;
  transform: translate(-100px, 15px) scale(0.5);
  top: 0;
  left: calc(100% + 4px);
}
.status-animated-confetti__yellow-rect::before {
  background-color: #FFB938;
  transform: rotate(81deg);
}
.status-animated-confetti__white-wave {
  width: 44px;
  height: 43px;
  top: -43px;
  left: -44px;
  transform: translate(100px, 40px) scale(0.5);
}
.status-animated-confetti__white-wave::before {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43.711' height='43.293' viewBox='0 0 43.711 43.293'%3E%3Cpath fill='none' stroke='rgb(255,255,255)' stroke-linecap='butt' stroke-linejoin='miter' stroke-width='2' d='M22.60803172 6.38378284s6.61747674.32999972 6.60022471 5.64504463c-.01725202 5.3150449-7.56949043 3.1475957-7.58674246 8.46264061-.01725202 5.3150449 6.65694815 4.27072379 6.52130864 9.02617518-.1356395 4.7554514-9.20698313 2.70344634-9.60159023 8.34652043'/%3E%3C/svg%3E");
}
.status-animated-confetti__red-rect {
  width: 29px;
  height: 10px;
  top: calc(100% + 20px);
  left: 0;
  transform: translate(80px, -40px) scale(0.5);
}
.status-animated-confetti__red-rect::before {
  background-color: #FF5757;
  transform: rotate(329deg);
}
.status-animated-confetti__purple-rect {
  width: 35px;
  height: 3px;
  top: -30px;
  left: 20%;
  transform: translate(40px, 45px) scale(0.5);
}
.status-animated-confetti__purple-rect::before {
  transform: rotate(139deg);
  background-color: #883CD0;
}
.status-animated-confetti__pink-rect {
  width: 30px;
  height: 3px;
  top: -40px;
  left: 75%;
  transform: translate(-60px, 60px) scale(0.5);
}
.status-animated-confetti__pink-rect::before {
  transform: rotate(140deg);
  background-color: #EC506E;
}
.status-animated-confetti__white-rect {
  width: 44px;
  height: 3px;
  top: calc(100% + 5px);
  left: 85%;
  transform: translate(-100px, -20px) scale(0.5);
}
.status-animated-confetti__white-rect::before {
  transform: rotate(166deg);
  background-color: var(--G-0, #FFFFFF);
}
.status-animated-confetti--medium .status-animated-confetti__yellow-rect {
  transform: translate(-100px, 27.75px) scale(0.5);
}
.status-animated-confetti--medium .status-animated-confetti__white-wave {
  transform: translate(100px, 74px) scale(0.5);
}
.status-animated-confetti--medium .status-animated-confetti__red-rect {
  transform: translate(80px, -74px) scale(0.5);
}
.status-animated-confetti--medium .status-animated-confetti__purple-rect {
  transform: translate(40px, 83.25px) scale(0.5);
}
.status-animated-confetti--medium .status-animated-confetti__pink-rect {
  transform: translate(-60px, 111px) scale(0.5);
}
.status-animated-confetti--medium .status-animated-confetti__white-rect {
  transform: translate(-100px, -37px) scale(0.5);
}
.status-animated-confetti--large .status-animated-confetti__yellow-rect {
  transform: translate(-100px, 39.75px) scale(0.5);
}
.status-animated-confetti--large .status-animated-confetti__white-wave {
  transform: translate(100px, 106px) scale(0.5);
}
.status-animated-confetti--large .status-animated-confetti__red-rect {
  transform: translate(80px, -106px) scale(0.5);
}
.status-animated-confetti--large .status-animated-confetti__purple-rect {
  transform: translate(40px, 119.25px) scale(0.5);
}
.status-animated-confetti--large .status-animated-confetti__pink-rect {
  transform: translate(-60px, 159px) scale(0.5);
}
.status-animated-confetti--large .status-animated-confetti__white-rect {
  transform: translate(-100px, -53px) scale(0.5);
}
.status-animated-confetti--extra-large .status-animated-confetti__yellow-rect {
  transform: translate(-100px, 52.05px) scale(0.5);
}
.status-animated-confetti--extra-large .status-animated-confetti__white-wave {
  transform: translate(100px, 138.8px) scale(0.5);
}
.status-animated-confetti--extra-large .status-animated-confetti__red-rect {
  transform: translate(80px, -138.8px) scale(0.5);
}
.status-animated-confetti--extra-large .status-animated-confetti__purple-rect {
  transform: translate(40px, 156.15px) scale(0.5);
}
.status-animated-confetti--extra-large .status-animated-confetti__pink-rect {
  transform: translate(-60px, 208.2px) scale(0.5);
}
.status-animated-confetti--extra-large .status-animated-confetti__white-rect {
  transform: translate(-100px, -69.4px) scale(0.5);
}
.status-animated-confetti.is-visible {
  display: block;
}
.status-animated-confetti.is-animated {
  opacity: 1;
}
.status-animated-confetti.is-animated .status-animated-confetti__particle {
  transform: translate(0, 0) scale(1);
}
.status-animated-confetti.is-animated .status-animated-confetti__yellow-rect::before {
  transform: rotate(333deg);
}
.status-animated-confetti.is-animated .status-animated-confetti__white-wave::before {
  transform: rotate(121deg);
}
.status-animated-confetti.is-animated .status-animated-confetti__red-rect::before {
  transform: rotate(274deg);
}
.status-animated-confetti.is-animated .status-animated-confetti__purple-rect::before {
  transform: rotate(277deg);
}
.status-animated-confetti.is-animated .status-animated-confetti__pink-rect::before {
  transform: rotate(142deg);
}
.status-animated-confetti.is-animated .status-animated-confetti__white-rect::before {
  transform: rotate(360deg);
}
.status-animated-block {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.status-animated-block.hide-with-translate {
  animation: hideOptionWithTranslate var(--status-animation-duration) ease-in-out;
}
.status-animated-block.show-with-translate {
  animation: showOptionWithTranslate var(--status-animation-duration) ease-in-out;
}
.status-animated-block.hide-with-scale {
  animation: hideOptionWithScale var(--status-animation-duration) ease-in-out;
}
.status-animated-block.show-with-scale {
  animation: showOptionWithScale var(--status-animation-duration) ease-in-out;
}
@keyframes hideOptionWithTranslate {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes showOptionWithTranslate {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes hideOptionWithScale {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
@keyframes showOptionWithScale {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.status-multiple-select {
  min-height: var(--multiple-select-min-height, 34px);
}
.status-single-option {
  display: block;
  width: 100%;
  position: relative;
  z-index: 0;
}
.status-single-option--size-md.is-selected .status-single-option__body {
  min-height: 24px;
  padding: 0 10px;
}
.status-single-option--size-sm {
  padding: 0;
  justify-content: center;
}
.status-single-option--size-sm .status-single-option__body {
  min-height: 24px;
}
.status-single-option--size-sm .status-single-option__heading {
  padding: 0;
  justify-content: center;
  height: 24px;
  align-items: center;
}
.status-single-option--raw {
  display: inline-flex;
  width: auto;
  height: 26px;
}
.status-single-option__bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 10px;
  z-index: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transform: translate(2px, 0);
  transition: transform 0.2s ease-in-out;
}
.status-single-option__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 34px;
  padding-left: 10px;
  padding-right: var(--status-option-right-indent, 10px);
  border-radius: 3px;
  position: relative;
  z-index: 2;
}
.status-single-option__heading {
  font-size: 0;
  line-height: 0;
  padding-right: 20px;
  display: flex;
}
.status-single-option__text {
  width: 100%;
}
.status-single-option__clear {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  z-index: 2;
  color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  padding-right: 4px;
}
.status-single-option__clear {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 18px;
  width: 18px;
  position: absolute;
  cursor: pointer;
}
.status-single-option__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  z-index: 2;
  color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
}
.status-single-option__arrow-icon {
  cursor: pointer;
  display: flex;
  position: relative;
  transform: rotate(0deg);
  transition: transform 150ms ease-out;
}
.status-single-option:hover .status-single-option__body:before {
  opacity: 1;
}
.status-single-option--checkmark .status-single-option__body:before {
  content: "";
  position: absolute;
  top: 10px;
  right: 20px;
  height: 10px;
  width: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  z-index: 3;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}
.status-single-option--grid {
  height: 100%;
}
.status-single-option--grid .status-single-option__body {
  height: 100%;
}
.status-single-option--grid .status-single-option__heading {
  display: block;
  text-align: center;
  overflow: hidden;
  padding-right: 0;
  letter-spacing: 0.1px;
}
.status-single-option--card .status-single-option__heading {
  padding-right: 0;
  text-align: center;
}
.status-single-option--edit-record {
  text-align: center;
}
.status-single-option--edit-record .status-single-option__text {
  font-size: 13px;
  line-height: 18px;
}
.status-single-option--edit-record.is-selected .status-single-option__body {
  border-radius: 6px;
}
.status-single-option.is-highlighted .status-single-option__bar {
  transform: translateX(-5px);
}
.status-single-option.is-empty .status-single-option__arrow {
  color: var(--G-5, #9B9C9E);
}
.status-single-option.is-empty .status-single-option__clear {
  color: var(--G-5, #9B9C9E);
}
.status-single-option--kanban .status-single-option__heading {
  justify-content: center;
  padding-right: 0;
}
.status-single-option--kanban .status-single-option__body {
  min-height: 28px;
  text-align: center;
}
.status-single-option--sub-items-filter .status-single-option__heading {
  padding-right: 0;
}
.status-single-option--sub-items-filter .status-single-option__body {
  min-height: 36px;
}
.status-single-option--filter .status-single-option__heading {
  padding-right: 0;
}
.status-single-option--filter .status-single-option__body {
  min-height: 32px;
}
.status-single-option--groupBy .status-single-option__heading {
  padding-right: 0;
}
.status-single-option--groupBy .status-single-option__body {
  min-height: 22px;
}
.status-multiple-option {
  display: inline-block;
  padding: 5px 0;
  margin-left: 10px;
}
.status-multiple-option__label {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 5px;
}
.status-multiple-option__remove {
  position: relative;
  display: flex;
  width: 16px;
  height: 16px;
  margin: 0 -4px 0 4px;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 150ms ease-out;
}
.status-multiple-option__remove:hover {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.status-multiple-option.is-selected {
  padding: 0;
  margin: 0 5px 5px 0;
}
.status-multiple-option--filter {
  display: block;
  padding: 1px 0;
}
.status-multiple-option--filter .status-multiple-option__label {
  height: 34px;
}
.status-multiple-option--filter.is-selected {
  display: inline-block;
  margin: 0 4px 0 0;
}
.status-multiple-option--filter.is-selected .status-multiple-option__label {
  height: 24px;
}
.status-field-display-option {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 4px 10px 0;
  border-radius: 5px;
  background-color: var(--G-1-5, #E9E9E9);
  letter-spacing: 0.1px;
  transition: padding-right 150ms ease-out;
}
.status-field-display-option:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.status-field-display-option.is-actions-overlaps {
  padding-right: 40px;
  transition: padding-right 200ms ease-in;
}
.status-field-display-clear,
.status-field-display-arrow {
  background-color: transparent;
  color: var(--G-0, #FFFFFF);
}
.status-field-display-clear::before,
.status-field-display-arrow::before {
  background-color: transparent;
}
.status-field-display-clear {
  right: 31px;
}
.status-field-display-arrow {
  right: 9px;
}
.status-field-control--grid {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 2px 3px;
}
.status-field-control--card {
  width: 100%;
  min-height: 34px;
}
.status-field-control--in-lookup {
  min-height: 24px;
  padding-right: 0;
  padding-left: 0;
}
.status-field-control__heading {
  white-space: nowrap;
}
.status-field-control--groupBy {
  height: 22px;
}
.status-field-control--linked-card {
  height: 24px;
}
.status-field-control.is-action-overlaps-text {
  --status-option-right-indent: 40px;
}
.status-aggregation-control {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 5px;
  transition: background-color 150ms ease-out;
}
.status-aggregation-control__inner {
  cursor: default;
  transition: height 150ms ease-out;
}
.status-aggregation-control__inner:hover {
  transition: height 200ms ease-in;
}
.status-aggregation-control__item:first-of-type:last-of-type {
  border-radius: 5px;
}
.status-aggregation-control__item:first-of-type {
  border-radius: 5px 0 0 5px;
}
.status-aggregation-control__item:last-of-type {
  border-radius: 0 5px 5px 0;
}
.status-aggregation-control:hover {
  background-color: var(--solution-secondary-color);
  transition: background-color 200ms ease-in;
}
.status-aggregation-control--placement-groups .status-aggregation-control__inner {
  height: 12px;
}
.status-aggregation-control--placement-groups .status-aggregation-control__inner:hover {
  height: 16px;
}
.status-aggregation-control--placement-footer .status-aggregation-control__inner {
  height: 21px;
}
.status-aggregation-control--placement-footer .status-aggregation-control__inner:hover {
  height: 25px;
}
.status-field-edit-record__input-group {
  --single-select-min-height: 32px;
}
.status-field-edit-record__input-group:after {
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
}
.status-field-edit-record:not(.is-error):not(.is-active):not(.is-read-only) .status-field-edit-record__input-group:hover:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 6px;
  border: 1px solid var(--status-outline-color);
  pointer-events: none;
  z-index: 2;
}
.status-field-edit-record.is-error .status-field-edit-record__input-group:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 6px;
  border: 1px solid #FF5757;
  transition: none;
  pointer-events: none;
  z-index: 2;
}
.status-field-edit-record__generating-message-loader.ai-field-agent-generating-message-loader {
  z-index: 2;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}
.status-field-edit-record__generating-message-loader.ai-field-agent-generating-message-loader.is-regular-edit-record-field {
  padding-top: 10px;
}
.status-field-edit-record__generating-message-loader.ai-field-agent-generating-message-loader.is-regular-edit-record-field::before {
  top: 13px;
}
.reference-field-activity__list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0 12px 12px 0;
}
.reference-field-activity--activityCreated .reference-field-activity__item, .reference-field-activity--activityEdited .reference-field-activity__item {
  position: relative;
  padding: 2px 6px;
  background-color: #EEF6EE;
  -webkit-user-select: text;
          user-select: text;
}
.reference-field-activity--activityDeleted .reference-field-activity__item {
  position: relative;
  padding: 2px 6px;
  background-color: #FEECEE;
  -webkit-user-select: text;
          user-select: text;
  text-decoration: line-through;
}
.reference-field-activity--activityDeleted .reference-field-activity__item::before {
  content: "";
  display: block;
  height: 1px;
  background-color: var(--typo-primary, #2E3538);
  position: absolute;
  top: 50%;
  width: calc(100% - 12px);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.reference-field-activity--activityDeleted .reference-field-activity__item::before {
  display: none;
}
.reference-field-activity--activityCreated .reference-field-activity__list, .reference-field-activity--activityEdited .reference-field-activity__list, .reference-field-activity--activityDeleted .reference-field-activity__list {
  border-radius: 0;
  flex-wrap: wrap;
}
.reference-field-activity--activityCreated .reference-field-activity__item, .reference-field-activity--activityEdited .reference-field-activity__item, .reference-field-activity--activityDeleted .reference-field-activity__item {
  height: 100%;
  word-break: break-word;
}
.reference-field-activity--activityCreated .reference-field-activity__item:not(:last-child), .reference-field-activity--activityEdited .reference-field-activity__item:not(:last-child), .reference-field-activity--activityDeleted .reference-field-activity__item:not(:last-child) {
  margin: 0 5px 3px 0;
}
.user-field-control {
  flex-shrink: 0;
}
.user-field-control__placeholder.is-large {
  margin-top: -2px;
  width: 32px;
  height: 32px;
  line-height: 34px;
}
.user-field-control--groupBy .user-field-control__pill {
  margin-bottom: 0;
}
.user-field-control--linked-card .user-field-control__pills {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
}
.user-field-control--linked-card .user-field-control__pill {
  margin-bottom: 0;
  display: inline-flex;
}
.user-field-control--linked-card .user-field-control__pill-item {
  height: 24px;
  border-radius: 12px;
}
.user-field-control--linked-card .user-field-control__avatars {
  margin: 0;
  --avatar-list-top-nagative-margin: 0px;
  --avatar-list-more-top: 3px;
  white-space: nowrap;
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
}
.user-field-control--linked-card.user-field-control--only-image {
  width: 24px;
  height: 24px;
}
.user-field-control--linked-card.user-field-control--only-image.user-field-control--multiply {
  width: 100%;
}
.user-field-multiple-edit-record-placeholder {
  padding: 4px 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 6px;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;
  min-height: 34px;
}
.user-field-multiple-edit-record-placeholder__plus {
  margin: 5px 3px 0 4px;
  padding: 0;
}
.user-field-multiple-edit-record-placeholder__pill {
  display: flex;
  pointer-events: all !important;
}
.user-field-multiple-edit-record-placeholder__pill .r-avatar-pill__name,
.user-field-multiple-edit-record-placeholder__pill .r-avatar-pill {
  pointer-events: all !important;
}
.user-field-multiple-edit-record-placeholder__text {
  margin-top: 3px;
  margin-left: 5px;
}
.user-field-multiple-edit-record {
  padding: 0;
  margin-left: 0;
  min-height: 34px;
  width: 100%;
}
.edit-record-field--userfield .member-multiple-select {
  margin-left: 0;
  padding: 0;
  overflow: visible;
}
.user-field-single-avatar-edit-record {
  height: 44px;
}
.user-field-single-avatar-edit-record:not(.is-readonly) {
  cursor: pointer;
}
.user-field-single-avatar-edit-record-avatar:hover {
  --remove-button-circle-opacity: 1;
}
.user-field-multiple-avatar-view {
  display: flex;
  padding-left: 10px;
}
.user-field-multiple-avatar-view.is-readonly .user-field-multiple-avatar-view__text {
  margin-left: -10px;
}
.user-field-multiple-avatar-view__button {
  margin-left: -10px;
  border: 1px solid var(--G-0, #FFFFFF);
  width: 48px !important;
  height: 48px !important;
}
.user-field-multiple-avatar-view__avatar {
  margin-left: -10px;
  position: relative;
  z-index: 1;
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
}
.user-field-multiple-avatar-view__avatar .remove-button-circle {
  right: auto;
  left: -1px;
}
.user-field-multiple-avatar-view__avatar:hover {
  --remove-button-circle-opacity: 1;
}
.member-edit-record-multiple-select {
  width: 307px;
}
.add-avatar-button {
  position: relative;
  z-index: 3;
  width: 44px;
  height: 44px;
}
.member-control-avatars {
  --avatar-list-border-color: var(--row-background);
  --avatar-list-top-nagative-margin: -2px;
  margin-bottom: 4px;
  margin-top: -2px;
  padding-top: 2px;
  margin-left: -2px;
  height: calc(100% + 2px);
  overflow: hidden;
}
.member-control-avatars--target-of-lookupfield.avatar-list {
  width: auto;
  margin-left: 0;
}
.member-control-avatars--target-of-lookupfield .avatar-list__item {
  margin-right: 0;
}
.member-control-avatars--lookup-target {
  --avatar-list-top-nagative-margin: 0px;
  margin-bottom: 0;
}
.member-control-avatars--read-only.member-control-avatars--selected {
  --avatar-list-border-color: var(--G-0, #FFFFFF);
}
.member-control-avatars--timeline {
  --avatar-list-top-nagative-margin: 0px;
  margin-top: 0;
  margin-bottom: 0;
}
.member-control-avatars--cutting {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.member-control-avatars--card {
  margin: 0;
  height: 32px;
  width: 100%;
  --avatar-list-border-color: var(--G-0, #FFFFFF);
}
.member-control-avatars--linked-card {
  margin: 0 auto;
  height: auto;
}
.member-control-avatars--gantt {
  overflow: visible;
  width: 100%;
  height: auto;
}
.member-control-avatars--single-entry {
  width: calc(100% + 2px);
}
.member-control-avatars--grid.is-multiple {
  margin-left: -29px;
  width: calc(100% + 2px);
  text-align: left;
  pointer-events: none;
}
.member-control-avatars--grid.is-multiple .member-control-avatars__item {
  pointer-events: all;
  margin-left: 0;
  transition: margin-left 150ms ease-out;
}
.is-hovered .member-control-avatars--grid.is-multiple .member-control-avatars__item {
  transition: margin-left 200ms ease-in;
}
.is-hovered .member-control-avatars--grid.is-multiple .member-control-avatars__item:first-child {
  margin-left: 29px;
}
.member-control-avatars--grid.is-multiple.member-control-avatars--read-only, .member-control-avatars--grid.is-multiple.member-control-avatars--lookup {
  margin-left: 0;
}
.is-hovered .member-control-avatars--grid.is-multiple.member-control-avatars--read-only .member-control-avatars__item:first-child, .is-hovered .member-control-avatars--grid.is-multiple.member-control-avatars--lookup .member-control-avatars__item:first-child {
  margin-left: 0;
}
.member-control-pills {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.member-control-pills--cutting {
  white-space: nowrap;
  position: relative;
  flex-wrap: nowrap;
  overflow: hidden;
  border-radius: 0 12px 12px 0;
  height: 26px;
}
.member-control-pills--cutting .member-control-pills__pill {
  height: 26px;
  clip-path: inset(0px 0px 0px 0px round 12px 12px);
}
.member-control-pills--cutting .member-control-pills__pill:before {
  content: "";
  z-index: 5;
  position: absolute;
  top: 0px;
  right: -1px;
  bottom: 0px;
  width: 24px;
  box-shadow: inset -1px 0 0 1px var(--G-1-5, #E9E9E9);
  border-radius: 0 13px 13px 0;
}
.member-control-pills--card .member-control-pills__pill {
  margin-bottom: 0;
  max-width: 100%;
}
.member-control-pills--linked-card.member-control-pills--cutting {
  height: auto;
}
.member-control-pills--linked-card.member-control-pills--cutting .member-control-pills__pill {
  height: 24px;
  clip-path: inset(0px 0px 0px 0px round 11px 11px);
  margin-bottom: 0;
  max-width: 100%;
}
.member-control-pills--gantt.member-control-pills--cutting {
  height: auto;
}
.member-control-pills--gantt.member-control-pills--cutting .member-control-pills__pill {
  height: 24px;
  clip-path: inset(0px 0px 0px 0px round 11px 11px);
  margin-bottom: 0;
  max-width: 100%;
}
.member-control-pills--grid.is-multiple {
  margin-left: -29px;
  pointer-events: none;
  gap: 7px 5px;
}
.member-control-pills--grid.is-multiple .member-control-pills__pill {
  pointer-events: all;
  height: 26px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  transition: margin-left 150ms ease-out;
}
.is-hovered .member-control-pills--grid.is-multiple .member-control-pills__pill {
  transition: margin-left 200ms ease-in;
}
.is-hovered .member-control-pills--grid.is-multiple .member-control-pills__pill:first-child {
  margin-left: 29px;
}
.member-control-pills--grid.is-multiple.is-read-only, .member-control-pills--grid.is-multiple.member-control-pills--lookup {
  margin-left: 0;
}
.is-hovered .member-control-pills--grid.is-multiple.is-read-only .member-control-pills__pill:first-child, .is-hovered .member-control-pills--grid.is-multiple.member-control-pills--lookup .member-control-pills__pill:first-child {
  margin-left: 0;
}
.user-field-grid-control {
  display: flex;
  height: 100%;
  padding-top: 7px;
  padding-left: 16px;
  padding-right: 16px;
  align-items: flex-start;
}
.user-field-grid-control.is-selected {
  --row-background: rgba(var(--solution-dw-color), .6);
}
.user-field-grid-control.is-selected.is-empty {
  width: 100%;
  justify-content: flex-start;
}
.user-field-grid-control.is-selected.is-empty .user-field-grid-control__add-button {
  opacity: 1;
}
.user-field-grid-control.is-inline-edit {
  --row-background: var(--G-0, #FFFFFF);
}
.user-field-grid-control--only-image {
  padding-top: 6px;
}
.user-field-grid-control--only-image .user-field-grid-control__add-button {
  margin-top: 5px;
}
.user-field-grid-control--multiple.is-inline-edit {
  padding-top: 0;
  padding-right: 0px;
  padding-left: 8px;
}
.user-field-grid-control--multiple.is-inline-edit.user-field-grid-control--only-image {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0px;
}
.user-field-grid-control--multiple.is-inline-edit.user-field-grid-control--only-image .user-field-grid-control__add-button {
  margin-right: 11px;
}
.user-field-grid-control--multiple.is-hovered .user-field-grid-control__add-button {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.user-field-grid-control--single .user-field-grid-control__add-text {
  width: 100%;
}
.user-field-grid-control--size-compact {
  max-height: 73px;
  --member-multiple-select-height: 73px;
}
.user-field-grid-control--size-compact.user-field-grid-control--only-image {
  max-height: 76px;
  --member-multiple-select-height: 76px;
}
.user-field-grid-control--size-medium {
  max-height: 172px;
  --member-multiple-select-height: 172px;
}
.user-field-grid-control--size-medium.user-field-grid-control--only-image {
  max-height: 175px;
  --member-multiple-select-height: 175px;
}
.user-field-grid-control--size-large {
  max-height: 238px;
  --member-multiple-select-height: 238px;
}
.user-field-grid-control--size-large.user-field-grid-control--only-image {
  max-height: 241px;
  --member-multiple-select-height: 241px;
}
.user-field-grid-control--size-extra-large {
  max-height: 336px;
  --member-multiple-select-height: 336px;
}
.user-field-grid-control--size-extra-large.user-field-grid-control--only-image {
  max-height: 339px;
  --member-multiple-select-height: 339px;
}
.user-field-grid-control--size-auto {
  height: 100%;
}
.user-field-grid-control__placeholder.dashed-field-placeholder {
  display: block;
  margin: 7px auto 0 auto;
}
.user-field-grid-control__placeholder.dashed-field-placeholder.is-large {
  width: 32px;
  height: 32px;
  margin-top: 4px;
  line-height: 34px;
}
.user-field-grid-control__add-button {
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-top: 4px;
  margin-right: 11px;
  margin-left: -5px;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  transition: opacity 150ms ease-out;
}
.user-field-grid-control__add-button:hover {
  background-color: var(--solution-hover-color);
}
.user-field-grid-control__add-text {
  line-height: 26px;
  text-align: left;
  color: var(--G-4, #B2B2B3);
}
.user-field-grid-control__pill {
  margin-right: 7px;
  margin-bottom: 8px;
}
.user-field-grid-control__pill:first-child {
  max-width: calc(100% - 50px);
}
.user-field-multiple-select {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 100%;
}
.user-field-multiple-select:not(.user-field-multiple-select--only-image) {
  padding-right: 0;
  gap: 7px 5px;
}
.user-field-multiple-select--control .user-field-multiple-select__add-button-circle {
  background-color: var(--solution-primary-color);
  transition: background-color 150ms ease-out;
}
.user-field-multiple-select--control .user-field-multiple-select__add-button-circle:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.user-field-multiple-select__add-button {
  display: flex;
  align-items: center;
  max-width: 100%;
  height: 26px;
  margin-right: 6px;
}
.user-field-multiple-select__add-button-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  transition: background-color 150ms ease-out;
}
.user-field-multiple-select__add-button-circle:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.user-field-multiple-select__pill {
  position: relative;
  height: 26px;
}
.user-field-multiple-select__member-multiple-select {
  width: 100%;
}
.user-field-multiple-select__avatar {
  position: relative;
  outline: 2px solid var(--G-0, #FFFFFF);
  margin-left: -2px;
  border-radius: 50%;
  margin-top: -2px;
}
.user-field-multiple-select__avatar:hover {
  --remove-button-circle-opacity: 1;
}
.user-field-multiple-select .base-avatar__button {
  left: initial;
  right: -3px;
}
.user-field-multiple-select--only-image {
  padding-top: 0;
  padding-bottom: 0;
}
.user-field-multiple-select--only-image .user-field-multiple-select__add-button {
  height: 24px;
  margin-right: 13px;
  margin-top: 2px;
  margin-left: -2px;
}
.user-field-multiple-select__placeholder {
  margin-left: 11px;
}
.user-field-single-select {
  display: flex;
  height: 100%;
  max-width: 100%;
}
.user-field-single-select__dropdown {
  --member-select-panel-width: auto;
}
.user-field-single-select__pill {
  margin-right: 7px;
}
.user-field-single-select__avatar {
  margin-right: 2px;
  margin-bottom: 4px;
}
.user-field-single-select__placeholder {
  color: var(--G-4, #B2B2B3);
  margin-top: 2px;
}
.user-field-single-select--only-image:not(.no-value) {
  margin-top: -2px;
  margin-left: -2px;
}
.user-field-select-remove-button {
  position: absolute;
  top: 12px;
  right: 27px;
  color: var(--G-3, #C7C8C9);
  cursor: pointer;
  transition: color 150ms ease-out;
}
.user-field-select-remove-button:hover {
  color: var(--G-5, #9B9C9E);
  transition: color 200ms ease-in;
}
.user-field-my-work {
  margin-top: 24px;
}
.user-field-my-work__head {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  color: var(--G-9, #232B36);
}
.user-field-my-work__help {
  margin-left: 8px;
}
.member-pill-list__pill {
  max-width: 100%;
  position: static;
  flex-shrink: 0;
  overflow: hidden;
  margin-bottom: 7px;
}
.member-pill-list__pill:not(:last-child) {
  margin-right: 4px;
}
.my-work-section-dropdown-items .is-active {
  --select-option-active-background: #FFFFFF;
  --select-option-highlight-background: #FAFAFA;
  --select-option-active-color: var(--tertiary, #6B6B6B);
}
.user-field-my-work-dropdown-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 28px;
  padding: 0 15px;
}
.user-field-my-work-dropdown-option__help {
  flex-shrink: 0;
  flex-grow: 0;
}
.user-field-my-work-dropdown-option__help-button {
  cursor: default;
}
.user-field-my-work-dropdown-option__help-button:hover {
  color: var(--G-7, #6F7173);
}
.assignee-settings-section {
  margin: 25px 0;
}
.assignee-settings-section__title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}
.user-field-gantt-control {
  display: flex;
  width: 100%;
}
.user-field-gantt-control--compact {
  --avatar-list-more-top: 2px;
}
.user-field-gantt-control.has-members {
  padding-top: 6px;
  padding-left: 2px;
}
.user-field-gantt-control:not(.user-field-gantt-control--compact) .user-field-gantt-control__placeholder {
  width: 32px;
  height: 32px;
  margin-top: -2px;
  line-height: 34px;
}
.user-field-add-member-button {
  display: flex;
  align-items: center;
  height: 58px;
  border-top: 1px solid var(--G-1, #F3F3F4);
  padding: 0 12px;
}
.user-field-expand-window {
  --avatar-list-item-marign-right: 7px;
  --avatar-list-item-multi-marign-bottom: 7px;
}
.user-field-expand-window__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 7px;
}
.user-field-expand-window__list--avatar {
  gap: 7px;
}
.user-field-expand-window__avatar {
  position: relative;
}
.user-field-expand-window__avatar:hover {
  --remove-button-circle-opacity: 1;
}
.user-field-expand-window-wrapper {
  --grid-expanded-window-padding: 10px;
}
.user-field-add-button--expanding {
  display: block;
  margin-bottom: 15px;
}
.user-field-add-member-dropdown {
  --member-select-panel-width: 390px;
}
.remove-button-circle {
  position: absolute;
  top: -3px;
  right: -1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: var(--G-0, #FFFFFF);
  background-color: #FF5757;
  z-index: 1;
  opacity: var(--remove-button-circle-opacity, 0);
  transition: opacity 150ms ease-out;
}
.single-edit-record-member-pill-preview {
  display: inline-flex;
  pointer-events: all !important;
}
.single-edit-record-member-pill-preview .r-avatar-pill,
.single-edit-record-member-pill-preview .r-avatar-pill__name {
  pointer-events: all !important;
}
.user-field-params-display-format-selected-option {
  display: flex;
  justify-content: center;
  padding: 10px 40px 10px 10px;
}
.user-field-params-display-format-dropdown.field-display-format-dropdown {
  height: 66px;
  min-height: 66px;
  --arrow-select-top-position: 15px;
}
.parent-team-field__option.field-option {
  height: 28px;
  padding: 0 12px;
}
.parent-team-field__option--selected.field-option {
  padding: 0;
}
.parent-team-field__option__icon, .parent-team-field__option--selected__icon {
  color: var(--G-8, #4d4d4d);
}
.parent-team-field-group .smart-input-group__hat {
  flex-grow: 0;
  overflow: visible;
  margin-bottom: 0;
  display: flex;
  min-height: auto;
}
.parent-team-field-group .smart-input-group__head {
  gap: 6px;
  margin-bottom: 12px;
}
.parent-team-field-group .smart-input-group__actions {
  margin-left: 0;
}
.yes-no-field-control {
  font-size: 0;
  width: 100%;
}
.yes-no-field-control--linked-card {
  display: flex;
}
.yes-no-field-control.is-read-only {
  pointer-events: none;
}
.yes-no-toggle-control {
  display: inline-flex;
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
}
.yes-no-toggle-control__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 26px;
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--G-4, #B2B2B3);
  position: relative;
}
.yes-no-toggle-control__button::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  background-color: currentColor;
  border-radius: inherit;
  transition: width 250ms ease;
  transform: translate3d(0, 0, 0);
  z-index: 0;
}
.yes-no-toggle-control__button:after {
  content: attr(data-text);
  color: var(--typo-secondary, #878B92);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  z-index: 1;
  transition: color 150ms ease-out;
}
.yes-no-toggle-control__button:first-child {
  border-radius: 5px 0 0 5px;
}
.yes-no-toggle-control__button:last-child {
  border-radius: 0 5px 5px 0;
}
.yes-no-toggle-control__button--true::before {
  right: 0;
}
.yes-no-toggle-control__button--false::before {
  left: 0;
}
.yes-no-toggle-control__button.is-active {
  background-color: currentColor;
}
.yes-no-toggle-control__button.is-active:after {
  color: var(--G-0, #FFFFFF);
}
.yes-no-toggle-control__button.is-active::before {
  width: 100%;
}
.yes-no-toggle-control__text {
  color: var(--G-4, #B2B2B3);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  z-index: 1;
}
.yes-no-toggle-control--low-height .yes-no-toggle-control__button {
  height: 24px;
}
.yes-no-toggle-control--record-edit-form .yes-no-toggle-control__button {
  transition: background-color 150ms ease-out;
}
.yes-no-toggle-control--record-edit-form .yes-no-toggle-control__button:before {
  transition: background-color 150ms ease-out;
}
.yes-no-toggle-control--record-edit-form .yes-no-toggle-control__button:hover:after {
  color: var(--G-8, #4d4d4d);
  transition: color 200ms ease-in;
}
.yes-no-toggle-control--record-edit-form .yes-no-toggle-control__button.is-active:hover:after {
  color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in;
}
.yes-no-toggle-control--record-edit-form .yes-no-toggle-control__button--true.is-active:hover {
  background-color: var(--custom-darker-color);
  transition: background-color 200ms ease-in;
}
.yes-no-toggle-control--record-edit-form .yes-no-toggle-control__button--true.is-active:hover::before {
  background-color: var(--custom-darker-color);
  transition: background-color 200ms ease-in;
}
.yes-no-toggle-control--formula {
  pointer-events: none;
}
.yes-no-toggle-control--formula .yes-no-toggle-control__button {
  height: 24px;
  width: 42px;
}
.yes-no-toggle-control--grid .yes-no-toggle-control__button:after {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.yes-no-toggle-control.is-read-only .yes-no-toggle-control__button {
  cursor: default;
  pointer-events: none;
}
.round-toggle-control {
  display: inline-flex;
  cursor: pointer;
  background-color: transparent;
}
.round-toggle-control--wrapper-filled {
  justify-content: center;
  align-items: center;
  padding: 4px 7px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.round-toggle-control--low-height .round-toggle-control__spin {
  height: 24px;
}
.round-toggle-control input {
  display: none;
}
.round-toggle-control__spin {
  width: 42px;
  height: 26px;
  position: relative;
  border-radius: 12px;
  background-color: var(--G-2, #DEDEDE);
  transition: background-color 200ms ease-in;
}
.round-toggle-control__spin:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--G-0, #FFFFFF);
  transform: translate(0, -50%);
  transition: transform 200ms ease-in-out;
}
.round-toggle-control.is-checked .round-toggle-control__spin {
  background-color: currentColor;
  transition: background-color 200ms ease-in;
}
.round-toggle-control.is-checked .round-toggle-control__spin:before {
  transform: translate(17px, -50%);
}
.round-toggle-control.is-view {
  pointer-events: none;
}
.round-toggle-control.is-read-only {
  cursor: default;
}
.round-toggle-control--record-edit-form .round-toggle-control__spin {
  background-color: var(--G-4, #B2B2B3);
}
.round-toggle-control--record-edit-form:hover .round-toggle-control__spin {
  background-color: var(--G-5, #9B9C9E);
  transition: background-color 200ms ease-in;
}
.round-toggle-control--record-edit-form.is-checked:hover .round-toggle-control__spin {
  background-color: var(--custom-darker-color);
  transition: background-color 200ms ease-in;
}
.round-toggle-control--formula {
  pointer-events: none;
}
.round-toggle-control.is-darker-color.is-checked {
  position: relative;
}
.round-toggle-control.is-darker-color.is-checked .round-toggle-control__spin:before {
  z-index: 1;
}
.round-toggle-control.is-darker-color.is-checked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 13px;
  background-color: black;
  opacity: 0;
  z-index: 1;
  transition: opacity 150ms ease-out;
}
.round-toggle-control.is-darker-color.is-checked:not(.is-read-only):hover:before {
  opacity: 0.2;
  transition: opacity 200ms ease-in;
}
.icon-toggler-control {
  display: inline-block;
  color: var(--G-4, #B2B2B3);
  font-size: 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 5px;
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid transparent;
}
.icon-toggler-control.is-view, .icon-toggler-control.is-read-only {
  pointer-events: none;
}
.icon-toggler-control--wrapper-outline {
  border-color: var(--G-1-5, #E9E9E9);
}
.icon-toggler-control--wrapper-filled {
  background-color: var(--G-1, #F3F3F4);
  height: 34px;
  width: 34px;
}
.icon-toggler-control:focus {
  border-color: var(--solution-primary-color) !important;
  background-color: var(--G-0, #FFFFFF);
  height: 34px;
  width: 34px;
}
.icon-toggler-control:hover:not(.is-read-only) {
  border-color: var(--G-2, #DEDEDE);
}
.icon-toggler-control__icon {
  color: var(--G-3, #C7C8C9);
  transition: color 200ms ease-in;
}
.icon-toggler-control:hover .icon-toggler-control__icon {
  color: var(--G-5, #9B9C9E);
  transition: color 200ms ease-in;
}
.icon-toggler-control.is-checked .icon-toggler-control__icon {
  color: currentColor;
  transition: color 200ms ease-in;
}
.icon-toggler-control.is-checked:not(.is-read-only):hover .icon-toggler-control__icon {
  color: var(--custom-darker-color);
  transition: color 200ms ease-in;
}
.icon-toggler-control--record-edit-form, .icon-toggler-control--formula {
  width: 34px;
  height: 34px;
  background-color: var(--G-1, #F3F3F4);
}
.icon-toggler-control--grid {
  width: 25px;
  height: 25px;
  border-width: 2px;
}
.icon-toggler-control--formula {
  pointer-events: none;
}
.yes-no-field-sort-icon {
  display: inline-flex;
  color: inherit;
  align-items: center;
}
.yes-no-field-sort-icon__separator {
  display: inline-flex;
  margin-left: 6px;
  margin-right: 5px;
}
.yes-no-field-sort-icon.is-reverse {
  flex-direction: row-reverse;
}
.yes-no-field-display {
  position: absolute;
  top: 7px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.yes-no-field-edit {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 7px;
}
.sub-items-grid-cell .yes-no-field-display {
  pointer-events: none;
  cursor: default;
}
.yes-no-view-button.is-edit-record {
  display: inline-flex;
  vertical-align: top;
  --active-hover: var(--solution-hover-color);
  --default-hover: var(--G-5, #9B9C9E);
}
.basic-onoff.is-darker-color.is-checked .basic-onoff__on,
.basic-onoff.is-darker-color.is-checked .basic-onoff__off {
  z-index: 1;
}
.basic-onoff.is-darker-color.is-checked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: black;
  opacity: 0;
  z-index: 1;
  transition: opacity 150ms ease-out;
}
.basic-onoff.is-darker-color.is-checked:hover:before {
  opacity: 0.2;
  transition: opacity 200ms ease-in;
}
.icon-toggler-control.is-darker-color.is-checked:hover {
  filter: grayscale(0.3);
}
.icon-toggler-control.is-read-only {
  cursor: default;
}
.yes-no-toggle-control.is-darker-color .yes-no-toggle-control__button--true.is-active:hover:before {
  filter: grayscale(0.3);
}
.comments-badge {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  height: 24px;
  cursor: pointer;
}
.comments-badge__text {
  z-index: 1;
  color: var(--G-0, #FFFFFF);
  padding-bottom: 1px;
}
.comments-badge__icon {
  z-index: 0;
  position: absolute;
  top: 2px;
  right: 1px;
  fill: var(--G-2, #DEDEDE);
}
.is-hover .comments-badge:not(.comments-badge--has-value) .comments-badge__icon {
  fill: var(--G-8, #4d4d4d);
  opacity: 0.3;
}
.comments-badge:not(.comments-badge--has-value):hover .comments-badge__icon {
  fill: var(--G-8, #4d4d4d);
  opacity: 0.3;
}
.comments-badge--has-value {
  padding: 0 4px;
}
.comments-badge--has-value .comments-badge__icon {
  color: var(--solution-primary-color);
}
.comments-badge--has-value:hover .comments-badge__icon {
  color: var(--solution-hover-color);
}
.comments-badge--has-value:hover:before {
  background-color: var(--solution-hover-color);
}
.comments-badge--has-value:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 1px;
  right: 1px;
  bottom: 2px;
  background-color: var(--solution-primary-color);
  border-radius: 100px;
}
.comments-count-field-control {
  min-height: 24px;
}
.comments-count-field-control--grid {
  display: flex;
  justify-content: center;
}
.comments-count-field-control--linked-card {
  max-height: 24px;
  display: flex;
  justify-content: center;
}
.created-updated-field-view {
  display: flex;
  align-items: center;
}
.created-updated-field-view__avatar {
  margin-right: 10px;
  display: flex;
  flex-shrink: 0;
}
.created-updated-field-info {
  justify-content: center;
}
.created-updated-field-control-grid {
  position: relative;
  padding-top: 10px;
}
.created-updated-field-control-grid--date-avatar {
  padding-right: 16px;
}
.created-updated-field-control-grid--auto-size {
  display: flex;
}
.created-updated-field-control-card {
  display: flex;
  align-items: center;
}
.avatar-member {
  margin-top: 9px;
  display: inline-block;
}
.avatar-member--only {
  margin-left: 16px;
  margin-right: 16px;
}
.avatar-member--date-avatar {
  margin-top: -2px;
  margin-right: 10px;
  float: left;
}
.date-field-form-control {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.date-field-control--gridCompact {
  padding-top: 7px;
}
.date-field-control--card {
  min-height: 26px;
}
.date-field-control--placeholder {
  display: flex;
}
.date-field-control--formula {
  padding: 0 10px;
  align-items: center;
}
.date-field-grid-control {
  position: relative;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  word-break: break-word;
}
.date-field-grid-control:not(.is-inline-edit).has-value {
  margin-right: 16px;
  margin-left: 16px;
}
.date-field-grid-control.is-selected {
  --row-background: $G-0;
}
.date-field-grid-control--clearable .date-input {
  padding-right: 22px;
}
.date-field-grid-control__placeholder {
  margin-top: -3px;
}
.time-input {
  position: relative;
  width: 100%;
  height: 100%;
}
.time-input__list {
  padding: 5px 13px 5px 5px;
}
.time-input__option {
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 5px;
  color: var(--tertiary, #6B6B6B);
  cursor: pointer;
}
.time-input__option:hover {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
}
.time-input__scroll {
  max-height: 210px;
}
.time-input__placeholder {
  padding: 0;
}
.time-input__input input {
  cursor: pointer;
  padding: 0;
}
.time-input__input.is-error input {
  border-color: #FF5757;
}
.time-input__input.is-focus input {
  cursor: text;
}
.time-input__input .icon-button {
  position: absolute;
  top: var(--time-clear-top, 3px);
  right: 4px;
}
.time-input__remove {
  color: var(--ic-light, #c7cdcf);
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 5px;
}
.time-input__remove:hover {
  color: var(--G-6, #868788);
}
.calendar-dropdown__calendar {
  padding-top: 18px;
  padding-bottom: 25px;
}
.calendar-dropdown-header {
  background-color: var(--solution-primary-color);
  border-radius: 5px 5px 0 0;
}
.calendar-dropdown-header__title {
  padding: 11px 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  text-align: center;
  color: var(--G-0, #FFFFFF);
}
.calendar-dropdown-header__selection-groups {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 76px;
  background-color: var(--solution-primary-color);
  overflow: hidden;
}
.calendar-dropdown-header__selection-groups:before {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  z-index: 1;
  opacity: 0.3;
  width: 76px;
  height: 100%;
  background: linear-gradient(-115deg, var(--solution-hover-color), var(--solution-primary-color) 80%);
  transform: translateX(-85%) rotate(45deg) skew(20deg, 20deg);
}
.calendar-selection-group {
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  padding: 13px 10px;
}
.calendar-selection-group__inner {
  text-align: center;
  cursor: pointer;
}
.calendar-selection-group__date-value {
  color: var(--G-0, #FFFFFF);
}
.calendar-selection-group__placeholder-button {
  color: var(--G-0, #FFFFFF);
  opacity: 0.7;
  font-size: 13px;
  font-weight: 400;
  transition: opacity 150ms ease-out;
}
.calendar-selection-group__placeholder-button:hover {
  transition: opacity 200ms ease-in;
  color: var(--G-0, #FFFFFF);
  opacity: 1;
}
.calendar-selection-group__input {
  width: 135px;
}
.calendar-selection-group__input input {
  padding-right: 25px;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: var(--G-0, #FFFFFF);
}
.calendar-selection-group__input input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.calendar-selection-group__input-clear {
  color: var(--G-0, #FFFFFF);
  opacity: 0.3;
  transition: opacity 150ms ease-out;
}
.calendar-selection-group__input-clear:hover {
  color: var(--G-0, #FFFFFF);
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.calendar-selection-group__time-group {
  margin-top: 3px;
}
.calendar-selection-group.is-empty-date-value .calendar-selection-group__input input {
  padding-right: 10px;
}
.calendar-time-selection-group {
  display: flex;
  justify-content: center;
}
.calendar-time-selection-group__text-button {
  font-size: 11px;
  font-weight: 500;
  color: var(--G-0, #FFFFFF);
  opacity: 0.6;
  cursor: pointer;
}
.calendar-time-selection-group.is-selected .calendar-time-selection-group__text-button {
  opacity: 1;
}
.date-range-calendar {
  position: relative;
  width: 100%;
}
.date-range-calendar__remove {
  position: absolute;
  color: var(--G-3, #C7C8C9);
  top: 50%;
  margin-top: -8px;
  right: 7px;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.date-range-calendar__remove:hover {
  color: var(--G-7, #6F7173);
}
.date-range-calendar__control {
  height: 100%;
  display: flex;
  cursor: default;
}
.date-range-calendar:hover .date-range-calendar__remove, .date-range-calendar.is-active .date-range-calendar__remove {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.social-network-link__tooltip img.no-filled {
  filter: brightness(0.1);
  opacity: 0.2;
}
.social-network-link.is-active {
  cursor: pointer;
}
.social-network-link.is-disabled {
  pointer-events: none;
}
.social-network-link {
  display: inline-block;
  cursor: pointer;
}
.social-network-link.no-filled {
  pointer-events: none;
}
.social-network-link.no-filled .social-network-link__image {
  filter: brightness(0.1);
  opacity: 0.2;
}
.r-social-link-field {
  width: 100%;
  flex: 0 0 auto;
}
.r-social-link-field .r-social-placeholder {
  border-radius: 5px;
  padding: 0 8px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 31px;
  border: 1px solid transparent;
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.r-social-link-field .r-social-placeholder:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.r-social-link-field .r-social-placeholder__label {
  line-height: 100%;
  padding-left: 10px;
  line-height: 100%;
  display: flex;
  height: 100%;
  align-items: center;
}
.r-social-link-field .r-social-placeholder__body {
  flex-basis: 100%;
}
.r-social-link-field .r-social-placeholder__link {
  padding: 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.r-social-link-field.display--record-edit-form--single .r-social-placeholder__body {
  padding-right: 3px;
  padding-bottom: 2px;
}
.r-social-link-field.display--record-edit-form--single .r-social-placeholder__label {
  padding-left: 2px;
  padding-bottom: 2px;
}
.r-social-link-field.display--record-edit-form--single .r-social-placeholder__link {
  padding-bottom: 1px;
  padding-bottom: 3px;
}
.r-social-link-field.display--record-edit-form--multiple .r-social-placeholder__label {
  padding-left: 2px;
  padding-bottom: 0;
}
.r-social-link-field.display--record-edit-form--multiple .r-social-placeholder__body {
  padding-right: 3px;
}
.r-social-link-field.state--default .r-social-placeholder {
  background-color: var(--G-1, #F3F3F4);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.r-social-link-field.state--active .r-social-placeholder {
  background-color: var(--G-0, #FFFFFF);
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.social-network-field-control {
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  flex-shrink: 0;
}
.social-network-field-control__item {
  width: 24px;
  height: 26px;
  padding-top: 1px;
}
.social-network-field-control__item:not(:last-child) {
  margin-right: 5px;
}
.social-network-field-control--raw {
  display: flex;
}
.social-network-field-control--grid {
  padding-top: 7px;
  display: block;
}
.social-network-field-control--groupBy {
  padding-top: 2px;
}
.social-network-field-control--linked-card {
  margin: 0 auto;
}
.social-network-field-control--linked-card .social-network-field-control__item {
  height: 24px;
  margin-right: 5px;
}
.social-network-edit-record__item {
  margin: 0 5px 4px;
  display: flex;
  align-items: center;
}
.number-slider {
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 5px;
}
.number-slider__progress {
  position: relative;
  height: 8px;
  width: 100%;
  min-width: 14px;
  border-radius: 5px;
  background-color: var(--G-2, #DEDEDE);
}
.number-slider__progress--size-1 {
  height: 3px;
}
.number-slider__progress--size-2 {
  height: 8px;
}
.number-slider__progress--size-3 {
  height: 16px;
}
.number-slider__progress--gradient-red {
  color: #3EAC40;
}
.number-slider__progress--gradient-red p-slider .ui-slider-range-min {
  background: linear-gradient(to right, #DD1C1A, #F1C40F, #57A773);
}
.number-slider__progress--gradient-green {
  color: #3EAC40;
}
.number-slider__progress--gradient-green p-slider .ui-slider-range-min {
  background: linear-gradient(to right, #9ACAAB, #57A773);
}
.number-slider__progress--gradient-yellow {
  color: #3EAC40;
}
.number-slider__progress--gradient-yellow p-slider .ui-slider-range-min {
  background: linear-gradient(to right, #F1C40F, #57A773);
}
.number-slider__progress--gradient-black {
  color: currentColor;
}
.number-slider__progress--gradient-black p-slider .ui-slider-range-min {
  background: linear-gradient(to right, var(--G-7, #6F7173), #232528);
}
.number-slider__progress ss-ui-popover .popover__wrapper {
  position: absolute;
  top: -4px;
  left: -4px;
  width: 16px;
  height: 16px;
}
.number-slider__progress p-slider {
  display: block;
  width: 100%;
  height: 100%;
}
.number-slider__progress p-slider .ui-slider {
  position: relative;
  height: 100%;
  cursor: pointer;
}
.number-slider__progress p-slider .ui-slider-range-min {
  background-color: currentColor;
  border-radius: 5px;
}
.number-slider__progress p-slider .ui-slider-handle {
  top: 50%;
  z-index: 2;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  margin-left: -6px;
  border-radius: 50%;
  cursor: pointer;
  color: currentColor;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
  background-color: currentColor;
  border: 4px solid var(--G-0, #FFFFFF);
}
.number-entry {
  width: 100%;
  height: 32px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.number-entry__legend {
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 50%;
  padding-right: 10px;
}
.number-entry__arrows {
  height: 100%;
}
.number-entry__display {
  padding: 0 10px;
  line-height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.number-entry__display::empty {
  display: none;
}
.number-entry__input {
  opacity: 0;
  position: relative;
  z-index: 1;
}
.number-entry.is-active .number-entry__input {
  opacity: 1;
}
.number-entry.is-active .number-entry__display {
  display: none;
}
.number-entry--show-arrows .number-entry__display {
  right: 20px;
}
.slider-progress-grid {
  display: flex;
  align-items: center;
}
.slider-progress-grid__bar {
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  flex-grow: 1;
  background-color: var(--G-2, #DEDEDE);
  position: relative;
}
.slider-progress-grid__bar::before {
  content: "";
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: var(--slider-progress, 0%);
  background-color: var(--slider-progress-background);
}
.slider-progress-grid__value {
  min-width: var(--progress-value-width);
  width: var(--progress-value-width-value, 39px);
  white-space: nowrap;
  display: flex;
  justify-content: flex-end;
  font-weight: 400;
}
.slider-progress-grid.has-gradient .slider-progress-grid__bar:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: var(--slider-gradient-progress, 0%);
  background-color: var(--slider-progress-background, var(--G-2, #DEDEDE));
  border-radius: 0 5px 5px 0;
}
.number-slider-main {
  display: flex;
  align-items: center;
  width: 100%;
}
.number-slider-main--custom-border-color:not(.is-error) {
  box-shadow: 0 0 0 1px currentColor;
  border-radius: 5px;
}
.number-slider-main--custom-border-color.number-slider-mainis-focused:not(.is-error) {
  box-shadow: none;
}
.number-slider-main--gradient.number-slider-mainis-focused:not(.is-read-only) .number-slider-track {
  box-shadow: 8px 0 0 0 #fff;
}
.number-slider-main--gradient.is-read-only .number-slider-rest {
  background-color: var(--G-2, #DEDEDE);
}
.number-slider-main--gradient .number-slider-track {
  box-shadow: 3px 0 0 0 var(--G-2, #DEDEDE);
}
.number-slider-main--gradient .number-slider-rail {
  background-color: transparent;
}
.number-slider-main--gradient .number-slider-track {
  box-shadow: 3px 0 0 0 var(--G-2, #DEDEDE);
}
.number-slider-main--display-1 .number-slider-wrapper {
  height: 3px;
}
.number-slider-main--display-1.is-percent-field .number-slider-wrapper {
  height: 5px;
}
.number-slider-main--display-2 .number-slider-wrapper {
  height: 8px;
}
.number-slider-main--display-2.is-percent-field .number-slider-wrapper {
  height: 10px;
}
.number-slider-main--display-3 .number-slider-wrapper {
  height: 16px;
}
.number-slider-main--display-3.is-percent-field {
  padding-left: 0;
}
.number-slider-main--display-3.is-percent-field .number-slider-wrapper {
  height: 100%;
}
.number-slider-main--display-3.is-percent-field .number-slider-main--gradient.is-error .number-slider-track {
  box-shadow: 8px 0 0 0 #fff;
}
.number-slider-main--display-3.is-percent-field .number-slider-main--gradient.is-error .number-slider-rest {
  background-color: #fff;
}
.number-slider-main--display-3.is-percent-field .number-slider-main--gradient .number-slider-rest {
  background-color: var(--G-1, #F3F3F4);
}
.number-slider-main--display-3.is-percent-field .number-slider-main--gradient .number-slider-track {
  box-shadow: 8px 0 0 0 var(--G-1, #F3F3F4);
}
.number-slider-main--gradient-red .number-slider-wrapper {
  background: linear-gradient(to right, #DD1C1A, #F1C40F, #57A773);
}
.number-slider-main--gradient-green .number-slider-wrapper {
  background: linear-gradient(to right, #9ACAAB, #57A773);
}
.number-slider-main--gradient-yellow .number-slider-wrapper {
  background: linear-gradient(to right, #F1C40F, #57A773);
}
.number-slider-main--gradient-black .number-slider-wrapper {
  background: linear-gradient(to right, var(--G-7, #6F7173), #232528);
}
.number-slider-step {
  position: absolute;
  z-index: 2;
  width: 100%;
  background-color: transparent;
}
.number-slider-track {
  position: absolute;
  z-index: 2;
  left: 0;
  border-radius: 5px;
}
.number-slider-rail {
  position: absolute;
  z-index: 2;
  width: 100%;
  border-radius: 5px;
  background-color: var(--G-2, #DEDEDE);
}
.number-slider {
  position: relative;
  width: 100%;
  border-radius: 5px;
  touch-action: none;
  margin-right: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.number-slider-rail,
.number-slider-track,
.number-slider {
  height: 100%;
}
.number-slider-handle {
  position: absolute;
  z-index: 2;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  cursor: grab;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
  border: 4px solid #fff;
}
.number-slider-handle:active {
  cursor: grabbing;
}
.number-slider-handle:hover .slider-progress-tooltip, .number-slider-handle:active .slider-progress-tooltip {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.number-slider-input-wrap {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.number-slider-input-wrap__expander {
  min-width: 42px;
  font-size: 13px;
  padding: 0 10px;
  text-align: right;
  opacity: 0;
  pointer-events: none;
  font-weight: var(--slider-progress-input-weight, 400);
}
.number-slider-input-wrap__measure {
  margin-right: 10px;
  font-weight: var(--slider-progress-input-weight, 400);
}
.number-slider-input {
  background-color: transparent;
  border-color: transparent;
  font-family: inherit;
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  right: var(--number-slider-input-right, 0);
  bottom: 0;
  width: auto;
}
.number-slider-input::-webkit-outer-spin-button, .number-slider-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.number-slider-input[type=number] {
  -moz-appearance: textfield;
}
.number-slider-input input {
  text-align: right;
  font-weight: var(--slider-progress-input-weight, 400);
}
.number-slider-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.number-slider-rest {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 5px 5px 0;
  background: var(--G-2, #DEDEDE);
}
.slider-progress-tooltip {
  opacity: 0;
  position: absolute;
  top: -33px;
  left: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  padding: 4px;
  border-radius: 5px;
  text-align: center;
  transform: translate3d(-50%, 0, 0);
  pointer-events: none;
  transition: opacity 150ms ease-out;
}
.slider-progress-tooltip::before {
  content: " ";
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 auto;
  background-color: inherit;
  transform: rotate(45deg);
}
.currency-field-control__value:after {
  content: attr(data-currency-sign);
}
.currency-field-control__legend {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 50%;
  margin-left: auto;
  margin-right: 5px;
}
.currency-field-control--formula .currency-field-control__value, .currency-field-control--rollup .currency-field-control__value {
  max-width: 100%;
  width: auto;
}
.currency-field-grid-control {
  position: relative;
}
.currency-field-grid-control.is-selected:not(.is-read-only):not(.is-inline-edit):not(.is-nested-field) {
  margin-right: 30px;
}
.currency-field-grid-control.is-nested-field {
  width: 100%;
}
.currency-field-grid-control__input input {
  height: 40px;
  padding-right: 16px;
  padding-left: 16px;
}
.currency-field-grid-control__legend {
  position: absolute;
  top: 10px;
  right: 25px;
}
.currency-field-grid-control__arrows {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
}
.currency-field-grid-control-display:not(.is-formula-field):not(.is-lookup-field) {
  overflow: hidden;
  max-height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 16px;
  margin-left: 16px;
}
.currency-field-grid-control-display.is-formula-field {
  padding-bottom: 10px;
  padding-top: 10px;
}
.currency-field-edit-record.is-read-only .currency-field-edit-record__value {
  width: 100%;
  pointer-events: all;
}
.currency-field-edit-record.is-focus .currency-field-edit-record__legend {
  right: 25px;
}
.currency-field-edit-record.is-focus .currency-field-edit-record__input input {
  opacity: 1;
}
.currency-field-edit-record.is-focus .currency-field-edit-record__arrows {
  opacity: 1;
}
.currency-field-edit-record.no-value .currency-field-edit-record__input input {
  opacity: 1;
}
.currency-field-edit-record__wrapper {
  position: relative;
  width: 100%;
}
.currency-field-edit-record__value {
  position: absolute;
  top: 7px;
  left: 10px;
  pointer-events: none;
}
.currency-field-edit-record__input input {
  opacity: 0;
  padding-right: 25px;
}
.currency-field-edit-record__legend {
  position: absolute;
  top: 6px;
  right: 5px;
  pointer-events: none;
}
.currency-field-edit-record__arrows {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.ip-address-field-control {
  height: 100%;
  overflow: hidden;
  padding-bottom: 0;
  max-height: calc(20px * var(--line-clamps) + 10px);
  flex-shrink: 0;
}
.ip-address-field-control__paragraph {
  height: 100%;
}
.ip-address-field-control__ip-wrapper:hover {
  color: var(--solution-hover-color);
}
.ip-address-field-control__ip-wrapper.ip-address-field-control__ip-wrapper--highlight .ip-address-field-control__ip {
  color: var(--solution-primary-color);
}
.ip-address-field-control__ip-wrapper.ip-address-field-control__ip-wrapper--highlight .ip-address-field-control__ip:hover {
  color: var(--solution-hover-color);
}
.ip-address-field-control--auto {
  padding-bottom: 10px;
  max-height: none;
}
.ip-address-field-control--raw {
  display: inline-flex;
  max-height: 26px;
  min-height: 26px;
}
.ip-address-field-control--raw .ip-address-field-control__paragraph {
  line-height: 26px;
}
.ip-address-field-edit-record__wrap {
  padding: 0 10px;
}
.ip-address-field-edit-record__wrap:not(:last-of-type) {
  margin-bottom: 3px;
}
.ip-address-field-edit-record__wrap.is-active .ip-address-field-edit-record__input {
  opacity: 1;
}
.ip-address-field-edit-record__wrap.is-active .ip-address-field-edit-record__flag {
  opacity: 0;
}
.ip-address-field-edit-record__wrap.is-active .ip-address-field-edit-record__flag + .ip-address-field-edit-record__input {
  left: 0;
  width: 100%;
}
.ip-address-field-edit-record__wrap.is-read-only .ip-address-field-edit-record__link {
  pointer-events: all !important;
}
.ip-address-field-edit-record__flag {
  align-self: center;
}
.ip-address-field-edit-record__input {
  position: absolute;
  right: 0;
  width: 100%;
  opacity: 0;
}
.ip-address-field-edit-record__link {
  cursor: pointer;
  line-height: 30px;
}
.ip-address-field-edit-record__button {
  margin-top: 8px;
}
.ip-address-field-edit-record--with-flag .ip-address-field-edit-record__flag {
  margin-right: 10px;
}
.ip-address-field-edit-record--with-flag .ip-address-field-edit-record__flag + .ip-address-field-edit-record__input {
  left: 30px;
  width: calc(100% - 30px);
}
.ip-address-field-control {
  display: block;
}
.ip-address-field-control__flag {
  margin-right: 6px;
  position: relative;
  top: 2px;
}
.ip-address-field-control__ip {
  text-decoration: underline;
  transition: color 150ms ease-out;
}
.ip-address-field-control__paragraph:not(.text--break-word) .ip-address-field-control__ip-wrapper {
  white-space: nowrap;
}
.ip-address-field-control__paragraph.text--break-word .ip-address-field-control__ip-wrapper {
  display: inline-block;
}
.ip-address-field-control__separator {
  font-size: 14px;
  padding: 0 4px;
  display: inline-block;
}
.ip-address-field-control--card {
  min-height: 20px;
}
.ip-address-field-control--card .ip-address-field-control__ip:hover {
  color: var(--solution-highlight-color);
  transition: color 200ms ease-in;
}
.ip-address-field-control--groupBy .ip-address-field-control__ip {
  text-decoration: none;
  font-weight: 600;
}
.ip-address-field-control--grid .ip-address-field-control__ip-wrapper {
  margin-bottom: 2px;
}
.ip-address-field-control--grid:not(.ip-address-field-control--compact) .ip-address-field-control__ip-wrapper {
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.ip-address-field-control--grid .ip-address-field-control__paragraph {
  overflow: hidden;
  line-height: 0;
}
.ip-address-field-control--grid.ip-address-field-control--medium .ip-address-field-control__paragraph {
  max-height: 40px;
}
.ip-address-field-control--grid.ip-address-field-control--large .ip-address-field-control__paragraph {
  max-height: 90px;
}
.ip-address-field-control--grid.ip-address-field-control--extra-large .ip-address-field-control__paragraph {
  max-height: 110px;
}
.address-field-edit-record__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px -10px;
}
.address-field-edit-record__list-item {
  width: calc(50% - 10px);
  margin: 0 5px 10px;
}
.address-field-edit-record__map {
  margin-top: 10px;
}
.address-field-card {
  position: relative;
}
.address-field-card--multiple {
  min-height: 60px;
}
.address-field-card-link {
  position: absolute;
  top: -25px;
  right: 0;
}
.address-field-card-link--highlight {
  color: var(--solution-primary-color);
}
.address-map {
  overflow: hidden;
  height: 106px;
  border: 1px solid #ececec;
  border-radius: 5px;
}
.full-address-text {
  position: relative;
  padding-left: 19px;
}
.full-address-text__marker {
  position: absolute;
  top: var(--full-address-mark-top, 2px);
  left: var(--full-address-mark-left, 0);
  color: var(--ic-light, #c7cdcf);
}
.full-address-text.is-valid .full-address-text__marker {
  color: var(--solution-primary-color);
  cursor: pointer;
}
.address-field-grid-control {
  margin-bottom: 10px;
  padding: 10px 16px 0 35px;
  --full-address-mark-top: 12px;
  --full-address-mark-left: 16px;
}
.address-field-form-control__multiply-control {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.color-picker-field-control__pill {
  margin-right: 5px;
}
.color-picker-field-control__wrapper {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  border-radius: 5px;
}
.color-picker-field-control--grid {
  overflow: hidden;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 11px 10px;
  margin-top: 9px;
  margin-right: 16px;
  margin-left: 16px;
  border-radius: 5px;
}
.color-picker-field-control--compact.color-picker-field-control--grid {
  flex-wrap: nowrap;
}
.color-picker-field-control--group-by .color-picker-field-control__wrapper {
  flex-wrap: nowrap;
}
.color-picker-field-control--group-by .color-picker-field-control__pill {
  margin-bottom: 0;
}
.color-picker-field-control--card {
  min-height: 22px;
  width: 100%;
}
.color-picker-field-control--card .color-picker-field-control__pill {
  margin-bottom: 0;
}
.color-picker-field-control--card .color-picker-field-control__wrapper {
  margin-bottom: 0;
  flex-wrap: nowrap;
}
.color-picker-field-control--linked-card {
  max-width: 100%;
}
.color-picker-field-control--linked-card .color-picker-field-control__wrapper {
  max-width: 100%;
  font-size: 0;
  display: inline-flex;
  flex-wrap: nowrap;
}
.color-picker-field-control--formula-target {
  padding-left: 0;
  padding-right: 0;
}
.color-picker-field-control--lookup-target {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  max-height: 22px;
}
.color-picker-field-control--lookup-target .color-picker-field-control__pill {
  margin-left: 0;
  margin-right: 0;
}
.color-picker-dropdown__wrapper {
  position: relative;
  padding: 10px;
}
.color-picker-dropdown__mixer {
  display: flex;
  align-items: stretch;
  padding-bottom: 22px;
  margin-bottom: 10px;
}
.color-picker-dropdown__preview {
  width: 90px;
  margin-right: 1px;
}
.color-picker-dropdown .react-colorful {
  position: static;
  flex-grow: 1;
  height: 152px;
  width: auto;
}
.color-picker-dropdown .react-colorful__saturation, .color-picker-dropdown .react-colorful__last-control {
  border-radius: 0;
}
.color-picker-dropdown .react-colorful__hue {
  position: absolute;
  top: 170px;
  left: 10px;
  right: 10px;
  height: 10px;
}
.color-picker-dropdown .react-colorful__saturation-pointer {
  width: 10px;
  height: 10px;
  border: 1px solid var(--G-0, #FFFFFF);
}
.color-picker-dropdown .react-colorful__hue-pointer {
  width: 16px;
  height: 16px;
  border: 4px solid var(--G-0, #FFFFFF);
}
.color-picker-dropdown__inputs {
  display: grid;
  grid-template-columns: 25% 1fr 40%;
  grid-gap: 10px;
}
.color-picker-dropdown__hex-input {
  width: 100%;
  height: 33px;
  background: transparent;
  padding: 0 10px;
}
.color-picker-dropdown__format-input, .color-picker-dropdown__name-input {
  margin-bottom: 0;
}
.color-picker-dropdown__name-input {
  grid-column-start: 1;
  grid-column-end: 4;
}
.color-picker-field-edit-record {
  padding: 0 8px;
}
.color-picker-field-input {
  padding: 0 8px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.color-picker-field-input__add {
  margin-right: 8px;
}
.color-picker-field-input__pill {
  cursor: pointer;
  margin: 4px 8px 4px 0;
}
.color-picker-field-input__clear {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.checklist-progress {
  position: relative;
  height: 8px;
  border-radius: 4px;
  position: relative;
  background-color: var(--G-2, #DEDEDE);
  overflow: hidden;
}
.checklist-progress:not(.no-progress):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: currentColor;
  right: 0;
  border-radius: 4px;
  transform: translate(var(--progress-count, -100%));
}
.checklist-progress--card {
  margin-top: auto;
}
.checklist-progress--modal .checklist-progress__head {
  justify-content: flex-end;
  color: var(--G-0, #FFFFFF);
  margin-bottom: 4px;
}
.checklist-progress--modal .checklist-progress__progress {
  background-color: rgba(255, 255, 255, 0.2);
}
.checklist-progress-head {
  display: flex;
  justify-content: space-between;
  color: var(--typo-secondary, #878B92);
}
.checklist-progress-head__percentage {
  margin-left: 5px;
}
.checklist-progress-head--card {
  margin-bottom: 4px;
}
.checklist-buttons {
  display: flex;
  align-items: center;
}
.checklist-buttons__button {
  margin-left: 5px;
}
.checklist-action-button {
  display: flex;
  align-items: center;
  color: var(--typo-secondary, #878B92);
  background: transparent;
  border-radius: 5px;
  padding: 4px 8px;
  transition: color 200ms ease-in;
}
.checklist-action-button__icon {
  padding: 4px 0;
  display: flex;
  border: 1px dashed transparent;
}
.checklist-action-button__placeholder, .checklist-action-button__member-name {
  margin-left: 8px;
}
.checklist-action-button__text {
  padding: 3px 6px;
}
.checklist-action-button:hover, .checklist-action-button.is-active {
  color: var(--typo-primary, #2E3538);
  transition: color 150ms ease-out , background 150ms ease-out;
}
.checklist-action-button:hover {
  background: var(--G-1, #F3F3F4);
}
.checklist-action-button:hover .checklist-action-button__icon {
  color: var(--solution-primary-color);
}
.checklist-action-button.is-active {
  background: var(--G-1-5, #E9E9E9);
}
.checklist-action-button.is-active .checklist-action-button__icon {
  color: var(--typo-primary, #2E3538);
}
.checklist-action-button.is-overdue .checklist-action-button__text {
  color: #FF5757;
}
.checklist-action-button.is-completed .checklist-action-button__text {
  color: #3EAC40;
}
.checklist-action-button.has-dot {
  position: relative;
}
.checklist-action-button.has-dot::before, .checklist-action-button.has-dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -3px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.checklist-action-button.has-dot::before {
  width: 5px;
  height: 5px;
  background: var(--G-0, #FFFFFF);
}
.checklist-action-button.has-dot::after {
  width: 7px;
  height: 7px;
  background: #FF5757;
}
.checklist-action-button.is-compact {
  padding: 4px;
}
.checklist-action-button.is-dashed-circle .checklist-action-button__icon {
  border-color: #dedede;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  padding: 4px;
}
.checklist-item {
  padding: 0 6px;
  margin-bottom: 2px;
  border-radius: 5px;
  color: var(--typo-primary, #2E3538);
  cursor: pointer;
  transition: background-color 200ms ease-in;
}
.checklist-item__row {
  display: flex;
  align-items: flex-start;
}
.checklist-item__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checklist-item__controls {
  display: flex;
  align-items: center;
  margin-top: 2px;
}
.checklist-item__controls--extended {
  padding-left: 52px;
}
.checklist-item__drag {
  color: var(--typo-secondary, #878B92);
  margin-right: 6px;
  margin-top: 10px;
  cursor: grab;
  transition: color 200ms ease-in;
}
.checklist-item__drag:active {
  cursor: grabbing;
}
.checklist-item__checkmark {
  color: var(--checkbox-color);
  display: block;
  margin-right: 4px;
  margin-top: 9px;
}
.checklist-item__display {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.checklist-item__input {
  flex-grow: 1;
  padding: 1px 0;
}
.checklist-item__control {
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease-in;
}
.checklist-item__control.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 150ms ease-out;
}
.checklist-item__editor {
  margin-left: 8px;
}
.checklist-item__editor .editor {
  width: 100%;
}
.checklist-item .ProseMirror {
  display: block;
  width: 100%;
  max-height: 324px;
  overflow: auto;
  padding: 8px 10px;
}
.checklist-item .ProseMirror p {
  margin-bottom: 0;
}
.checklist-item:hover {
  background: var(--G-1, #F3F3F4);
  transition: background-color 150ms ease-out;
}
.checklist-item:hover .checklist-item__drag {
  color: var(--solution-primary-color);
  transition: color 150ms ease-out;
}
.checklist-item.is-new-item {
  padding-left: 28px;
}
.checklist-item.is-new-item .checklist-item__checkmark {
  pointer-events: none;
}
.checklist-item.is-new-item .checklist-item__controls--extended {
  padding-left: 22px;
}
.checklist-item.is-new-item:hover, .checklist-item.is-editing:hover {
  background: transparent;
}
.checklist-item.is-new-item:hover .checklist-item__drag, .checklist-item.is-editing:hover .checklist-item__drag {
  color: var(--typo-secondary, #878B92);
}
.checklist-item:not(.is-editing):hover .checklist-item__control {
  opacity: 1;
  visibility: visible;
  transition: opacity 150ms ease-out;
}
.checklist-item:not(.is-editing):hover .checklist-assignee.is-compact {
  width: 32px;
  transition: width 200ms ease-in;
}
.checklist-item.is-completed .checklist-item__display .ProseMirror p {
  color: var(--typo-secondary, #878B92);
  text-decoration: line-through;
}
.checklist-items {
  padding-top: 5px;
}
.checklist-due-date__dropdown-body {
  padding: 8px 18px 6px;
}
.checklist-due-date__dropdown-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 18px;
  border-top: 1px solid var(--G-2, #DEDEDE);
}
.checklist-assignee__dropdown-title {
  width: 100%;
  padding: 10px 24px;
  background-color: var(--solution-primary-color);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.checklist-assignee__dropdown-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.checklist-assignee__member {
  margin-top: 8px;
}
.checklist-assignee__button.is-compact {
  width: 32px;
  height: 32px;
  padding: 4px;
  display: flex;
  justify-content: center;
}
.checklist-assignee__remove-button {
  width: 100%;
  padding: 12px 24px;
  background-color: var(--G-1, #F3F3F4);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  justify-content: center;
}
.checklist-assignee__search {
  margin: 5px 0;
}
.checklist-assignee__list {
  padding: 0 5px;
}
.checklist-assignee__list-item {
  border-radius: 5px;
  transition: background 150ms ease-out;
}
.checklist-assignee__list-item:hover {
  background: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in;
}
.checklist-assignee.is-compact {
  width: 0;
  overflow: hidden;
  transition: width 150ms ease-out;
}
.checklist-assignee.is-compact.is-visible {
  width: 32px;
  transition: width 200ms ease-in;
}
.checklist-field-grid-control {
  cursor: pointer;
}
.checklist-field-grid-control:not(.inline-edit) {
  margin-top: 17px;
  margin-left: 16px;
  margin-right: 16px;
}
.checklist-field-grid-control.inline-edit {
  padding-top: 7px;
}
.checklist-field-grid-control.inline-edit.is-empty {
  padding-top: 17px;
}
.checklist-field-grid-control.with-header {
  margin-top: 0;
}
.checklist-field-grid-control-header {
  position: relative;
  padding: 0 16px;
}
.checklist-field-grid-control-header.with-header {
  padding-top: 7px;
}
.checklist-field-grid-control-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.checklist-expanded-modal-view__header {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  padding: 0 26px 26px 20px;
}
.checklist-expanded-modal-view__icon {
  margin-right: 10px;
}
.checklist-expanded-modal-view__progress {
  position: absolute;
  top: 5px;
  right: 26px;
  left: 20px;
}
.checklist-expanded-modal-view__content {
  padding: 12px;
}
.checklist-expanded-modal-view__scrollbar {
  max-height: 75vh;
  width: 100%;
  height: 100%;
}
.checklist-expanded-modal-header {
  background-color: var(--G-0, #FFFFFF);
  padding: 6px 7px 8px;
  display: flex;
  flex-direction: column;
}
.checklist-expanded-modal-header__info {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.checklist-expanded-modal-header__icon {
  margin-right: 10px;
  color: var(--solution-primary-color);
}
.checklist-expanded-modal-header__progress {
  background-color: var(--G-1, #F3F3F4);
}
.checklist-expanded-modal-header__counter {
  margin-left: auto;
}
.checklist-assignment-settings {
  margin-bottom: 24px;
}
.checklist-assignment-settings__title {
  margin-bottom: 11px;
}
.checklist-assignment-settings__checkboxes {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.checklist-field-control--group-by {
  min-width: 120px;
}
.checklist-field-control--linked-card.compact-format-field {
  line-height: 22px;
  opacity: 1;
  margin: 0 auto;
}
.checklist-field-control--card {
  display: flex;
  flex-direction: column;
  min-height: 26px;
}
.phone-field-control {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.phone-field-control__item {
  max-width: 100%;
  white-space: nowrap;
}
.phone-field-control--multiple {
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}
.phone-field-control--multiple .phone-field-control__item {
  margin-right: 10px;
  margin-bottom: 10px;
  height: 20px;
}
.phone-field-control--multiple.phone-field-control--compact {
  flex-wrap: nowrap;
}
.phone-field-control--compact {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--typo-primary, #2E3538);
}
.phone-field-control--compact .phone-field-control__item {
  display: inline;
}
.phone-field-control--single.phone-field-control--compact .phone-field-control__item {
  display: inline-block;
  line-height: 18px;
}
.phone-field-control--raw.phone-field-control--multiple .phone-field-control__item {
  height: 26px;
  margin: 0;
}
.phone-field-control--raw.phone-field-control--single {
  display: inline-flex;
  min-height: 26px;
}
.phone-field-control--group {
  flex-wrap: nowrap;
}
.phone-field-control--grid {
  position: relative;
  overflow: hidden;
  height: calc(100% - 10px);
  padding-top: 10px;
}
.phone-field-control--grid.phone-field-control--single {
  max-height: 32px;
}
.phone-field-control--card {
  overflow: hidden;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.phone-field-control--card .phone-field-control__item {
  display: inline;
}
.phone-field-control--linked-card {
  pointer-events: all;
  display: flex;
}
.phone-field-control--linked-card .phone-field-control__item-tel {
  color: var(--typo-primary, #2E3538);
}
.phone-field-control--linked-card .phone-field-control__item-tel:hover {
  color: var(--solution-primary-color);
  text-decoration: none;
}
.phone-field-control--linked-card .phone-field-control__item:not(:last-child) {
  margin-right: 5px;
}
.phone-field-edit-record__wrap {
  margin: -4px 0;
  border-spacing: 0 4px;
}
.phone-field-edit-record__input {
  background-color: var(--G-0, #FFFFFF);
}
.phone-field-edit-record__button {
  margin-top: 10px;
}
.auto-generated-label {
  display: flex;
  align-items: center;
  max-width: 100%;
  width: 100%;
}
.auto-generated-label__fx {
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: var(--G-1-5, #E9E9E9);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 150ms ease-out;
}
.auto-generated-label__fx:hover {
  background-color: var(--G-2, #DEDEDE);
  transition: background-color 200ms ease-in;
}
.auto-generated-label__value {
  padding-left: 10px;
}
.auto-generated-record-title {
  padding-left: 4px;
  padding-right: 4px;
}
.record-title-field-params-tabs {
  padding: 0 2px;
}
.record-title-field-params-tabs .switch-button__slider {
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 3px;
}
.record-title-template-editor {
  padding: 0 25px 25px;
}
.record-title-template__tooltip {
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
}
.record-title-template__title {
  margin-bottom: 12px;
}
.record-title-data-import-grid-header-cell-content__icon {
  color: var(--G-3, #C7C8C9);
  display: flex;
  margin-left: 8px;
  cursor: pointer;
}
.record-title-field-control--grid, .record-title-field-control--import-modal {
  padding-top: 10px;
  padding-bottom: 10px;
  word-break: break-word;
}
.record-title-field-control--autosize {
  padding-bottom: 10px;
}
.record-title-field-control--gridCompact {
  padding-top: 7px;
}
.record-title-field-control--card {
  min-height: 20px;
}
.record-title-grid-text.is-selected.can-open-record:not(.no-value) {
  cursor: pointer;
  color: var(--solution-primary-color);
}
.record-title-grid-text--compact {
  display: inline-block;
}
.record-title-grid-text:not(.record-title-grid-text--compact) {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.record-title-grid-text--autosize {
  display: inline;
}
.time-field-control--linked-card {
  width: 100px;
}
.time-field-control--formula {
  padding: 0 10px;
  align-items: center;
}
.time-field-control--grid {
  position: relative;
}
.time-field-edit-record {
  --time-clear-top: 1px;
}
.time-field-edit-record__wrap {
  --single-select-min-height: 32px;
}
.time-field-edit-record__wrap .select-placeholder--time-input {
  height: 32px;
}
.pill-progress-bar {
  padding: 0 16px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pill-progress-bar:before {
  content: "";
  background-color: currentColor;
  width: var(--progress-count, 0%);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.pill-progress-bar__text {
  position: relative;
  text-align: center;
}
.pill-progress-bar__text--hover {
  visibility: hidden;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.pill-progress-bar__text--default {
  visibility: visible;
}
.pill-progress-bar:hover .pill-progress-bar__text--hover {
  visibility: visible;
}
.pill-progress-bar:hover .pill-progress-bar__text--default {
  visibility: hidden;
}
.pill-progress-bar--pill {
  height: 24px;
  border-radius: 45px;
}
.pill-progress-bar--input {
  height: 34px;
  padding-right: 20px;
  border-radius: 5px;
}
.date-range-field-display--card {
  min-height: 26px;
}
.date-range-field-display--linked-card.date-range-field-display--pill {
  display: flex;
  max-width: 100%;
}
.date-range-field-display--grid {
  max-width: 100%;
}
.date-range-field-display--grid.date-range-field-display--pill {
  max-width: calc(100% - 32px);
  margin: 8px 16px 0;
}
.date-range-field-display--grid.date-range-field-display--text {
  position: relative;
  padding-top: 10px;
}
.date-range-field-display--edit-record.date-range-field-display--pill {
  width: 100%;
}
.date-range-field-display--edit-record.date-range-field-display--text {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px 0 10px;
}
.date-range-field-display--group.date-range-field-display--text {
  font-weight: 500;
}
.date-range-input {
  height: 100%;
}
.date-range-input__placeholder {
  padding: 10px 16px 0;
}
.date-range-input--record-edit-form {
  height: auto;
}
.date-range-input--record-edit-form .date-range-input__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
}
.date-range-input--grid .date-range-input__control {
  padding-right: 10px;
}
.date-range-input--grid .date-range-input__remove {
  opacity: 1;
  top: 12px;
  margin-top: 0;
}
.date-range-field-grid-control {
  height: 100%;
}
.date-range-grid-placeholder {
  margin-top: 7px;
  position: absolute;
  left: 50%;
  margin-left: -13px;
}
.date-range-grid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.date-range-field-control {
  cursor: default;
}
.date-range-field-control--card {
  min-height: 26px;
}
.due-date-label-checkmark {
  display: flex;
  flex-shrink: 0;
  margin-top: var(--due-date-checkmark-top-indent, 0);
  cursor: default;
}
.due-date-label-checkmark--overdue {
  position: relative;
}
.due-date-label-checkmark--overdue::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 5px;
  background: red;
  border-radius: 2px;
}
.due-date-label-badge {
  color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 17px;
  height: 16px;
  border-radius: 5px;
  margin-top: var(--due-date-checkmark-top-indent, 0);
  font-size: 11px;
  padding: 0 3px;
  line-height: 10px;
  letter-spacing: -0.18px;
  font-weight: 700;
  cursor: default;
}
.due-date-label-tooltip {
  float: left;
  margin-top: 2px;
}
.due-date-control {
  overflow: hidden;
  display: inline-flex;
  align-items: flex-start;
}
.due-date-control--raw .due-date-control__text {
  font-size: var(--raw-field-font-size);
  line-height: var(--raw-field-line-height);
}
.due-date-control--with-label .due-date-control__text {
  padding-left: 7px;
}
.due-date-control__icon {
  margin: 0 4px;
}
.due-date-control__tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.due-date-control__tooltip-icon {
  color: #FF5757;
}
.due-date-control__tooltip-icon:hover {
  color: #F1273F;
}
.due-date-input__control {
  align-items: center;
  height: 32px;
  padding: 5px 28px 5px 10px;
}
.due-date-input--grid {
  height: 100%;
}
.due-date-input--grid .due-date-input__control {
  padding: 10px 16px;
  height: 100%;
  align-items: unset;
}
.due-date-input--grid .due-date-input__remove {
  opacity: 1;
  top: 12px;
  margin-top: 0;
}
.due-date-field-edit-record__input-group.is-overdue {
  background-color: #FEECEE;
}
.due-date-field-edit-record__input-group.is-completed {
  background-color: #EEF6EE;
}
.due-date-field-grid-control {
  height: 100%;
  display: flex;
  justify-content: center;
  --due-date-checkmark-top-indent: 2px;
}
.due-date-field-grid-control__placeholder {
  margin-top: -3px;
}
.due-date-field-grid-control:not(.is-inline-edit) {
  padding: 10px 16px 0 16px;
}
.due-date-field-grid-control__arrow {
  display: none;
}
.due-date-field-grid-control__clear {
  display: none !important;
}
.due-date-field-grid-control:hover .due-date-field-grid-control__arrow {
  display: flex;
}
.due-date-field-grid-control:hover .due-date-field-grid-control__clear {
  display: flex !important;
}
.repeating-task-settings {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--G-0, #FFFFFF);
  overflow: hidden;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 5px;
  display: flex;
  justify-content: flex-end;
  animation: slideIn 200ms forwards ease-out;
  width: 300px;
}
.repeating-task-settings.is-flipped {
  animation: slideInToLeft 200ms forwards ease-out;
  justify-content: flex-start;
}
.repeating-task-settings__wrapper {
  animation: slideIn 200ms forwards ease-out;
  min-width: 300px;
  max-width: 300px;
  height: 100%;
  flex-direction: column;
  display: flex;
}
.repeating-task-settings__tabs {
  --basic-tab-small-paddings: 5px 0 4px;
  --basic-tabs-slider-small-bottom: 0;
}
.repeating-task-settings__header {
  padding-top: 11px;
  padding-left: 20px;
  padding-right: 14px;
  padding-bottom: 10px;
  background-color: var(--G-0-5, #FAFAFA);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.repeating-task-settings__content {
  background-color: var(--G-0, #FFFFFF);
  padding-left: 20px;
  padding-right: 20px;
}
@keyframes slideIn {
  0% {
    width: 300px;
  }
  100% {
    width: 600px;
  }
}
@keyframes slideInToLeft {
  0% {
    width: 300px;
    margin-left: 0;
  }
  100% {
    width: 600px;
    margin-left: -300px;
  }
}
.repeating-task-row {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: space-between;
  min-height: 38px;
  border-bottom: 1px dashed var(--G-1-5, #E9E9E9);
}
.repeating-task-row:first-child {
  border-bottom: 1px solid var(--G-2, #DEDEDE);
}
.repeating-task-row:last-child {
  border-bottom: none;
}
.repeating-task-row--column {
  flex-direction: column;
}
.repeating-task-row--column .repeating-task-row__content {
  width: 100%;
}
.repeating-task-row__text {
  display: flex;
  allign-items: center;
}
.repeating-task-row__icon {
  margin-left: 6px;
  cursor: pointer;
}
.repeating-task-dropdown-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 12px;
  min-height: 28px;
  padding-right: 26px;
  position: relative;
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.repeating-task-dropdown-option__icon {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 10px;
}
.repeating-task-dropdown-option:hover:not(.is-selected) {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.selected-repeating-option {
  padding-right: 3px;
  width: 100%;
  display: inline-block;
  font-weight: inherit;
}
.is-active .selected-repeating-option {
  color: var(--typo-primary, #2E3538);
}
.repeating-task-dropdown {
  --single-select-min-height: 18px;
  line-height: 1;
  --arrow-select-top-position: -7px;
  --select-placeholder-arrow-filled-right: 19px;
  --select-placeholder-arrow-right: 0;
  color: var(--tertiary, #6B6B6B);
}
.repeats-task {
  padding-top: 10px;
  padding-bottom: 18px;
  align-items: flex-start;
}
.repeats-task:first-child {
  border-bottom: none;
}
.fields-to-copy-dropdown__header {
  display: flex;
  align-items: center;
  height: 38px;
  padding: 0 15px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.fields-to-copy-dropdown__all {
  height: 28px;
  padding: 0 12px;
  margin: 9px 5px;
  display: flex;
  align-items: center;
  background-color: transparent;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.fields-to-copy-dropdown__all:hover {
  background-color: var(--G-1, #F3F3F4);
}
.fields-to-copy-dropdown__scrollbar {
  max-height: 250px;
}
.fields-to-copy-dropdown__fields {
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 4px 5px;
}
.fields-to-copy-dropdown__field {
  height: 28px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 5px;
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.fields-to-copy-dropdown__field:not(:last-child) {
  margin-bottom: 4px;
}
.fields-to-copy-dropdown__field:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.fields-to-copy-dropdown__field:hover .fields-to-copy-dropdown__field-icon,
.fields-to-copy-dropdown__field:hover .fields-to-copy-dropdown__field-name {
  color: var(--typo-primary, #2E3538);
}
.fields-to-copy-dropdown__field-icon {
  margin-right: 10px;
  color: var(--solution-primary-color);
}
.fields-to-copy-dropdown__field-name {
  color: var(--tertiary, #6B6B6B);
}
.fields-to-copy-dropdown__actions {
  border-top: 1px solid var(--G-2, #DEDEDE);
  height: 36px;
  display: flex;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 0 0 5px 5px;
}
.fields-to-copy-dropdown__button {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
}
.fields-to-copy-dropdown__button:first-child {
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.fields-to-copy-placeholder {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.fields-to-copy-placeholder__arrow {
  margin-left: 3px;
  display: flex;
}
.fields-to-copy-placeholder__arrow-item {
  color: var(--ic-dark, #2D2D2D);
  display: flex;
  transform: rotate(0);
  transition: transform 150ms ease-out;
}
.fields-to-copy-placeholder.is-active .fields-to-copy-placeholder__arrow-item {
  color: var(--solution-primary-color);
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.on-these-days {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 6px;
}
.on-these-days__item {
  padding: 0 8px;
  height: 36px;
  min-width: 34px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 6px;
  background-color: var(--G-0, #FFFFFF);
  color: var(--tertiary, #6B6B6B);
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: color 150ms ease-out;
}
.on-these-days__item.is-active {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.on-these-days__item.is-active:before {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid var(--solution-primary-color);
  opacity: 0.4;
}
.on-these-days__item.is-active:after, .on-these-days__item.is-active:before {
  z-index: -1;
  content: "";
  position: absolute;
  border-radius: inherit;
}
.on-these-days__item.is-active:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--solution-secondary-color);
  opacity: 0.5;
}
.repeating-update-status__placeholder {
  display: flex;
  align-items: center;
  color: var(--G-0, #FFFFFF);
  max-width: 150px;
}
.repeating-update-status__placeholder.is-black {
  color: var(--typo-primary, #2E3538);
}
.repeating-update-status__placeholder.is-active .repeating-update-status__arrow-item {
  color: var(--solution-primary-color);
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.repeating-update-status__placeholder-control {
  font-size: 12px;
  font-weight: 500;
  height: 20px;
  border-radius: 5px;
  padding: 0 6px;
  display: inline-block;
  line-height: 20px;
}
.repeating-update-status__list {
  padding: 5px;
  min-width: 250px;
  max-width: 250px;
}
.repeating-update-status__control {
  font-size: 13px;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  border-radius: 6px;
  padding: 0 8px;
  display: inline-block;
  color: var(--G-0, #FFFFFF);
  margin-right: 5px;
}
.repeating-update-status__scrollbar {
  width: 100%;
  max-height: 250px;
  width: 250px;
}
.repeating-update-status__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 28px;
  padding: 0 12px;
  width: 100%;
  cursor: pointer;
  border-radius: 5px;
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.repeating-update-status__item:hover:not(.is-selected) {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.repeating-update-status__item:not(:last-child) {
  margin-bottom: 4px;
}
.repeating-update-status__item.is-black .repeating-update-status__control {
  color: var(--typo-primary, #2E3538);
}
.repeating-update-status__arrow {
  margin-left: 3px;
  display: flex;
}
.repeating-update-status__arrow-item {
  color: var(--typo-primary, #2E3538);
  display: flex;
  transform: rotate(0);
  transition: transform 150ms ease-out;
}
.creating-new-task-label {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.monthly-schedule-settings {
  margin-top: 6px;
}
.day-of-month-select__scrollbar {
  max-height: 250px;
}
.day-of-month-select__days {
  padding: 4px 5px;
}
.day-of-month-select__day {
  width: 100%;
  cursor: pointer;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  border-radius: 5px;
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.day-of-month-select__day:not(:last-child) {
  margin-bottom: 4px;
}
.day-of-month-select__day:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.day-of-month-select__day:hover .day-of-month-select__day-name {
  color: var(--typo-primary, #2E3538);
}
.day-of-month-select__day-name {
  color: var(--tertiary, #6B6B6B);
}
.day-of-month-select-placeholder {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.day-of-month-select-placeholder__arrow {
  margin-left: 3px;
  display: flex;
}
.day-of-month-select-placeholder__arrow-item {
  color: var(--ic-dark, #2D2D2D);
  display: flex;
  transform: rotate(0);
  transition: transform 150ms ease-out;
}
.day-of-month-select-placeholder.is-active .day-of-month-select-placeholder__arrow-item {
  color: var(--solution-primary-color);
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.periodically-schedule-settings {
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.periodically-schedule-settings__group {
  height: 32px;
  max-width: 54px;
  margin-right: 13px;
}
.custom-schedule-settings {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}
.custom-schedule-settings__group {
  height: 36px;
  margin-left: 7px;
}
.custom-schedule-settings__dropdown {
  min-width: 150px;
}
.repeating-task-time-zone-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 58px;
  align-items: center;
  padding: 0 30px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  border-radius: 5px 5px 0 0;
}
.repeating-task-time-zone-header__close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: var(--G-4, #B2B2B3);
}
.repeating-task-time-zone-header__close:hover {
  color: var(--G-8, #4d4d4d);
}
.repeating-task-time-zone-content {
  padding: 25px 30px 28px;
}
.repeating-task-time-zone-content__title {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  display: block;
}
.repeating-task-time-zone-content__title strong {
  font-weight: 500;
  color: var(--typo-primary, #2E3538);
}
.repeating-task-time-zone-content__subtitle {
  margin-top: 20px;
  display: inline-block;
  margin-bottom: 8px;
}
.timezone-option {
  color: var(--inactive, #B2B2B3) !important;
}
.timezone-option span {
  font-weight: 500;
  padding-right: 5px;
  color: var(--typo-primary, #2E3538);
}
.repeating-task-time-zone {
  margin-top: auto;
  margin-bottom: 17px;
  padding: 0 20px;
  display: flex;
  align-items: center;
}
.repeating-task-time-zone span {
  cursor: pointer;
  margin-left: 5px;
  font-weight: 500;
  text-decoration: underline;
  transition: color 150ms ease-out;
}
.repeating-task-time-zone span:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.repeat-icon {
  cursor: default;
  color: var(--G-3, #C7C8C9);
}
.repeat-icon:hover {
  color: var(--G-7, #6F7173);
}
.repeat-icon-tooltip {
  margin-left: 5px;
  height: 16px;
  display: flex;
  margin-top: var(--repeat-icon-indent-top, 2px);
}
.due-date-field-control.is-lookup-field {
  display: flex;
  align-items: center;
}
.due-date-field-control__control {
  max-width: 100%;
}
.due-date-field-control--gridCompact {
  padding-top: 7px;
}
.due-date-field-control--card {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 100%;
  min-height: 26px;
  --repeat-icon-indent-top: 0;
}
.due-date-field-control--grid {
  word-break: break-word;
  max-width: 100%;
  font-size: 0;
}
.due-date-field-control--linked-card, .due-date-field-control--record-edit-form {
  display: flex;
}
.due-date-field-control--linked-card {
  align-items: center;
}
.due-date-field-control--raw {
  align-items: center;
  flex-shrink: 0;
}
.time-tracking-pill {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 8px;
  border-radius: 13px;
}
.time-tracking-pill.is-active .time-tracking-pill__arrow {
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.time-tracking-pill.is-non-interactive .time-tracking-pill__content {
  margin: 0 4px;
}
.time-tracking-pill--text {
  padding: 0;
}
.time-tracking-pill--text .time-tracking-pill__action {
  margin-right: 8px;
  margin-left: 0;
}
.time-tracking-pill--text .time-tracking-pill__button {
  width: 18px;
  height: 18px;
  border: none;
}
.time-tracking-pill__action {
  display: inline-flex;
  margin-right: 10px;
  margin-left: -5px;
  position: relative;
  z-index: 1;
}
.time-tracking-pill__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
  transition: background-color 150ms ease-out;
}
.time-tracking-pill__button:disabled {
  cursor: default;
}
.time-tracking-pill__button--stop {
  background-color: #FF5757;
}
.time-tracking-pill__button--stop:hover {
  background-color: #ff2424;
  transition: background-color 200ms ease-in;
}
.time-tracking-pill__button--stop::before {
  content: " ";
  width: 6px;
  height: 6px;
  background-color: var(--G-0, #FFFFFF);
}
.time-tracking-pill__button--start {
  background-color: #3EAC40;
}
.time-tracking-pill__button--start:hover {
  background-color: #308732;
  transition: background-color 200ms ease-in;
}
.time-tracking-pill__button--start::before {
  content: " ";
  margin-left: 1px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid var(--G-0, #FFFFFF);
}
.time-tracking-pill__content {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 20px;
  color: currentColor;
  cursor: default;
  text-align: left;
}
.time-tracking-pill__content--clickable {
  cursor: pointer;
}
.time-tracking-pill__duration {
  min-width: var(--time-tracking-duration-min-width, 20px);
}
.time-tracking-pill__arrow {
  overflow: hidden;
  transform: rotate(0deg);
  transition: transform 150ms ease-out;
}
.time-tracking-field-edit-record {
  width: 100%;
  padding: 3px 7px;
}
.time-tracking-input--record-select .time-tracking-input__body {
  margin-top: -10px;
  border-radius: 6px 6px 5px 5px;
}
.time-tracking-input__close {
  z-index: 2;
  position: absolute;
  top: -11px;
  right: -11px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  transition: background-color 150ms ease-out;
}
.time-tracking-input__close:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.time-tracking-input__body {
  overflow: hidden;
  padding: 20px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 5px 5px;
}
.time-tracking-input__textarea {
  padding: 11px 12px 12px;
  background-color: var(--G-0-5, #FAFAFA);
  border-top: 1px solid var(--line, #ececec);
  border-bottom: 1px solid var(--line, #ececec);
}
.time-tracking-input__timer-textarea {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--line, #ececec);
  align-items: top;
  display: flex;
  gap: 10px;
}
.time-tracking-input__timer-textarea .icon {
  margin-top: 1px;
}
.time-tracking-input__timer-textarea .react-input-group {
  background: transparent;
  border: 0;
  min-height: auto;
  flex-direction: column;
}
.time-tracking-input__timer-textarea .react-input-group::after {
  display: none;
}
.time-tracking-input__timer-textarea .react-input-group textarea {
  overflow-y: auto;
  border: none;
  background: none;
  padding: 0;
  outline: none;
  font-weight: 500;
  font-size: 12px;
  font-family: inherit;
}
.time-tracking-input__timer-textarea .react-input-group textarea::-webkit-scrollbar {
  width: 13px;
}
.time-tracking-input__timer-textarea .react-input-group textarea::-webkit-scrollbar-track {
  background-color: transparent;
}
.time-tracking-input__timer-textarea .react-input-group textarea::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.4);
  border: 4px solid transparent;
  border-radius: 13px;
  background-color: transparent;
}
.time-tracking-input__timer-textarea .react-input-group textarea::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.6);
}
.time-tracking-input__timer-textarea .react-input-group textarea::placeholder {
  color: var(--typo-secondary, #878B92);
}
.time-tracking-input-header {
  position: relative;
  display: flex;
  background-color: var(--solution-primary-color);
  border-radius: 5px 5px 0 0;
}
.time-tracking-input-header--darken::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: inherit;
}
.time-tracking-input-header__button {
  height: 48px;
  display: flex;
  gap: 8px;
  opacity: 0.6;
  transition: opacity 150ms ease-out;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.time-tracking-input-header__button::after {
  content: " ";
  background: var(--G-0, #FFFFFF);
  width: 1px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -13px;
  opacity: 0.2;
}
.time-tracking-input-header__button:first-child::after {
  display: none;
}
.time-tracking-input-header__button:hover, .time-tracking-input-header__button.is-active {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.time-tracking-input-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  height: 60px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 12px 14px;
}
.time-tracking-input-footer__button {
  width: 50%;
  justify-content: center;
}
.time-tracking-member-select {
  background: transparent;
  border: 0;
}
.time-tracking-member-select .select-placeholder__value {
  padding: 0;
}
.time-tracking-member-select__option {
  display: flex;
  align-items: center;
  justify-content: center;
}
.time-tracking-member-select__avatar {
  margin-right: 10px;
}
.time-tracking-member-select.selected-member {
  display: flex;
  align-items: center;
  height: 34px;
}
.time-tracking-member-select-dropdown {
  --arrow-select-right-position: -8px;
}
.time-tracking-input-time-select {
  display: grid;
  justify-content: space-between;
  margin-bottom: 14px;
}
.time-tracking-input-time-select__separator {
  height: 2px;
  width: 9px;
  min-width: 9px;
  display: flex;
  background-color: var(--G-7, #6F7173);
}
.time-tracking-input-time-select--timer, .time-tracking-input-time-select--duration {
  grid-template-columns: 100%;
}
.time-tracking-input-time-select--error-entry-allowed {
  margin: -10px 0 8px 0;
}
.time-tracking-input-time-select--range {
  display: flex;
  gap: 9px;
  align-items: center;
}
.time-tracking-input-time-select--range .calendar-time-input-group__remove {
  display: none;
}
.time-tracking-input-time-select--range .react-input-field__clear {
  margin: 0;
  right: 0px;
  top: 4px;
  position: absolute;
  display: none;
}
.time-tracking-input-time-select--range .react-input-field__clear svg {
  min-width: 12px !important;
  width: 12px !important;
}
.time-tracking-input-time-select--range .react-input-field:hover .react-input-field__clear {
  display: block;
}
.time-tracking-input-date-select {
  display: flex;
  align-items: baseline;
  padding-top: 10px;
  border-top: 1px solid var(--line, #ececec);
  align-items: center;
  cursor: pointer;
}
.time-tracking-input-date-select .icon {
  margin-right: 10px;
}
.time-tracking-input-date-select__button {
  position: relative;
  line-height: 0;
}
.time-tracking-input-date-select__button::before {
  display: block;
  content: "";
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 5px;
  right: 5px;
}
.time-tracking-input-date-select__calendar {
  padding: 12px 0;
}
.time-tracking-input-date-select__calendar .react-datepicker__day--today {
  font-weight: normal;
}
.time-tracking-input-date-select__calendar-button {
  position: relative;
  height: 36px;
  width: 100%;
  font-size: 12px;
  background: var(--G-0-5, #FAFAFA);
  transition: color 150ms ease-out;
}
.time-tracking-input-date-select__calendar-button:hover {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.time-tracking-input-date-select__calendar-button::before {
  display: block;
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--G-2, #DEDEDE);
}
.time-tracking-input-date-select__arrow {
  position: absolute;
  right: 10px;
  color: var(--tertiary, #6B6B6B);
  transform: rotate(0deg);
  transition: transform 150ms ease-out;
}
.time-tracking-input-date-select.is-active .time-tracking-input-date-select__arrow {
  transform: rotate(var(--active-placeholder-arrow-rotate, 180deg));
}
.time-tracking-timer-control {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 25px 0 24px 0;
}
.time-tracking-timer-control__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: background-color 150ms ease-out;
}
.time-tracking-timer-control__button--start {
  background-color: #3EAC40;
}
.time-tracking-timer-control__button--start:hover {
  background-color: #308732;
  transition: background-color 200ms ease-in;
}
.time-tracking-timer-control__button--start::before {
  content: " ";
  margin-left: 6px;
  border: 5px solid transparent;
  border-left-width: 6px;
  border-left-color: var(--G-0, #FFFFFF);
}
.time-tracking-timer-control__button--stop {
  background-color: #FF5757;
}
.time-tracking-timer-control__button--stop:hover {
  background-color: #ff2424;
  transition: background-color 200ms ease-in;
}
.time-tracking-timer-control__button--stop::before {
  content: " ";
  width: 10px;
  height: 10px;
  background-color: var(--G-0, #FFFFFF);
}
.time-tracking-timer-control__value {
  min-width: 90px;
  margin-left: 14px;
  color: var(--tertiary, #6B6B6B);
}
.time-tracking-logs-list-header {
  position: relative;
  border: 2px solid var(--G-0, #FFFFFF);
  padding: 10px 20px;
  border-radius: 5px 5px 0 0;
  background-color: var(--solution-secondary-color);
}
.time-tracking-logs-list-header__duration b {
  font-weight: 800;
}
.time-tracking-logs-list-header__action {
  position: absolute;
  top: 15px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.time-tracking-logs-list-header__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--solution-primary-color);
  border-radius: 50%;
  transform: scale(1);
  color: var(--G-0, #FFFFFF);
  transition: transform 150ms ease-out , background-color 150ms ease-out;
}
.time-tracking-logs-list-header__button:hover, .time-tracking-logs-list-header__button.is-active {
  background-color: var(--solution-hover-color);
  transform: scale(1.125);
  transition: transform 200ms ease-in , background-color 200ms ease-in;
}
.time-tracking-logs-list .dropdown-panel__arrow {
  z-index: 4;
  top: -4px;
  box-shadow: inset 2px 2px 0 0px var(--G-0, #FFFFFF);
}
.time-tracking-logs-list__in {
  padding: 0 2px 2px 2px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 5px 5px;
}
.time-tracking-logs-list-item:not(:last-child) {
  margin-bottom: 2px;
}
.time-tracking-logs-list-item.is-open {
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.12);
}
.time-tracking-logs-list-item.is-open .time-tracking-logs-list-item__arrow {
  color: var(--solution-primary-color);
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.time-tracking-logs-list-item.is-open .time-tracking-logs-list-item__arrow:hover {
  background-color: var(--G-0, #FFFFFF);
}
.time-tracking-logs-list-item.is-open .time-tracking-logs-list-item__body {
  height: auto;
}
.time-tracking-logs-list-item.is-open .time-tracking-logs-list-item__option {
  display: flex;
}
.time-tracking-logs-list-item.is-open .time-tracking-logs-list-item__header:hover {
  background-color: var(--G-0, #FFFFFF);
}
.time-tracking-logs-list-item__header {
  padding: 0 30px 0 5px;
  background-color: var(--G-0, #FFFFFF);
  position: relative;
  border-radius: 5px;
  display: flex;
  align-items: center;
  height: 42px;
  cursor: pointer;
}
.time-tracking-logs-list-item__header:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.time-tracking-logs-list-item__header:hover .time-tracking-logs-list-item__arrow {
  color: var(--solution-primary-color);
}
.time-tracking-logs-list-item__name {
  flex: 0 1 100%;
  padding-left: 10px;
}
.time-tracking-logs-list-item__duration {
  white-space: nowrap;
}
.time-tracking-logs-list-item__arrow {
  position: absolute;
  right: 10px;
  color: var(--tertiary, #6B6B6B);
  transform: rotate(0deg);
  transition: transform 150ms ease-out;
}
.time-tracking-logs-list-item__body {
  height: 0;
  background-color: var(--solution-secondary-color);
  border-radius: 5px;
  padding: 0 5px;
}
.time-tracking-logs-list-item__option {
  align-items: center;
  height: 37px;
  padding: 0 8px;
  display: none;
}
.time-tracking-logs-list-item__option:not(:last-child) {
  border-bottom: 1px solid var(--G-2, #DEDEDE);
}
.time-tracking-logs-list-item__option:first-child {
  margin-top: 5px;
}
.time-tracking-logs-list-item__option:hover .time-tracking-logs-list-item__option-name {
  color: var(--typo-primary, #2E3538);
}
.time-tracking-logs-list-item__option:hover .time-tracking-logs-list-item__option-icon {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.time-tracking-logs-list-item__option.is-active {
  border-bottom: 1px solid var(--solution-primary-color);
}
.time-tracking-logs-list-item__option-date {
  color: var(--tertiary, #6B6B6B);
  display: flex;
  align-items: center;
  flex: 1 0;
  justify-content: space-between;
}
.time-tracking-logs-list-item__option-date__items {
  display: flex;
  gap: 4px;
}
.time-tracking-logs-list-item__option-icon {
  color: var(--tertiary, #6B6B6B);
  position: relative;
  top: 2px;
  margin-left: 5px;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.time-tracking-logs-list-item__option-icon:hover {
  color: var(--solution-primary-color);
}
.time-tracking-logs-list-item__tooltip {
  position: relative;
  top: 1px;
}
.time-tracking-grid-field {
  position: relative;
}
.time-tracking-grid-field:not(.is-inline-edit):not(.is-lookup) {
  margin: 7px var(--field-gutter, 16px) 0;
}
.time-tracking-grid-field:not(.is-read-only) {
  cursor: pointer;
}
.time-tracking-grid-field.is-inline-edit {
  padding: 7px var(--field-gutter, 16px) 0;
  padding-right: 0;
}
.time-tracking-grid-field.is-formula {
  width: auto;
  display: inline-flex;
}
.time-tracking-grid-field__wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.time-tracking-grid-overlay {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.time-tracking-record-select {
  display: flex;
  align-items: center;
  padding: 15px 20px 25px 20px;
  background-color: var(--solution-primary-color);
}
.time-tracking-record-select__dropdown {
  position: relative;
  overflow: hidden;
  flex-grow: 1;
}
.time-tracking-record-select__dropdown .select-placeholder {
  padding-left: 35px;
  padding-right: 25px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  transition: background-color 150ms ease-out;
  --select-placeholder-padding-left: 0px;
  --select-placeholder-padding-right: 30px;
}
.time-tracking-record-select__dropdown .select-placeholder:hover, .time-tracking-record-select__dropdown .select-placeholder.is-active {
  background-color: rgba(255, 255, 255, 0.3);
  transition: background-color 200ms ease-in;
}
.time-tracking-record-select__dropdown .select-placeholder__placeholder {
  opacity: 0.5;
}
.time-tracking-record-select__dropdown .select-placeholder__arrow-icon {
  color: var(--G-0, #FFFFFF);
}
.time-tracking-record-select__dropdown .select-placeholder__value {
  min-height: 34px;
}
.time-tracking-record-select-listitems .select-list-items__group {
  margin-top: 11px;
}
.time-tracking-record-select__info {
  z-index: 2;
  position: absolute;
  top: 9px;
  left: 9px;
  color: rgba(255, 255, 255, 0.5);
}
.time-tracking-record-select__info:hover {
  color: rgba(255, 255, 255, 0.8);
}
.time-tracking-record-select__actions {
  margin-left: 4px;
}
.time-tracking-record-select__openbutton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  color: var(--G-0, #FFFFFF);
  transition: background-color 150ms ease-out;
}
.time-tracking-record-select__openbutton:hover {
  background-color: rgba(255, 255, 255, 0.3);
  transition: background-color 200ms ease-in;
}
.time-tracking-stats-group {
  position: relative;
}
.time-tracking-stats-group.is-active .time-tracking-stats-group__arrow {
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.time-tracking-stats-group::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 20px;
  left: 20px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.time-tracking-stats-group__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 0 20px;
}
.time-tracking-stats-group__arrow {
  margin-left: 5px;
  color: var(--G-4, #B2B2B3);
  transition: transform 150ms ease-out;
}
.time-tracking-stats-group__content {
  overflow: hidden;
  background-color: var(--G-0-5, #FAFAFA);
  transition: height 500ms linear;
  will-change: height;
  transform: translate3d(0, 0, 0);
}
.time-tracking-stats-group__scrollarea {
  overflow-x: hidden;
  overflow-y: overlay;
  width: 100%;
  height: 20vh;
  max-height: 280px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.time-tracking-stats-group__scrollarea::-webkit-scrollbar {
  width: 13px;
}
.time-tracking-stats-group__scrollarea::-webkit-scrollbar-track {
  background-color: transparent;
}
.time-tracking-stats-group__scrollarea::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.4);
  border: 4px solid transparent;
  border-radius: 13px;
  background-color: transparent;
}
.time-tracking-stats-group__scrollarea::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.6);
}
.time-tracking-stats-group__body {
  padding: 2px 15px 10px 15px;
}
.time-tracking-stats-record {
  border: 1px solid transparent;
  padding: 10px 7px;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
}
.time-tracking-stats-record:hover .time-tracking-stats-record__arrow {
  color: var(--solution-primary-color);
  transition: transform 200ms ease-in;
}
.time-tracking-stats-record.is-active {
  border-color: var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
}
.time-tracking-stats-record.is-active .time-tracking-stats-record__arrow {
  color: var(--solution-primary-color);
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.time-tracking-stats-record__head {
  display: flex;
  align-items: center;
  width: 100%;
}
.time-tracking-stats-record__avatar {
  margin-right: 10px;
}
.time-tracking-stats-record__time {
  margin-left: auto;
  padding-left: 5px;
}
.time-tracking-stats-record__arrow {
  margin-left: 8px;
  color: var(--ic-dark, #2D2D2D);
  transition: transform 150ms ease-out;
}
.time-tracking-stats-record__content {
  overflow: hidden;
  transition: height 500ms ease;
  will-change: height;
  transform: translate3d(0, 0, 0);
}
.time-tracking-stats-record__body {
  padding: 10px 5px 0 5px;
}
.time-tracking-stats-entry {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 3px 0;
}
.time-tracking-stats-entry:not(:last-child) {
  margin-bottom: 8px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.time-tracking-stats-entry__time {
  margin-right: 5px;
}
.time-tracking-stats-entry__tooltip {
  margin-left: 6px;
}
.time-tracking-stats-entry__menu {
  margin-left: auto;
  padding-left: 5px;
}
.time-tracking-stats-entry__date {
  margin-left: 3px;
}
.time-tracking-field-control__pill {
  height: 24px;
}
.formula-edit-record {
  padding: 3px 10px;
}
.single-select-field-edit-record-option {
  padding: 6px 12px;
  --select-option-is-hover-background-color: var(--G-1-5, #E9E9E9);
}
.single-select-field-edit-record {
  --single-select-min-height: 32px;
  --arrow-select-top-position: -1px;
  --select-option-is-hover-background-color: var(--G-1-5, #E9E9E9);
  --select-placeholder-padding-right: 50px;
  --select-clear-button-opacity: 0;
}
.single-select-field-edit-record:hover, .single-select-field-edit-record.is-active {
  --select-clear-button-opacity: 1;
}
.single-select-grid-control {
  position: relative;
  height: 100%;
  --single-select-min-height: 41px;
  --select-placeholder-padding-left: 16px;
  --select-option-is-hover-background-color: var(--G-1-5, #E9E9E9);
}
.single-select-grid-control__addnewchoice {
  height: 60px;
  border-top: 1px solid var(--G-1, #F3F3F4);
  padding: 0 12px;
}
.single-select-grid-control__dropdown {
  min-width: calc(100% + 30px);
  --select-option-margin-bottom: 4px;
}
.single-select-grid-control__clear-button {
  position: absolute;
  top: 12px;
  right: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--ic-light, #c7cdcf);
  cursor: pointer;
  transition: color 150ms ease-out;
}
.single-select-grid-control__clear-button:hover {
  transition: color 200ms ease-in;
  color: var(--G-6, #868788);
}
.single-select-grid-control.is-inline-edit {
  cursor: pointer;
}
.select-placeholder--inline-edit-single-select {
  align-items: flex-start;
}
.select-placeholder--inline-edit-single-select .select-placeholder__value {
  align-items: flex-start;
}
.select-placeholder--inline-edit-single-select.is-empty .select-placeholder__value {
  padding-top: 10px;
}
.single-select-field-control__icon {
  display: flex;
  margin-right: 7px;
  float: left;
  margin-top: 1px;
}
.single-select-field-control__emoji {
  float: left;
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 16px;
  min-width: 18px;
  margin-right: 7px;
}
.single-select-field-control--icon-with-text {
  padding-top: 10px;
}
.single-select-field-control--icon-with-text.is-inline-edit {
  padding-top: 0;
}
.single-select-placeholder {
  padding: 10px var(--field-gutter, 16px) 0;
  height: 100%;
  cursor: text;
}
.single-select-option {
  position: relative;
  min-height: 28px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2px 12px;
  flex-direction: column;
}
.single-select-option-arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  color: var(--G-8, #4d4d4d);
  transform: translateY(-50%);
}
.single-select-text-option {
  min-height: 28px;
  padding: 5px 12px;
}
.single-select-text-option span {
  color: var(--typo-secondary, #878B92);
  font-size: 11px;
  white-space: normal;
  line-height: 16px;
  margin-top: 2px;
  display: block;
  transition: color 150ms ease-out;
}
.single-select-text-option:hover span {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.single-select-text-option.with-help-text {
  padding-top: 8px;
  padding-bottom: 8px;
}
.single-select-field-addnewchoice {
  height: 60px;
  border-top: 1px solid var(--G-1, #F3F3F4);
  padding: 0 12px;
}
.single-select-field-input__generating-message-loader.ai-field-agent-generating-message-loader {
  padding: 9px 15px 12px 29px;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}
.single-select-field-input__generating-message-loader.ai-field-agent-generating-message-loader:before {
  top: 12px;
}
.single-select-field-input.is-radio-buttons .single-select-field-input__generating-message-loader.ai-field-agent-generating-message-loader {
  top: 10px;
  bottom: 0;
  left: 0;
  right: 0;
}
.single-select-radio-buttons-option {
  cursor: pointer;
  --select-display-top-indent: 0;
  display: flex;
  align-items: center;
  background-color: var(--G-0-5, #FAFAFA);
  min-height: 32px;
  padding: 5px 10px 5px 9px;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.single-select-radio-buttons-option:not(:last-child) {
  margin-bottom: 1px;
}
.single-select-radio-buttons-option:hover, .single-select-radio-buttons-option.is-checked {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 150ms ease-out;
}
.single-select-radio-buttons-option__display {
  padding-left: 10px;
  overflow: hidden;
}
.single-select-radio-buttons-option__display.select-pill--text_icon {
  align-items: flex-start;
  --select-pill-icon-top-indent: 4px;
}
.single-select-radio-buttons-option__button {
  margin-top: 3px;
  margin-bottom: auto;
  pointer-events: none;
}
.single-select-radio-buttons-option.is-read-only {
  pointer-events: none;
  cursor: default;
}
.single-select-radio-buttons {
  border-top: 2px solid var(--G-1-5, #E9E9E9);
  padding-top: 8px;
  margin-top: -5px;
}
.single-select-radio-buttons__choice:not(.is-edit) {
  background-color: var(--G-0-5, #FAFAFA);
  height: 34px;
  border-radius: 5px;
  border: 1px solid var(--G-1, #F3F3F4);
  padding: 0 8px;
}
.single-select-radio-buttons__after {
  width: 100%;
  margin-bottom: 8px;
}
.single-select-inline-edit-dropdown-option {
  --select-option-is-hover-background-color: var(--G-1-5, #E9E9E9);
}
.single-select-inline-edit-dropdown-option.is-selected.is-icon-text, .single-select-inline-edit-dropdown-option.is-selected.is-text-only {
  padding-top: 10px;
}
.single-select-inline-edit-dropdown-option.is-selected.is-pills, .single-select-inline-edit-dropdown-option.is-selected.is-importance {
  margin-top: 8px;
}
.single-select-field-control {
  --select-option-is-hover-background-color: #F3F3F4;
}
.single-select-field-control.is-read-only {
  pointer-events: none;
}
.single-select-field-control--card {
  max-width: 100%;
  min-height: 26px;
}
.single-select-field-control--grid {
  --r-pill-overflow: hidden;
  --r-pill-justify-content: flex-start;
  height: 100%;
}
.single-select-field-control--linked-card {
  border-radius: 13px;
  overflow: hidden;
}
.single-select-field-control--formula {
  padding: 0 10px;
}
.single-select-field-control--pills .single-select-field-control__pills {
  max-width: 100%;
  border-radius: 13px;
  overflow: hidden;
}
.single-select-field-control--pills .single-select-field-control__pills-grid {
  max-width: 100%;
  overflow: hidden;
  --r-pill-overflow: hidden;
  --r-pill-justify-content: flex-start;
}
.single-select-field-control--groupBy {
  overflow: hidden;
  max-width: 100%;
}
.single-select-field-control--raw {
  min-height: 26px;
  --select-option-is-hover-background-color: var(--G-1, #F3F3F4);
}
.single-select-field-control--raw .text {
  font-size: var(--raw-field-font-size);
}
.single-select-field-error-dot {
  right: auto;
  left: 4px;
}
.multiple-select-field-edit-record-option {
  padding: 2px 9px;
  min-height: 28px;
  --select-display-top-indent: 0;
}
.multiple-select-field-edit-record-option.is-text {
  padding-top: 5px;
  padding-bottom: 5px;
}
.multiple-select-field-edit-record-selected-option {
  --select-option-is-hover-background-color: var(--G-1-5, #E9E9E9);
  --select-pill-text-background-color: var(--G-1-5, #E9E9E9);
}
.multiple-select-field-input-group {
  min-height: 32px;
}
.multiple-select-field-input-group .select-placeholder__add-button {
  top: 7px;
}
.multiple-select-field-input-group .select-placeholder__value {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.multiple-select-list-items {
  --select-option-margin-bottom: 4px;
}
.multiple-select-list-items .option__checkbox {
  margin-top: 5px;
}
.select-placeholder--multiple-select-field-placeholder {
  align-items: flex-start;
  --select-placeholder-lock-opacity: 0;
}
.select-placeholder--multiple-select-field-placeholder .select-placeholder__value {
  gap: 6px;
  padding: 5px 4px;
  padding-right: 20px !important;
}
.select-placeholder--multiple-select-field-placeholder .select-placeholder__option:first-child {
  margin-left: 30px;
  max-width: calc(100% - 30px);
}
.select-placeholder--multiple-select-field-placeholder.is-disabled .select-placeholder__value {
  padding-left: 10px;
  padding-right: 10px !important;
}
.select-placeholder--multiple-select-field-placeholder.is-disabled .select-placeholder__option:first-child {
  margin-left: 0;
  max-width: 100%;
}
.select-placeholder--multiple-select-field-placeholder .select-placeholder__option {
  max-width: 100%;
}
.select-placeholder--multiple-select-field-placeholder .select-placeholder__add-button {
  margin-left: 0;
  position: absolute;
  top: 8px;
  left: 8px;
}
.multiple-select-field-input-generating.ai-field-agent-generating-message-loader {
  padding: 9px 15px 12px 29px;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}
.multiple-select-field-input-generating.ai-field-agent-generating-message-loader:before {
  top: 12px;
}
.multiple-select-field-input-generating.ai-field-agent-generating-message-loader.is-checkboxes {
  top: 10px;
  bottom: 0;
  left: 0;
  right: 0;
}
.multiple-select-field-control__item {
  --select-option-is-hover-background-color: var(--G-1, #F3F3F4);
  --r-pill-overflow: hidden;
  --r-pill-justify-content: flex-start;
}
.ui-multiselect-panel.multiple-select-list-dropdown .ui-multiselect-item {
  align-items: flex-start;
  margin: 0 0 5px;
  padding: 4px 5px;
}
.ui-multiselect-panel.multiple-select-list-dropdown .ui-multiselect-item__checkbox {
  margin: 3px 10px 0 0;
}
.ui-multiselect-panel.multiple-select-list-dropdown .ui-multiselect-item__value {
  font-size: 0;
}
.multiple-select-expand-window-choices {
  gap: 7px;
}
.multiple-select-expand-window-choices.can-remove {
  padding-right: 17px;
}
.checkbox-multiple-select {
  display: flex;
  flex-wrap: wrap;
  border-top: 2px solid var(--G-1-5, #E9E9E9);
  padding-top: 8px;
  margin-top: -5px;
}
.checkbox-multiple-select__choice:not(.is-edit) {
  background-color: var(--G-0-5, #FAFAFA);
  height: 34px;
  border-radius: 5px;
  border: 1px solid var(--G-1, #F3F3F4);
  padding: 0 8px;
}
.checkbox-multiple-select__choice {
  width: 100%;
}
.checkbox-multiple-select__option {
  width: 100%;
  margin-bottom: 1px;
  min-height: 34px;
}
.checkbox-multiple-select__add-option {
  width: 100%;
  min-height: 35px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  padding: 8px;
  border: 1px solid var(--G-1, #F3F3F4);
}
.checkbox-multiple-select__input {
  width: 100%;
}
.checkbox-multiple-select__after {
  width: 100%;
  margin-bottom: 8px;
}
.record-modal--layout-fifty_fifty .checkbox-multiple-select--columns, .record-modal--layout-seventy_thirty .checkbox-multiple-select--columns {
  gap: 0 30px;
}
.record-modal--layout-fifty_fifty .checkbox-multiple-select--columns .checkbox-multiple-select__option, .record-modal--layout-seventy_thirty .checkbox-multiple-select--columns .checkbox-multiple-select__option {
  width: calc(50% - 15px);
}
.pill-wrapper .pill {
  height: auto;
  min-height: var(--r-pill-height);
}
.pill-wrapper .pill__in {
  padding: 2px 10px;
}
.pill-wrapper .pill__text {
  white-space: normal;
}
.checkbox-option {
  display: flex;
  align-items: flex-start;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  cursor: pointer;
  padding: 0 8px;
  --select-option-is-hover-background-color: var(--G-1-5, #E9E9E9);
  --select-display-top-indent: 0;
}
.checkbox-option__label {
  padding: 5px 0 5px 9px;
  flex-grow: 1;
  max-width: calc(100% - 18px);
  height: 100%;
}
.checkbox-option__checkbox {
  margin-top: 8px;
  pointer-events: none;
  position: relative;
}
.checkbox-option__checkbox:before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  right: 2px;
  left: 2px;
  background-color: var(--G-3, #C7C8C9);
  opacity: 0;
  border-radius: 1px;
  z-index: 1;
}
.checkbox-option.is-checked, .checkbox-option:hover {
  background-color: var(--G-1, #F3F3F4);
}
.checkbox-option:hover:not(.is-readonly):not(.is-checked) .checkbox-option__checkbox:before {
  opacity: 1;
}
.checkbox-option.is-readonly {
  cursor: default;
  pointer-events: none;
}
.multiple-select-list-raw-choices-text {
  font-size: var(--raw-field-font-size);
}
.multiple-select-list-raw-choices-pill {
  min-height: 26px;
  --select-option-is-hover-background-color: var(--G-1, #F3F3F4);
}
.multiple-select-list-raw-choices-pill .text {
  font-size: var(--raw-field-font-size);
}
.multiple-select-grid-display {
  position: relative;
  display: flex;
  min-height: 100%;
  height: 100%;
}
.multiple-select-grid-display.animated-indent .multiple-select-grid-display__item:first-child {
  margin-left: 25px;
  transition: margin-left 200ms ease-in;
}
.multiple-select-grid-display.is-selected:not(.is-formula-field).multiple-select-grid-display--more-button {
  padding-right: 60px;
}
.multiple-select-grid-display.is-formula-field {
  width: auto;
  padding: 0;
}
.multiple-select-grid-display--pills {
  --select-option-is-hover-background-color: var(--G-1-5, #E9E9E9);
}
.multiple-select-grid-display--text {
  padding-top: 10px;
  padding-bottom: 10px;
}
.multiple-select-grid-display--text .multiple-select-grid-display__item {
  margin-right: 2px;
  padding-bottom: 2px;
}
.multiple-select-grid-display--text.multiple-select-grid-display--size-compact {
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiple-select-grid-display--text.multiple-select-grid-display--size-compact .multiple-select-grid-display__item {
  overflow: visible;
  display: inline;
}
.multiple-select-grid-display--text.multiple-select-grid-display--size-compact .multiple-select-grid-display__item .text {
  display: inline;
}
.multiple-select-grid-display--text:not(.multiple-select-grid-display--text.multiple-select-grid-display--size-compact) .multiple-select-grid-display__item {
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiple-select-grid-display--text.is-selected {
  max-width: none;
  display: flex;
}
.multiple-select-grid-display--text.is-lookup-field {
  overflow: visible;
}
.multiple-select-grid-display--text.is-lookup-field .multiple-select-grid-display__item {
  margin-right: 0;
}
.multiple-select-grid-display--pills.is-selected {
  padding: 8px 16px;
  gap: 7px;
}
.multiple-select-grid-display--pills:not(.is-selected):not(.is-lookup-field) {
  gap: 7px;
  margin: 8px 16px 0;
  min-height: auto;
}
.multiple-select-grid-display--pills:not(.is-selected):not(.is-lookup-field).multiple-select-grid-display--size-compact {
  flex-wrap: nowrap;
  height: auto;
  overflow: hidden;
  border-radius: 12px;
}
.multiple-select-grid-display--pills:not(.is-selected):not(.is-lookup-field):not(.multiple-select-grid-display--size-compact):not(.multiple-select-grid-display--size-auto) {
  height: calc(100% - 18px);
}
.multiple-select-grid-display--pills:not(.is-selected):not(.is-lookup-field) .multiple-select-grid-display__item {
  overflow: visible;
  display: block;
}
.multiple-select-grid-display--pills:not(.is-selected):not(.is-lookup-field).multiple-select-grid-display--size-auto {
  margin-bottom: 8px;
}
.multiple-select-grid-display .react-input-group {
  height: 100%;
}
.multiple-select-grid-edit.multiple-select-grid-edit--size-compact .multiple-select-grid-edit__wrap {
  max-height: 70px;
  min-height: 41px;
}
.multiple-select-grid-edit.multiple-select-grid-edit--size-medium .multiple-select-grid-edit__wrap {
  max-height: 167px;
  min-height: 74px;
}
.multiple-select-grid-edit.multiple-select-grid-edit--size-large .multiple-select-grid-edit__wrap {
  max-height: 231px;
  min-height: 107px;
}
.multiple-select-grid-edit.multiple-select-grid-edit--size-extra-large .multiple-select-grid-edit__wrap {
  max-height: 326px;
  min-height: 140px;
}
.multiple-select-grid-edit.multiple-select-grid-edit--size-auto .multiple-select-grid-edit__wrap {
  max-height: initial;
  min-height: 41px;
}
.multiple-select-grid-edit--add-button .multiple-select-grid-edit__choice:first-child {
  max-width: calc(100% - 33px);
  margin-left: 33px;
}
.multiple-select-grid-edit__click-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.multiple-select-grid-edit__wrap {
  overflow: hidden;
  width: 100%;
  height: auto;
}
.multiple-select-grid-edit__choices {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 8px 7px;
  max-width: 100%;
  padding: 8px 20px 7px 7px;
}
.multiple-select-grid-edit__choice {
  --select-option-is-hover-background-color: var(--G-1, #F3F3F4);
}
.multiple-select-add-button {
  opacity: 0;
  z-index: 1;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-left: 12px;
  margin-top: 11px;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  transition: opacity 300ms ease-in-out;
}
.multiple-select-add-button:hover {
  background-color: var(--solution-hover-color);
}
.multiple-select-add-button.is-inline-edit {
  opacity: 1;
  top: 11px;
  left: 12px;
  margin-top: 0;
  margin-left: 0;
}
.multiple-select-add-button.is-hovered, .multiple-select-add-button.is-selected {
  opacity: 1;
}
.multiple-select-add-button-expanded {
  margin-bottom: 14px;
}
.multiple-select-field-dropdown__panel {
  min-width: calc(100% + 30px);
  --select-option-margin-bottom: 4px;
}
.multiple-select-field-dropdown__option {
  position: relative;
  min-height: 28px;
  padding: 2px 9px;
}
.multiple-select-field-dropdown__option.is-text {
  padding-top: 5px;
  padding-bottom: 5px;
}
.multiple-select-field-dropdown__option-arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  color: var(--G-8, #4d4d4d);
  transform: translateY(-50%);
}
.multiple-select-field-dropdown__addnewchoice {
  min-height: 60px;
  border-top: 1px solid var(--G-1, #F3F3F4);
  padding: 0 12px;
}
.multiple-select-grid-empty {
  width: 100%;
  height: 100%;
}
.multiple-select-field-control {
  width: 100%;
}
.multiple-select-field-control__wrapper {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.multiple-select-field-control__item {
  margin-bottom: 9px;
  max-width: 100%;
}
.multiple-select-field-control__item:not(:last-child) {
  margin-right: 7px;
}
.multiple-select-field-control.is-lookup-field .multiple-select-field-control__item {
  margin-bottom: 0;
}
.multiple-select-field-control--size-compact:not(.is-selected) .multiple-select-field-control__wrapper {
  flex-wrap: nowrap;
  border-radius: 13px;
}
.multiple-select-field-control--size-compact:not(.is-selected) .multiple-select-field-control__item {
  margin-bottom: 0;
}
.multiple-select-field-control--text .multiple-select-field-control__wrapper {
  line-height: 0;
}
.multiple-select-field-control--text .multiple-select-field-control__wrapper span {
  line-height: 20px;
  margin-right: 2px;
}
.multiple-select-field-control--text:not(.multiple-select-field-control--groupBy) .multiple-select-field-control__wrapper span {
  margin-bottom: 2px;
}
.multiple-select-field-control--text.multiple-select-field-control--size-compact .multiple-select-field-control__wrapper {
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiple-select-field-control--text:not(.multiple-select-field-control--size-compact):not(.multiple-select-field-control--card) .multiple-select-field-control__wrapper span {
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.multiple-select-field-control--text .multiple-select-field-control--size-compact span {
  white-space: nowrap;
}
.multiple-select-field-control--text.multiple-select-field-control--size-medium .multiple-select-field-control__wrapper {
  max-height: 40px;
}
.multiple-select-field-control--text.multiple-select-field-control--size-large .multiple-select-field-control__wrapper {
  max-height: 90px;
}
.multiple-select-field-control--text.multiple-select-field-control--size-extra-large .multiple-select-field-control__wrapper {
  max-height: 110px;
}
.multiple-select-field-control--group-by .multiple-select-field-control__item {
  margin-bottom: 0;
}
.multiple-select-field-control--group-by .multiple-select-field-control__item.is-text-only {
  font-weight: 600;
}
.multiple-select-field-control--card {
  width: auto;
  min-height: 26px;
  max-width: 100%;
}
.multiple-select-field-control--card.multiple-select-field-control--text .multiple-select-field-control__wrapper {
  display: block;
}
.multiple-select-field-control--card .multiple-select-field-control__wrapper {
  flex-wrap: nowrap;
  border-radius: 13px;
}
.multiple-select-field-control--card .multiple-select-field-control__item {
  margin-bottom: 0;
}
.multiple-select-field-control--linked-card {
  border-radius: 12px;
  overflow: hidden;
}
.multiple-select-field-control--linked-card .multiple-select-field-control__item {
  margin-bottom: 0;
}
.multiple-select-field-control--linked-card .multiple-select-field-control__wrapper {
  flex-wrap: nowrap;
}
.record-id-field-control--grid, .record-id-field-control--lookup {
  position: relative;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.record-id-field-control-grid-label-info {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.record-id-field-control.is-copied {
  animation: selected 1s forwards;
}
.record-id-field-control.is-copied + .record-id-field-control-message {
  opacity: 0;
  animation: copied 1s forwards 0.4s;
}
.record-id-field-control-message {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #3EAC40;
  border-radius: 8px;
  background-color: #EEF6EE;
  color: #3EAC40;
  transition: none;
  pointer-events: none;
}
@keyframes copied {
  0% {
    opacity: 0;
  }
  25%, 75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes selected {
  0%, 99% {
    padding-right: 16px;
  }
  100% {
    padding-right: 30px;
  }
}
.record-id-field-edit-record__wrap {
  pointer-events: all;
}
.record-id-field-edit-record__wrap:hover {
  cursor: text;
}
.record-id-field-edit-record.is-focus .record-id-field-edit-record__wrap {
  border: 1px solid var(--G-4, #B2B2B3);
}
.record-id-field-edit-record__input input {
  line-height: 33px;
  pointer-events: all;
}
.autonumber-field-control {
  display: flex;
}
.autonumber-field-control--grid {
  max-width: calc(100% - 32px);
  margin-top: 7px;
  margin-right: 16px;
  margin-left: 16px;
}
.autonumber-field-control--linked-card {
  height: 24px;
}
.autonumber-field-control__label {
  max-height: 24px;
}
.auto-number-label {
  position: relative;
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--G-9, #232B36);
  padding: 0 10px;
  display: inline-block;
  border-radius: 5px;
  font-size: 11px;
  height: 26px;
  line-height: 26px;
  align-items: center;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
}
.auto-number-grid-label-info {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.formatted-number-field {
  width: 100%;
  display: flex;
}
.formatted-number-field.is-read-only .formatted-number-field__value {
  width: 100%;
  pointer-events: all;
}
.formatted-number-field.is-focus .formatted-number-field__input input {
  opacity: 1;
}
.formatted-number-field.no-value .formatted-number-field__input input {
  opacity: 1;
}
.formatted-number-field__wrapper {
  position: relative;
  width: 100%;
}
.formatted-number-field__value {
  position: absolute;
  top: 7px;
  left: 0;
  padding: 0 10px;
  width: 100%;
  pointer-events: none;
}
.formatted-number-field__legend {
  position: relative;
  max-width: 50%;
  pointer-events: none;
  margin-right: 25px;
  display: flex;
  align-items: center;
}
.formatted-number-field__separator {
  margin: 0 3px;
}
.formatted-number-field__legend-item {
  display: inline-block;
  line-height: 32px;
}
.formatted-number-field__input input {
  opacity: 0;
}
.formatted-number-field__arrows {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.number-field-grid-control {
  position: relative;
}
.number-field-grid-control.is-selected:not(.is-read-only):not(.is-inline-edit):not(.is-nested-field) {
  margin-right: 30px;
}
.number-field-grid-control.is-nested-field {
  width: 100%;
}
.number-field-grid-control.is-rollup {
  padding-right: 16px;
  padding-left: 16px;
}
.number-field-grid-control--labels .number-field-grid-control__editor input {
  padding-right: 8px;
}
.number-field-grid-control__editor {
  height: 40px;
}
.number-field-grid-control__editor input {
  height: 39px;
  padding-right: 24px;
  padding-left: 16px;
}
.number-field-grid-control__arrows {
  position: absolute;
  top: 0;
  right: 0;
}
.number-field-grid-control-display {
  padding-top: 10px;
  height: 100%;
}
.number-field-grid-control-display:not(.is-nested-field) {
  overflow: hidden;
  max-height: 100%;
  padding-bottom: 10px;
  margin-right: 16px;
  margin-left: 16px;
}
.number-field-params-display-format {
  min-height: 55px;
  height: 55px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.031372549);
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.number-field-control {
  height: 100%;
}
.number-field-control__editor {
  height: 100%;
  align-items: start;
  padding-left: 6px;
}
.number-field-control__editor-input, .number-field-control__editor-legend {
  height: 40px;
  line-height: 40px;
}
.number-field-control__editor-display {
  padding-left: 16px;
  line-height: 40px;
}
.count-field-control {
  position: relative;
  display: flex;
  align-items: flex-start;
  color: var(--typo-primary, #2E3538);
}
.count-field-control--card {
  min-height: 26px;
}
.count-field-control--card.is-error .tooltip {
  width: auto;
}
.count-field-control--linked-card {
  height: 24px;
}
.count-field-control--formula {
  height: 34px;
  padding: 4px;
  align-items: center;
}
.count-label {
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  background-color: var(--G-1, #F3F3F4);
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  flex-shrink: 0;
}
.count-label__value {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  min-width: 26px;
  height: 26px;
  padding: 0 6px;
  border-radius: 5px;
  color: var(--G-0, #FFFFFF);
  font-size: 11px;
  font-weight: 600;
}
.count-label__prefix-sufix {
  padding: 3px 10px;
  line-height: 20px;
}
.count-label--linked-card {
  font-size: 11px;
}
.count-label--linked-card .count-label__value {
  height: 24px;
}
.count-field-edit-record {
  align-items: center;
  height: 34px;
  padding: 4px;
  cursor: text;
}
.count-control-tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.count-control-tooltip__icon {
  color: #FF5757;
  cursor: default;
}
.count-control-tooltip__icon:hover {
  color: #F1273F;
}
.count-control-tooltip--edit-record {
  height: 16px;
  width: auto;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -8px;
  pointer-events: all;
}
.count-control-label--edit-record {
  font-size: 14px;
  background-color: var(--G-0, #FFFFFF);
  line-height: 26px;
}
.count-control-label--grid {
  text-overflow: inherit;
}
.count-control-label--is-clickable {
  cursor: pointer;
}
.count-field-dispaly-format {
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.07);
}
.number-slider-field-control--card {
  min-height: 20px;
  width: 100%;
}
.number-slider-field-control--linked-card {
  width: 100%;
  --progress-value-width-value: 26px;
}
.number-slider-field-control--formula {
  padding: 0 10px;
}
.number-slider-field-control--raw {
  width: 100px;
  max-width: 100%;
}
.number-slider-field-control--value-width-1 {
  --progress-value-width: 24px;
}
.number-slider-field-control--value-width-1.number-slider-field-control--linked-card {
  --progress-value-width-value: 22px;
  --progress-value-width: 22px;
}
.number-slider-field-control--value-width-2 {
  --progress-value-width: 32px;
}
.number-slider-field-control--value-width-2.number-slider-field-control--linked-card {
  --progress-value-width-value: 22px;
  --progress-value-width: 22px;
}
.number-slider-field-control--value-width-3 {
  --progress-value-width: 40px;
}
.number-slider-field-control--value-width-3.number-slider-field-control--linked-card {
  --progress-value-width: 26px;
}
.number-slider-field-control--value-width-4 {
  --progress-value-width: 48px;
}
.number-slider-field-control--value-width-4.number-slider-field-control--linked-card {
  --progress-value-width: 34px;
}
.number-slider-progress {
  height: 18px;
}
.number-slider-progress--edit-record {
  height: auto;
}
.number-slider-progress__bar {
  width: var(--progress-bar-width);
}
.number-slider-progress--display-1 .number-slider-progress__bar {
  height: 3px;
}
.number-slider-progress--display-2 .number-slider-progress__bar {
  height: 8px;
}
.number-slider-progress--display-3 .number-slider-progress__bar {
  height: 16px;
}
.number-slider-progress-edit-record {
  padding-right: 10px;
  padding-left: 10px;
  --slider-progress-input-weight: 500;
}
.number-slider-grid-display {
  position: relative;
  margin: 11px var(--field-gutter, 16px);
  flex: 1 0;
}
.number-slider-grid-display.is-formula-target {
  margin-left: 0;
  margin-left: 0;
}
.number-slider-group-display {
  min-width: 120px;
}
.percent-complete-slider-progress__bar {
  width: var(--progress-bar-width);
}
.percent-complete-slider-progress--display-1 .percent-complete-slider-progress__bar {
  height: 5px;
}
.percent-complete-slider-progress--display-2 .percent-complete-slider-progress__bar {
  height: 8px;
}
.percent-complete-slider-progress--display-3 .percent-complete-slider-progress__bar {
  height: 16px;
  border: none;
  background-color: var(--G-0, #FFFFFF);
}
.percent-complete-slider-progress--display-3.has-gradient .percent-complete-slider-progress__bar:before {
  border-style: solid;
  border-width: 2px;
  border-radius: 5px 0 0 5px;
  border-color: transparent;
  border-right: none;
}
.percent-complete-slider-progress--display-3:not(.has-gradient) .percent-complete-slider-progress__bar:before {
  border-radius: 0;
}
.percent-complete-slider-progress--display-3:not(.has-gradient) .percent-complete-slider-progress__bar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  border-style: solid;
  border-width: 2px;
  border-color: inherit;
}
.percent-complete-slider-progress--display-3 .percent-complete-slider-progress__slider {
  border-radius: 0;
}
.percent-complete-slider-progress--display-3 .percent-complete-slider-progress__rest {
  background-color: var(--G-0, #FFFFFF);
}
.percent-complete-slider-progress--gradient.percent-complete-slider-progress--display-3 .percent-complete-slider-progress__bar::after {
  background-color: var(--G-2, #DEDEDE);
}
.percent-complete-slider-progress--gradient .percent-complete-slider-progress__bar {
  display: flex;
  border-width: 0;
}
.percent-complete-slider-progress--gradient .percent-complete-slider-progress__slider {
  box-shadow: 5px 0px 0px 0px var(--G-2, #DEDEDE);
}
.percent-complete-slider-progress--gradient-red .percent-complete-slider-progress__bar {
  background-image: linear-gradient(to right, #DD1C1A, #F1C40F, #57A773);
}
.percent-complete-slider-progress--gradient-green .percent-complete-slider-progress__bar {
  background-image: linear-gradient(to right, #9ACAAB, #57A773);
}
.percent-complete-slider-progress--gradient-yellow .percent-complete-slider-progress__bar {
  background-image: linear-gradient(to right, #F1C40F, #57A773);
}
.percent-complete-slider-progress--gradient-black .percent-complete-slider-progress__bar {
  background-image: linear-gradient(to right, var(--G-7, #6F7173), #232528);
}
.percent-complete-field-control--card {
  min-height: 18px;
  width: 100%;
}
.percent-complete-field-control--linked-card {
  width: 100%;
  --progress-value-width-value: 30px;
}
.percent-complete-field-control--formula {
  padding: 0 10px;
}
.percent-complete-field-control--raw {
  width: 100px;
  max-width: 100%;
}
.percent-complete-slider {
  padding-left: 10px;
  --number-slider-input-right: 14px;
  --slider-progress-input-weight: 500;
}
.percent-complete-slider.number-slider-main--display-3 {
  padding-left: 0;
}
.percent-complete-slider.number-slider-main--display-3 .number-slider-wrapper {
  height: 100%;
}
.percent-complete-grid-control {
  position: relative;
  min-height: 18px;
  margin: 11px var(--field-gutter, 16px);
}
.percent-complete-group-display {
  min-width: 120px;
}
.rating-control {
  position: relative;
  text-align: center;
  width: 100%;
  padding-top: 12px;
}
.rating-control--grid-icons {
  padding-top: 12px;
}
.rating-control--grid-numbers {
  padding-top: 10px;
  overflow: hidden;
}
.rating-control--showlabels {
  padding: 9px 10px 8px 10px;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
  display: flex;
  justify-content: center;
}
.rating-control__labels {
  display: flex;
  justify-content: space-between;
  left: 10px;
  right: 10px;
  bottom: 5px;
  position: absolute;
}
.rating-control__label {
  display: block;
  overflow: hidden;
  flex-basis: 100%;
  text-overflow: ellipsis;
}
.rating-control__label:first-child {
  padding-right: 10px;
  text-align: left;
}
.rating-control__label:last-child {
  text-align: right;
  padding-left: 10px;
}
.rating-buttons {
  white-space: nowrap;
  height: 16px;
  font-size: 0;
  display: inline-block;
  position: relative;
  color: var(--G-3, #C7C8C9);
}
.rating-buttons__item {
  display: inline-block;
  height: 20px;
}
.rating-buttons--rectangle .rating-buttons__rectangle {
  border: 1px solid #D7D7DB;
  background-color: var(--G-0, #FFFFFF);
}
.rating-buttons__rectangle {
  min-width: 20px;
  width: 20px;
  border-radius: 5px;
  background-color: var(--G-3, #C7C8C9);
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin-right: 2px;
}
.rating-buttons__rectangle.is-hover {
  background-color: var(--custom-washed-color);
  color: var(--G-0, #FFFFFF);
}
.rating-buttons__rectangle.is-active {
  background-color: var(--custom-color);
  color: var(--G-0, #FFFFFF);
  border-color: var(--custom-color);
}
.rating-buttons.is-clickable .rating-buttons__item {
  cursor: pointer;
}
.rating-buttons--rectangle, .rating-buttons--number {
  height: 20px;
  color: var(--typo-primary, #2E3538);
}
.rating-buttons--rectangle .rating-buttons__tooltip:not(:last-child) .rating-buttons__item, .rating-buttons--number .rating-buttons__tooltip:not(:last-child) .rating-buttons__item {
  padding-right: 2px;
}
.rating-buttons .tooltip {
  position: absolute;
  top: 0;
  left: 0;
}
.rating-buttons-tooltip-area {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.rating-field-control--grid-icons {
  padding-top: 12px;
  overflow: hidden;
  white-space: nowrap;
}
.rating-field-control--grid-numbers {
  padding-top: 10px;
  overflow: hidden;
  white-space: nowrap;
}
.rating-field-control--formula {
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.rating-field-control.is-read-only > div {
  pointer-events: none;
}
.rating-field-control.formula-field-control__nested-field {
  padding-top: 0;
}
.rating-field-control--card {
  padding: 0;
  text-align: left;
}
.rating-field-control--card .rating-buttons {
  white-space: break-spaces;
}
.rating-field-control--card .rating-buttons .rating-buttons__rectangle {
  margin-bottom: 2px;
}
.rating-field-control--card-labels {
  min-height: 59px;
  padding-top: 9px;
}
.rating-field-control--edit-record {
  display: flex;
  align-items: center;
  padding: 0px 10px 0 10px;
  width: 100%;
  height: 32px;
}
.rating-field-control--edit-record.rating-control--showlabels {
  align-items: flex-start;
  height: 52px;
  padding: 9px 10px 6px 10px;
  background-color: transparent;
}
.rating-field-control--raw {
  display: flex;
  align-items: center;
  padding: 0;
}
.rating-field-inline-edit {
  padding-left: var(--field-gutter, 16px);
  padding-right: var(--field-gutter, 16px);
  overflow: hidden;
}
.rating-field-inline-edit--numbers {
  padding-top: 10px;
}
.signature-field-control {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.signature-field-control__text {
  padding: 0 16px;
  line-height: 32px;
  font-family: "adobe-handwriting-ernie", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.signature-field-control__image {
  max-width: 100%;
  max-height: 100%;
}
.signature-field-control__clear {
  z-index: 1;
  background-color: transparent;
}
.signature-field-control__arrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  height: 100%;
  width: 22px;
  min-width: 22px;
  cursor: pointer;
  background-color: var(--G-1, #F3F3F4);
}
.signature-field-control__arrow:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin: -2px auto 0 auto;
  border: 5px solid transparent;
  border-top-color: var(--ic-dark, #2D2D2D);
}
.signature-field-control:hover .signature-field-control__arrow {
  opacity: 1;
}
.signature-field-control::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url(/assets/images/diagonal-pattern.svg);
  background-size: 6px;
  opacity: 0.15;
}
.signature-field-control__empty-value {
  width: 18px;
  height: 2px;
  background-color: var(--readability, #111);
  opacity: 0.21;
}
.signature-field-control--grid {
  overflow: hidden;
}
.signature-field-control--grid .signature-field-control__text {
  white-space: nowrap;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}
.signature-field-control--grid .signature-field-control__clear {
  width: 20px;
  justify-content: center;
}
.signature-field-control--card {
  width: 100%;
  height: 64px;
}
.signature-field-control--card .signature-field-control__text {
  white-space: nowrap;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}
.signature-field-control--linked-card {
  height: 24px;
  min-height: 100%;
  width: 100%;
}
.signature-field-control--empty-value::after {
  display: none;
}
.signature-input {
  height: 64px;
  width: 100%;
  position: relative;
  border-radius: 5px;
}
.signature-input::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url(/assets/images/diagonal-pattern.svg);
  background-size: 6px;
  opacity: 0.15;
  z-index: 0;
}
.signature-input__input input, .signature-input__placeholder {
  text-align: center;
  font-size: 24px;
  font-family: "adobe-handwriting-ernie", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.signature-input__image, .signature-input__input, .signature-input__pad {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.signature-input__input input::placeholder {
  color: rgba(46, 53, 56, 0.2);
}
.signature-input__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 10px;
  align-items: center;
  justify-content: center;
  opacity: 0.2;
  display: none;
}
.signature-input__placeholder.is-active {
  display: flex;
}
.signature-input__image:focus, .signature-input__pad:focus {
  outline: none;
}
.signature-field-edit-record__switch {
  margin-top: 3px;
  padding: 0 2px;
}
.signature-field-edit-record__switch .switch-button__slider {
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 3px;
}
.signature-field-edit-record__clear {
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 5px;
  margin: 3px 0 0 auto;
  color: var(--typo-secondary, #878B92);
  transition: color 150ms ease-out;
}
.signature-field-edit-record__clear:hover, .signature-field-edit-record__clear:focus {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.signature-image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.vote-controller {
  display: flex;
  align-items: center;
  font-size: 0;
  overflow: hidden;
}
.vote-controller__number {
  overflow: hidden;
  text-align: right;
  min-width: 10px;
  margin-left: 14px;
}
.vote-controller__progress {
  height: var(--vote-progress-height, 26px);
  flex-grow: 1;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  width: var(--vote-progress-width, auto);
  margin-left: 10px;
}
.vote-controller__filled {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.vote-button {
  position: relative;
  width: var(--vote-button-dimension, 26px);
  height: var(--vote-button-dimension, 26px);
  flex-shrink: 0;
  border: 2px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.vote-button:before, .vote-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  pointer-events: none;
}
.vote-button.is-active {
  background-color: var(--active-color);
  border-color: var(--active-color);
}
.vote-button.is-active:before {
  width: 5px;
  height: 9px;
  margin-top: -1px;
  transform: translate(-50%, -50%) rotate(45deg);
  border-bottom: 2px solid var(--G-0, #FFFFFF);
  border-right: 2px solid var(--G-0, #FFFFFF);
}
.vote-button.is-disabled {
  cursor: default;
}
.vote-button:hover:not(.is-disabled):before, .vote-button:hover:not(.is-disabled):after {
  width: 12px;
  height: 2px;
  background-color: var(--active-color);
  transform: translate(-50%, -50%);
}
.vote-button:hover:not(.is-disabled):after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.vote-button:hover:not(.is-disabled).is-active:after {
  display: none;
}
.vote-button:hover:not(.is-disabled).is-active:before {
  width: 10px;
  height: 2px;
  background-color: var(--G-0, #FFFFFF);
  transform: translate(-50%, -50%);
  border: none;
  margin: 0;
}
.vote-button__tooltip {
  border-radius: 50%;
}
.view-votes {
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  color: var(--solution-primary-color);
  cursor: pointer;
}
.view-votes:hover {
  color: var(--solution-hover-color);
}
.vote-modal-header {
  padding: 0px 20px 13px 21px;
  background-color: var(--G-0, #FFFFFF);
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  display: flex;
  align-items: center;
  position: relative;
}
.vote-modal-header__title {
  letter-spacing: 0.49px;
  margin-right: 5px;
}
.vote-modal-header__badge {
  position: relative;
  top: 1px;
}
.vote-modal-header__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  border-radius: 5px;
}
.vote-modal-header__menu {
  position: absolute;
  right: 30px;
  bottom: 15px;
}
.vote-modal-body {
  height: calc(100vh - 143px);
  padding: 0 30px;
}
.vote-modal-body__search {
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  position: relative;
  margin-bottom: 25px;
}
.vote-field-edit-record-control__input {
  padding: 0 5px;
  display: flex;
  align-items: center;
  height: 32px;
}
.vote-field-edit-record-control__number {
  margin-left: 10px;
}
.vote-field-edit-record-control__text {
  margin-left: 4px;
}
.vote-field-control--groups, .vote-field-control--linked-card {
  width: 100px;
}
.vote-field-control--linked-card {
  --vote-button-dimension: 24px;
  --vote-progress-height: 24px;
}
.vote-field-control-grid {
  align-self: flex-start;
  width: 100%;
}
.email-field-control {
  display: block;
  overflow: hidden;
  flex-shrink: 0;
}
.email-field-control--single.email-field-control__value {
  width: auto;
  height: auto;
}
.email-field-control__list {
  position: relative;
  overflow: hidden;
  display: block;
  max-width: 100%;
  border-radius: 12px;
  white-space: nowrap;
}
.email-field-control__list:before {
  box-shadow: inset -13px 0 0 0 var(--grid-row-background);
}
.email-field-control__value {
  display: inline-block;
  padding: 4px 10px;
  box-shadow: inset 0 0 0 1px var(--G-2, #DEDEDE);
  border-radius: 13px;
  background-color: var(--G-0-5, #FAFAFA);
  white-space: nowrap;
  max-width: 100%;
  vertical-align: top;
  cursor: pointer;
}
.email-field-control__value:hover {
  color: var(--solution-hover-color);
  transition: color 150ms ease-out;
}
.email-field-control__value:not(:last-child) {
  margin-right: 5px;
}
.email-field-control__value--highlight {
  color: var(--solution-primary-color);
  text-decoration: none;
}
.email-field-control__value--highlight:hover {
  color: var(--solution-hover-color);
}
.email-field-control__value.is-disabled {
  pointer-events: none;
}
.email-field-control--multiple .email-field-control__value {
  display: inline-flex;
}
.email-field-control--grid:not(.email-field-control--inline-edit) {
  max-width: calc(100% - 32px);
  max-height: calc(100% - 8px);
  margin-top: 7px;
  margin-right: 16px;
  margin-left: 16px;
}
.email-field-control--grid:not(.email-field-control--inline-edit).email-field-control--multiple {
  display: inline-block;
}
.email-field-control--grid.email-field-control--size-compact.email-field-control--multiple {
  max-height: 26px;
  white-space: nowrap;
}
.email-field-control--grid.email-field-control--size-compact.email-field-control--multiple .email-field-control__value {
  clip-path: inset(0px 0px 0px 0px round 12px 12px);
}
.email-field-control--grid.email-field-control--size-compact.email-field-control--multiple .email-field-control__value:before {
  content: "";
  z-index: 5;
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 24px;
  box-shadow: inset -1px 0 0 1px var(--G-2, #DEDEDE);
  border-radius: 0 12px 12px 0;
}
@supports (-ms-ime-align: auto) {
  .email-field-control--grid.email-field-control--size-compact.email-field-control--multiple .email-field-control__value:before {
    display: none;
  }
}
.email-field-control--grid:not(.email-field-control--size-compact):not(.email-field-control--only-one) {
  white-space: normal;
  border-radius: 0;
}
.email-field-control--grid:not(.email-field-control--size-compact):not(.email-field-control--only-one):before, .email-field-control--grid:not(.email-field-control--size-compact):not(.email-field-control--only-one):after {
  display: none;
}
.email-field-control--grid:not(.email-field-control--size-compact):not(.email-field-control--only-one) .email-field-control__value {
  margin-bottom: 7px;
}
.email-field-control--grid:not(.email-field-control--size-compact) .email-field-control__value {
  display: inline-block;
}
.email-field-control--grid:not(.email-field-control--size-compact).email-field-control--groupBy .email-field-control__list {
  flex-wrap: nowrap;
}
.email-field-control--card {
  min-height: 26px;
}
.email-field-control--card .email-field-control__value {
  clip-path: inset(0px 0px 0px 0px round 12px 12px);
}
.email-field-control--card .email-field-control__value:before {
  content: "";
  z-index: 5;
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 24px;
  box-shadow: inset -1px 0 0 1px var(--G-2, #DEDEDE);
  border-radius: 0 12px 12px 0;
}
@supports (-ms-ime-align: auto) {
  .email-field-control--card .email-field-control__value:before {
    display: none;
  }
}
.email-field-control--groupBy {
  min-height: unset;
}
.email-field-control--groupBy .email-field-control__list {
  overflow: visible;
}
.email-field-control--linked-card {
  padding: 0;
  min-height: auto;
  pointer-events: all;
  color: var(--typo-primary, #2E3538);
}
.email-field-control--linked-card .email-field-control__value {
  clip-path: inset(0px 0px 0px 0px round 12px 12px);
}
.email-field-control--linked-card .email-field-control__value:before {
  content: "";
  z-index: 5;
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 24px;
  box-shadow: inset -1px 0 0 1px var(--G-2, #DEDEDE);
  border-radius: 0 12px 12px 0;
}
@supports (-ms-ime-align: auto) {
  .email-field-control--linked-card .email-field-control__value:before {
    display: none;
  }
}
.email-field-control--linked-card .email-field-control__value {
  padding: 3px 10px;
  text-decoration: underline;
}
.email-field-control--linked-card:not(.email-field-control--size-compact) .email-field-control__list {
  flex-wrap: nowrap;
  border-radius: 12px;
}
.email-field-control--linked-card:not(.email-field-control--size-compact) .email-field-control__value {
  margin-bottom: 0;
}
.email-field-control--linked-card:not(.email-field-control--size-compact) .email-field-control__value:hover {
  text-decoration: none;
}
.email-field-control--linked-card:not(.email-field-control--size-compact) .email-field-control__value:hover .email-field-control__value-text {
  color: var(--solution-primary-color);
}
.email-field-control--formula .email-field-control__list {
  flex-wrap: wrap;
}
.email-field-control--formula .email-field-control__value {
  margin: 3px 5px;
}
.email-field-control--inline-edit.email-field-control--single {
  padding-top: 0;
}
.email-field-control--inline-edit.email-field-control--multiple {
  display: flex;
  flex-wrap: wrap;
  padding: 8px 0 0 8px;
}
.email-field-control--lookup {
  padding-top: 0;
}
.email-field-edit-record__value {
  display: inline-flex;
  margin: 3px 5px;
  padding: 4px 10px;
  max-width: calc(100% - 10px);
  border-radius: 13px;
  background-color: var(--G-0-5, #FAFAFA);
  color: var(--solution-primary-color);
  box-shadow: inset 0 0 0 1px var(--G-2, #DEDEDE);
  white-space: nowrap;
  cursor: default;
  transition: color 150ms ease-out;
}
.email-field-edit-record__value:hover {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.email-field-edit-record__value:not(:last-child) {
  margin-right: 5px;
}
.email-field-edit-record__multiple {
  display: flex;
  flex-wrap: wrap;
  padding: 4px 0 0 5px;
}
.email-field-edit-record__input-multiple {
  width: 100%;
  height: 26px;
  padding: 0 5px;
  color: var(--typo-primary, #2E3538);
  font-family: inherit;
  background-color: transparent;
}
.email-field-shape {
  z-index: 2;
  position: absolute;
  right: -16px;
  top: 0;
  width: 27px;
  height: 100%;
}
.email-field-grid-control {
  overflow: hidden;
}
.email-field-grid-control.is-read-only {
  height: 100%;
}
.email-field-grid-control.is-inline-edit {
  position: absolute;
  border: 1px solid var(--solution-primary-color);
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  overflow: hidden;
  background: var(--G-0, #FFFFFF);
  z-index: 1;
  min-height: calc(100% + 2px);
  height: auto;
}
.email-field-grid-control.is-inline-edit.email-field-grid-control--size-compact {
  max-height: 26px;
}
.email-field-grid-control.is-inline-edit.email-field-grid-control--size-medium {
  max-height: 57px;
}
.email-field-grid-control.is-inline-edit.email-field-grid-control--size-large {
  max-height: 88px;
}
.email-field-grid-control.is-inline-edit.email-field-grid-control--size-extra-large {
  max-height: 119px;
}
.email-field-grid-control.is-inline-edit.email-field-grid-control--size-auto {
  height: 100%;
}
.email-field-grid-control.is-inline-edit.email-field-grid-control--more-button {
  padding-right: 60px;
}
.email-field-expanded {
  display: flex;
  flex-wrap: wrap;
}
.email-field-expanded .editable-pill__label {
  cursor: pointer;
}
.email-field-dropdown__wrap {
  margin-bottom: 0;
  padding: 17px 12px;
}
.email-field-item {
  max-width: 100%;
}
.email-field-item__addnew {
  width: 100%;
  margin-bottom: 15px;
}
.email-field-item__button {
  margin: 4px 11px 11px 0;
}
.tags-field-control {
  min-height: 26px;
}
.tags-field-control--grid, .tags-field-control--import-modal {
  padding-top: 7px;
}
.tags-field-control--grid:not(.tags-field-control--size-compact) .tags-field-control__pill, .tags-field-control--import-modal:not(.tags-field-control--size-compact) .tags-field-control__pill {
  margin-bottom: 7px;
}
.tags-field-control--card .tags-field-control__pill, .tags-field-control--groupBy .tags-field-control__pill {
  cursor: pointer;
}
.tags-field-control--formula {
  padding: 1px 10px;
}
.tags-field-control--formula .tags-field-control__pill {
  margin: 2px 4px 2px 0;
}
.tags-field-control {
  overflow: hidden;
  max-height: 100%;
  border-radius: 5px;
  gap: 4px;
}
.tags-field-control__pill {
  height: 26px;
  color: var(--typo-primary, #2E3538);
}
.tags-field-control--grid {
  overflow: visible;
}
.tag-field-edit-record__empty {
  padding: 14px 0 14px 11px;
  text-align: center;
  width: 100%;
}
.tag-field-edit-record__empty-text:not(:last-child) {
  margin-bottom: 16px;
}
.tag-field-edit-record__empty-button {
  position: absolute;
  left: 18px;
  bottom: 0;
  padding: 0;
}
.tag-field-edit-record__tag-name {
  font-weight: 600;
  padding-left: 4px;
}
.tag-field-edit-record__pill {
  margin: 0px 4px 4px 0px;
  cursor: pointer;
}
.tag-field-edit-record__pill:not(.is-selected):hover {
  color: var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
}
.tag-field-edit-record__pill.is-disabled {
  cursor: pointer;
}
.tag-field-edit-record__custom-section {
  padding-left: 22px;
}
.tags-field-select {
  display: flex;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.tags-field-select__list-in {
  padding: 6px 4px 0 4px;
}
.tags-field-select__list-in .tags-field-select__list-options {
  padding-top: 0px;
  min-height: 65px;
  align-items: center;
}
.tags-field-select__empty {
  padding: 2px 0 14px 11px;
  text-align: center;
  width: 100%;
}
.tags-field-select__empty-text:not(:last-child) {
  margin-bottom: 16px;
}
.tags-field-select__empty-button {
  position: absolute;
  left: 18px;
  bottom: 3px;
  padding: 0;
}
.tags-field-select__tag-name {
  font-weight: 600;
  padding-left: 4px;
}
.tags-field-select__pill {
  margin: 0px 4px 4px 0px;
  cursor: pointer;
  color: var(--typo-primary, #2E3538);
}
.tags-field-select__pill:not(.is-selected):hover {
  color: var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
}
.tags-field-select__pill.is-disabled {
  cursor: pointer;
}
.tags-field-select__pill.is-selected {
  margin: 0;
}
.tags-field-select__custom-section {
  padding-left: 22px;
}
.tags-field-select__add-button {
  position: absolute;
  left: 13px;
  top: 13px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  border-radius: 12px;
  background-color: var(--solution-primary-color);
  transition: background-color 150ms ease-out;
}
.tags-field-select__add-button::before, .tags-field-select__add-button::after {
  display: block;
  content: "";
  position: absolute;
  height: 2px;
  background-color: var(--G-0, #FFFFFF);
  left: 3px;
  right: 3px;
  top: 50%;
  margin-top: -1px;
}
.tags-field-select__add-button::after {
  transform: rotate(90deg);
}
.tags-field-select__add-button:hover {
  background-color: var(--solution-hover-color);
  background-color-transition: background-color 200ms ease-in;
}
.tags-field-select.is-opened .tags-field-select__add-button {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.tags-field-grid-control {
  margin: 7px var(--field-gutter, 16px) 0;
  gap: 7px 4px;
}
.tags-field-grid-control--size-compact {
  max-height: 73px;
}
.tags-field-grid-control--size-medium {
  max-height: 172px;
  height: calc(100% - 15px);
}
.tags-field-grid-control--size-large {
  max-height: 238px;
  height: calc(100% - 15px);
}
.tags-field-grid-control--size-extra-large {
  max-height: 336px;
  height: calc(100% - 15px);
}
.tags-field-grid-control--size-auto {
  height: 100%;
  margin-bottom: 7px;
}
.tags-field-grid-control.is-inline-edit {
  overflow: visible;
  padding-top: 0;
}
.tags-field-grid-control.is-formula-field {
  padding-top: 7px;
  margin-top: 0;
  margin-left: 0;
}
.tags-field-grid-control.is-lookup-target {
  margin-top: 0;
  margin-bottom: 0;
}
.duration-field-control--grid {
  position: relative;
  padding-top: 10px;
  max-height: 100%;
}
.duration-field-control--formula {
  padding: 0 10px;
  align-items: center;
}
.duration-input-group {
  position: relative;
}
.duration-input-group__tooltip {
  position: absolute;
  top: 8px;
  right: 8px;
}
.duration-tooltip__text {
  margin-bottom: 24px;
}
.duration-tooltip__info-icon {
  color: var(--G-4, #B2B2B3);
}
.duration-tooltip__info-icon:hover, .duration-tooltip__info-icon.is-active {
  color: var(--G-7, #6F7173);
}
.duration-tooltip__close {
  position: absolute;
  top: 11px;
  right: 10px;
  color: var(--ic-light, #c7cdcf);
  background-color: transparent;
}
.duration-tooltip__close:hover {
  color: #FF5757;
}
.duration-grid-control-clear {
  bottom: auto;
  right: 8px;
  top: 12px;
}
.duration-grid-control--auto {
  padding-bottom: 10px;
}
.percent-field-control--card {
  min-height: 20px;
}
.percent-field-control__legend {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}
.percent-field-grid-control.is-selected:not(.is-read-only) {
  padding-right: 28px;
}
.percent-field-grid-control__input input {
  height: 40px;
  padding-right: 16px;
  padding-left: 16px;
}
.percent-field-grid-control__legend {
  position: absolute;
  top: 10px;
  right: 28px;
}
.percent-field-grid-control__arrows {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
}
.percent-field-grid-control-display {
  position: relative;
  height: 100%;
  padding-top: 10px;
}
.percent-field-grid-control-display.has-value {
  text-align: right;
}
.percent-field-edit-record.is-read-only .percent-field-edit-record__value {
  width: 100%;
  pointer-events: all;
}
.percent-field-edit-record.is-focus .percent-field-edit-record__legend {
  right: 25px;
}
.percent-field-edit-record.is-focus .percent-field-edit-record__input input {
  opacity: 1;
}
.percent-field-edit-record.is-focus .percent-field-edit-record__arrows {
  opacity: 1;
}
.percent-field-edit-record.no-value .percent-field-edit-record__input input {
  opacity: 1;
}
.percent-field-edit-record__wrapper {
  position: relative;
  width: 100%;
}
.percent-field-edit-record__value {
  position: absolute;
  top: 7px;
  left: 10px;
  pointer-events: none;
}
.percent-field-edit-record__input input {
  opacity: 0;
  padding-right: 25px;
}
.percent-field-edit-record__legend {
  position: absolute;
  top: 6px;
  right: 5px;
  pointer-events: none;
}
.percent-field-edit-record__arrows {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.website-favicon {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  vertical-align: middle;
}
.link-field-edit-record--hide-add .link-field-edit-record__addbutton {
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms ease-in;
}
.link-field-edit-record__group {
  padding: 0 10px;
}
.link-field-edit-record__group:not(:last-of-type) {
  margin-bottom: 3px;
}
.link-field-edit-record__group.is-error .link-field-edit-record__field, .link-field-edit-record__group.is-active .link-field-edit-record__field {
  opacity: 1;
}
.link-field-edit-record__group:hover.link-field-edit-record__group--show-remove, .link-field-edit-record__group.is-active.link-field-edit-record__group--show-remove {
  --preview-link-right-offset: 20px;
}
.link-field-edit-record__group:hover.link-field-edit-record__group--show-remove .link-field-edit-record__clear, .link-field-edit-record__group.is-active.link-field-edit-record__group--show-remove .link-field-edit-record__clear {
  opacity: 1;
  pointer-events: all;
  transition: opacity 200ms ease-in;
}
.link-field-edit-record__group--empty .link-field-edit-record__field {
  opacity: 1;
}
.link-field-edit-record__group--show-remove .link-field-edit-record__field {
  padding-right: 24px;
}
.link-field-edit-record__group:hover {
  --link-icon-display: block;
}
.link-field-edit-record__field {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.link-field-edit-record__field input {
  line-height: 32px;
}
.link-field-edit-record__clear {
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 8px;
  color: var(--G-8, #4d4d4d);
  transform: translate(0, -50%);
  pointer-events: none;
  transition: opacity 150ms ease-out;
}
.link-field-edit-record__actions {
  margin-top: 6px;
  min-height: 16px;
}
.link-field-edit-record__addbutton {
  transition: opacity 150ms ease-out;
}
.link-field-dropdown {
  --active-color: $solution-primary-color;
}
.link-field-dropdown__wrap {
  padding: 14px 12px 0 12px;
}
.link-field-dropdown__input {
  margin-bottom: 14px;
}
.link-field-grid-control {
  overflow: hidden;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
@keyframes addbutton {
  0% {
    opacity: 0;
    width: 0px;
  }
  100% {
    opacity: 1;
    width: 28px;
  }
}
.link-field-grid-control:hover.link-field-grid-control--addbutton .link-field-grid-control__addbutton {
  animation: addbutton 250ms ease-in-out both;
}
.link-field-grid-control.link-field-grid-control--single {
  --link-list-content-display: inline-block;
  color: var(--typo-primary, #2E3538);
}
.link-field-grid-control.link-field-grid-control--single.link-field-grid-control--favicon_only {
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  justify-content: center;
}
.link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--link_with_favicon.link-field-grid-control--size-medium .link-field-grid-control__list, .link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--link_only.link-field-grid-control--size-medium .link-field-grid-control__list {
  max-height: 45px;
}
.link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--link_with_favicon.link-field-grid-control--size-large .link-field-grid-control__list, .link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--link_only.link-field-grid-control--size-large .link-field-grid-control__list {
  max-height: 90px;
}
.link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--link_with_favicon.link-field-grid-control--size-extra-large .link-field-grid-control__list, .link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--link_only.link-field-grid-control--size-extra-large .link-field-grid-control__list {
  max-height: 110px;
}
.link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--link_with_favicon:not(.link-field-grid-control--size-compact).link-field-grid-control--addbutton:hover .link-list-item:first-of-type, .link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--link_only:not(.link-field-grid-control--size-compact).link-field-grid-control--addbutton:hover .link-list-item:first-of-type {
  max-width: calc(100% - 28px);
  transition: max-width 250ms ease-in-out;
}
.link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--favicon_only {
  height: calc(100% - 8px);
  padding-top: 8px;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  text-align: center;
}
.link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--favicon_only.link-field-grid-control--size-compact .link-field-grid-control__list {
  max-height: 26px;
}
.link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--favicon_only.link-field-grid-control--size-medium .link-field-grid-control__list {
  max-height: 57px;
}
.link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--favicon_only.link-field-grid-control--size-large .link-field-grid-control__list {
  max-height: 88px;
}
.link-field-grid-control.link-field-grid-control--multiple:not(.is-inline-edit).link-field-grid-control--favicon_only.link-field-grid-control--size-extra-large .link-field-grid-control__list {
  max-height: 119px;
}
.link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_with_favicon, .link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_only {
  padding: 7px 7px 0 7px;
}
.link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_with_favicon.link-field-grid-control--size-compact .link-field-grid-control__list, .link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_only.link-field-grid-control--size-compact .link-field-grid-control__list {
  max-height: 67px;
}
.link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_with_favicon.link-field-grid-control--size-medium .link-field-grid-control__list, .link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_only.link-field-grid-control--size-medium .link-field-grid-control__list {
  max-height: 166px;
}
.link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_with_favicon.link-field-grid-control--size-large .link-field-grid-control__list, .link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_only.link-field-grid-control--size-large .link-field-grid-control__list {
  max-height: 232px;
}
.link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_with_favicon.link-field-grid-control--size-extra-large .link-field-grid-control__list, .link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_only.link-field-grid-control--size-extra-large .link-field-grid-control__list {
  max-height: 330px;
}
.link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_with_favicon.link-field-grid-control--addbutton .editable-pill:first-of-type, .link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_only.link-field-grid-control--addbutton .editable-pill:first-of-type {
  max-width: calc(100% - 31px);
  margin-left: 31px;
}
.link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_with_favicon.link-field-grid-control--more-button, .link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--link_only.link-field-grid-control--more-button {
  padding-right: 38px;
}
.link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.is-error + .grid-view-show-more-button {
  bottom: 19px;
}
.link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--favicon_only {
  width: 100%;
  max-height: 450px;
  padding: 0;
}
.link-field-grid-control.link-field-grid-control--multiple.is-inline-edit.link-field-grid-control--favicon_only.is-error {
  padding-bottom: 19px;
  box-sizing: content-box;
}
.link-field-grid-control__list {
  overflow: hidden;
}
.link-field-grid-control__addbutton {
  overflow: hidden;
  width: 0px;
}
.link-field-grid-control-cell.link-field-grid-control-cell--link_with_favicon.is-inline-edit.link-field-grid-control-cell--size-compact, .link-field-grid-control-cell.link-field-grid-control-cell--link_only.is-inline-edit.link-field-grid-control-cell--size-compact {
  max-height: 73px;
  min-height: 41px;
}
.link-field-grid-control-cell.link-field-grid-control-cell--link_with_favicon.is-inline-edit.link-field-grid-control-cell--size-medium, .link-field-grid-control-cell.link-field-grid-control-cell--link_only.is-inline-edit.link-field-grid-control-cell--size-medium {
  height: initial;
  max-height: 172px;
  min-height: 74px;
}
.link-field-grid-control-cell.link-field-grid-control-cell--link_with_favicon.is-inline-edit.link-field-grid-control-cell--size-large, .link-field-grid-control-cell.link-field-grid-control-cell--link_only.is-inline-edit.link-field-grid-control-cell--size-large {
  height: initial;
  max-height: 238px;
  min-height: 107px;
}
.link-field-grid-control-cell.link-field-grid-control-cell--link_with_favicon.is-inline-edit.link-field-grid-control-cell--size-extra-large, .link-field-grid-control-cell.link-field-grid-control-cell--link_only.is-inline-edit.link-field-grid-control-cell--size-extra-large {
  height: initial;
  max-height: 336px;
  min-height: 140px;
}
.link-field-grid-control-cell.link-field-grid-control-cell--link_with_favicon.is-inline-edit.link-field-grid-control-cell--size-auto, .link-field-grid-control-cell.link-field-grid-control-cell--link_only.is-inline-edit.link-field-grid-control-cell--size-auto {
  height: auto;
}
.link-field-grid-control-cell.link-field-grid-control-cell--link_with_favicon.is-inline-edit.link-field-grid-control-cell--more-button, .link-field-grid-control-cell.link-field-grid-control-cell--link_only.is-inline-edit.link-field-grid-control-cell--more-button {
  right: -38px;
  width: auto;
}
.link-field-grid-control-cell.link-field-grid-control-cell--favicon_only.is-inline-edit {
  top: 0;
  bottom: initial;
  min-width: 350px;
  transform: none;
}
.link-field-grid-control-cell.link-field-grid-control-cell--favicon_only.is-inline-edit.is-flipped {
  top: auto;
  bottom: 0;
}
.link-field-grid-control-cell.link-field-grid-control-cell--favicon_only ~ .field-agent-value-state {
  min-width: 350px;
}
.link-field-grid-control__clear-button {
  position: absolute;
  top: 12px;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--ic-light, #c7cdcf);
  cursor: pointer;
  transition: color 150ms ease-out;
}
.link-field-grid-control__clear-button:hover {
  transition: color 200ms ease-in;
  color: var(--G-6, #868788);
}
.link-favicon-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 4px;
  background-color: var(--G-0, #FFFFFF);
}
.link-list {
  overflow: hidden;
  min-height: 20px;
  flex-shrink: 0;
}
.link-list--wrap .link-list-item {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.link-list--wrap.link-list--favicon_only .link-list-item {
  margin-bottom: 5px;
}
.link-list--highlight .link-list-item {
  color: var(--solution-primary-color);
  cursor: pointer;
}
.link-list--highlight .link-list-item:hover {
  color: var(--solution-highlight-color);
  transition: color 200ms ease-in;
}
.link-list--highlight .link-list-item:hover .link-list-item__content {
  text-decoration: none;
}
.link-list--favicon_only {
  min-height: 24px;
}
.link-list--favicon_only .link-list-item {
  display: inline-flex;
  margin-right: 2.5px;
  margin-left: 2.5px;
  cursor: pointer;
  vertical-align: top;
}
.link-list--favicon_only.link-list--size-compact .link-list-item {
  display: inline;
}
.link-list--favicon_only.link-list--size-compact .link-list-item .link-list-item__content {
  display: inline-block;
}
.link-list:not(.link-list--favicon_only) .link-list-item:not(:last-of-type)::after {
  content: ";";
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 2px;
  margin-left: 4px;
  line-height: 1;
  color: var(--typo-primary, #2E3538);
  vertical-align: middle;
}
.link-list__list {
  line-height: 18px;
}
.link-list-item {
  display: inline;
  min-height: 20px;
  line-height: 20px;
  transition: color 150ms ease-out , max-width 150ms ease-out;
}
.link-list-item > div.tooltip__outside {
  display: inline;
}
.link-list-item__wrap {
  white-space: nowrap;
}
.link-list-item .link-list-item__content {
  display: var(--link-list-content-display, inline);
}
.link-list-raw {
  --link-list-content-display: inline-block;
}
.link-list-raw .link-list-item {
  display: inline-flex;
}
.link-list-raw .link-list-item__content {
  line-height: 26px;
}
.link-field-add-button--display, .link-field-add-button--inline-edit {
  display: inline-flex;
  align-items: center;
}
.link-field-add-button--display .link-field-add-button__element, .link-field-add-button--inline-edit .link-field-add-button__element {
  width: 18px;
  height: 18px;
}
.link-field-add-button--display {
  margin-top: -1px;
  vertical-align: middle;
}
.link-field-add-button--inline-edit {
  position: absolute;
  height: 26px;
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 3px;
  padding-top: 2px;
  vertical-align: top;
}
.link-field-add-button--expanding {
  display: block;
  margin-bottom: 15px;
}
.link-field-editor {
  display: flex;
  flex-direction: column;
  min-width: 350px;
  max-height: 450px;
  color: var(--typo-primary, #2E3538);
}
.link-field-editor__body {
  overflow: hidden;
  max-height: calc(55vh - 150px);
  display: flex;
  flex-grow: 1;
}
.link-field-editor__scrollarea {
  width: 100%;
  max-height: 100%;
}
.link-field-editor__scrollarea .trackYVisible .ScrollbarsCustom-Content {
  padding-right: 10px;
}
.link-field-editor__content {
  padding: 10px;
}
.link-field-editor__row {
  margin-bottom: 8px;
}
.link-field-editor__addnew {
  margin-left: 29px;
}
.link-field-editor-row {
  display: flex;
  align-items: center;
}
.link-field-editor-row__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 5px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 4px;
  color: var(--G-4, #B2B2B3);
}
.link-field-editor-row__remove {
  margin-left: 5px;
}
.link-field-content {
  display: inline-block;
  line-height: 20px;
  text-decoration: underline;
  vertical-align: top;
}
.link-field-content--highlight:hover {
  color: var(--solution-hover-color);
}
.link-field-content__favicon {
  margin-top: -1px;
  margin-right: 6px;
}
.link-field-content.is-read-only {
  cursor: pointer;
}
.link-field-content.is-read-only:hover {
  text-decoration: none;
  color: var(--solution-hover-color);
}
.link-field-edit-record-preview {
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - var(--preview-link-right-offset, 0));
}
.link-field-edit-record-preview__favicon {
  margin-right: 6px;
  pointer-events: none;
}
.link-field-edit-record-preview__tooltip {
  overflow: hidden;
  flex-grow: 1;
}
.link-field-edit-record-preview__tooltip > div {
  max-width: 100%;
}
.link-field-edit-record-preview__icon {
  display: var(--link-icon-display, none);
  margin-left: 5px;
  color: var(--G-3, #C7C8C9);
  pointer-events: none;
}
.smartdoc-field-control {
  height: 100%;
}
.smartdoc-field-control .ProseMirror a {
  pointer-events: all !important;
}
.smartdoc-field-control--size-compact .ProseMirror.ProseMirror--display .rendered {
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.smartdoc-field-control--size-compact .ProseMirror.ProseMirror--display .rendered p {
  display: block;
}
.smartdoc-field-control--size-compact .ProseMirror.ProseMirror--display .rendered a:hover {
  text-decoration: none;
}
.smartdoc-field-control--size-compact .ProseMirror.ProseMirror--display .rendered .tableWrapper td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.smartdoc-field-control--size-large .ProseMirror.ProseMirror--display .rendered p {
  line-height: 1.4;
}
.smartdoc-field-control--linked-card {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}
.smartdoc-field-control--linked-card .ProseMirror.ProseMirror--display {
  color: var(--typo-primary, #2E3538);
  font-size: 11px;
  white-space: nowrap;
}
.smartdoc-field-control--linked-card .ProseMirror.ProseMirror--display .rendered {
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.smartdoc-field-control--linked-card .ProseMirror.ProseMirror--display .rendered p {
  display: inline;
  font-size: 11px;
}
.smartdoc-field-control--linked-card .ProseMirror.ProseMirror--display .rendered a:hover {
  text-decoration: none;
}
.smartdoc-field-control--linked-card .ProseMirror.ProseMirror--display .rendered .tableWrapper td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.smartdoc-field-control--card {
  overflow: hidden;
  height: 84px;
}
.smartdoc-field-control--card .ProseMirror.ProseMirror--display {
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  -webkit-line-clamp: 4;
}
.smartdoc-field-control--card .ProseMirror.ProseMirror--display, .smartdoc-field-control--grid .ProseMirror.ProseMirror--display {
  font-size: 14px;
  line-height: 1.5;
}
.smartdoc-field-control--grid {
  padding-top: 10px;
}
.smartdoc-field-control--grid.smartdoc-field-control--size-compact .ProseMirror.ProseMirror--display {
  white-space: nowrap;
  line-height: 2;
}
.smartdoc-field-control--compact {
  max-height: 16px;
}
.smartdoc-field-control--compact p {
  line-height: 16px;
  font-size: 11px;
  min-height: 16px;
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smartdoc-field-control--form {
  height: 137px;
  background: var(--G-1, #F3F3F4);
  border-radius: 5px;
  padding: 8px 10px;
}
.smartdoc-field-control__input-group {
  padding: 12px 12px 12px 24px;
}
.smartdoc-field-control__input-group .ProseMirror {
  height: 100%;
}
.smartdoc-field-control__editor {
  min-height: 254px;
}
.smartdoc-field-control.is-expanded {
  background: red;
}
.smartdoc-field-grid-control * {
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin-bottom: 0 !important;
}
.smartdoc-field-grid-control .ProseMirror .checklist, .smartdoc-field-grid-control .ProseMirror .checklist-item {
  pointer-events: none;
}
.smartdoc-field-grid-control.is-selected {
  position: relative;
  z-index: 3;
  border: 1px solid var(--solution-primary-color);
  top: -1px;
  left: var(--grid-view-field-expand-outline-left, -1px);
  width: var(--grid-view-field-expand-outline-width, calc(100% + 2px));
  height: var(--grid-view-field-expand-outline-height, calc(100% + 2px));
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px;
  padding-bottom: var(--smartdoc-field-grid-control-padding-bottom, 5px);
}
.smartdoc-field-grid-control.is-selected:before {
  content: "";
  display: block;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--solution-dw-color), 0.6);
}
.smartdoc-field-grid-control.is-selected.smartdoc-field-grid-control--size-compact {
  --smartdoc-display-height: var(--smartdoc-field-height-compact, 62px);
  height: var(--smartdoc-display-height);
}
.smartdoc-field-grid-control.is-selected.smartdoc-field-grid-control--size-medium {
  --smartdoc-display-height: var(--smartdoc-field-height-medium, 100px);
  height: var(--smartdoc-display-height);
}
.smartdoc-field-grid-control.is-selected.smartdoc-field-grid-control--size-large {
  --smartdoc-display-height: var(--smartdoc-field-height-large, 160px);
  height: var(--smartdoc-display-height);
}
.smartdoc-field-grid-control.is-selected.smartdoc-field-grid-control--size-extra-large {
  --smartdoc-display-height: var(--smartdoc-field-height-extra-large, 240px);
  height: var(--smartdoc-display-height);
}
.smartdoc-field-grid-control.is-selected .ProseMirror {
  max-height: calc(var(--smartdoc-display-height) - 15px);
}
.smartdoc-field-grid-control:not(.is-selected) .ProseMirror {
  color: var(--typo-primary, #2E3538);
}
.smartdoc-field-grid-control:not(.is-selected) .ProseMirror h1,
.smartdoc-field-grid-control:not(.is-selected) .ProseMirror h2,
.smartdoc-field-grid-control:not(.is-selected) .ProseMirror h3,
.smartdoc-field-grid-control:not(.is-selected) .ProseMirror h4 {
  margin: 0;
  font-weight: normal;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0;
  text-transform: none;
}
.smartdoc-field-grid-control:not(.is-selected) .ProseMirror p {
  min-height: 19px;
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}
.smartdoc-field-grid-control:not(.is-selected) .ProseMirror a {
  color: inherit;
}
.smartdoc-field-grid-control--display {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  height: 100%;
}
.smartdoc-field-grid-control--display.smartdoc-field-grid-control--compact {
  height: calc(100% - 10px);
  padding-bottom: 0;
}
.smartdoc-field-grid-control--display.smartdoc-field-grid-control--large {
  height: calc(100% - 10px);
}
.smartdoc-field-editor {
  display: flex;
  width: 100%;
  height: 100%;
  color: var(--typo-primary, #2E3538);
}
.smartdoc-field-editor__generating {
  color: #4E2E79;
  display: flex;
  font-size: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 6px;
  z-index: 1;
  padding: 12px 15px 12px 29px;
}
.smartdoc-field-editor__generating:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background-color: #7A5AC8;
}
.smartdoc-field-editor__generating-dots {
  display: inline-block;
  position: relative;
  width: 1.2em;
  text-align: left;
}
.smartdoc-field-editor__generating-dots::after {
  content: "...";
  position: absolute;
  left: 0;
  animation: dots 1.5s infinite;
}
.smartdoc-field-editor__connecting-preview,
.smartdoc-field-editor__editor {
  display: none;
}
.smartdoc-field-editor--visible {
  display: initial;
}
.ss-excalidraw .excalidraw {
  isolation: isolate;
}
.ss-excalidraw .excalidraw .popover {
  z-index: 1000;
}
.ss-excalidraw .excalidraw .active ~ .popover {
  display: flex;
}
.ss-excalidraw .excalidraw .popover .context-menu {
  z-index: 1000;
}
.ss-whiteboard .excalidraw {
  isolation: isolate;
}
.ss-whiteboard .excalidraw .popover {
  z-index: 1000;
}
.ss-whiteboard .excalidraw .active ~ .popover {
  display: flex;
}
.ss-whiteboard .excalidraw .popover .context-menu {
  z-index: 1000;
}
.ss-whiteboard__modal {
  z-index: 1000;
}
.ss-whiteboard__updated-at {
  display: flex;
  align-items: center;
  font-size: 18px;
}
.smartdoc-expanded-modal {
  width: 906px;
  height: calc(100vh - 100px);
}
.smartdoc-expanded-modal__editor {
  height: calc(100% - 113px);
  position: relative;
}
.smartdoc-expanded-modal__scrollbar {
  height: 100%;
}
.smartdoc-expanded-modal .ProseMirror {
  padding: 50px 129px;
  overflow: auto;
  height: calc(100vh - 250px);
}
.smartdoc-expanded-modal__loading-indicator {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.smartdoc-expanded-modal__save-button {
  border-radius: 8px;
}
.smartdoc-expanded-modal.with-ai-field-agent .smartdoc-expanded-modal__editor {
  height: calc(100% - 170px);
}
.smartdoc-expanded-modal.with-ai-field-agent .ProseMirror {
  height: calc(100vh - 307px);
}
.smartdoc-field-record-edit-control.is-expanded {
  padding: 0 0;
  border-color: transparent;
  border-width: 0;
}
.smartdoc-field-record-edit-control.is-expanded .ProseMirror {
  padding: 6px 6px;
}
.smartdoc-field-record-edit-control.is-expanded.is-active::after {
  border-width: 0;
  border-color: transparent;
}
.smartdoc-field-record-edit-control.is-expanded .smartdoc-field-control__editor {
  min-height: 500px;
}
.smartdoc-field-record-edit-control.is-expanded .editor-react-plugin-wrapper--EditorStaticToolbarPluginView {
  position: sticky;
  top: 0;
  background: var(--G-0, #FFFFFF);
  z-index: 10;
}
.lookup-field-control {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.lookup-field-control--grid {
  height: 100%;
}
.lookup-field-control--card {
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: 34px;
}
.lookup-field-control--card .lookup-field-control__tooltip {
  min-height: inherit;
}
.lookup-field-control--card.is-error .lookup-field-control__tooltip {
  width: auto;
}
.lookup-field-control--groupBy {
  overflow: visible;
}
.lookup-field-control--compact {
  flex-grow: 0;
}
.lookup-field-control--record-edit-form {
  position: static;
}
.lookup-field-control--form {
  position: static;
  min-height: 36px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 6px;
  padding: 6px 10px;
  pointer-events: none;
}
.lookup-field-control__tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
}
.lookup-field-display-format {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 51px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.0666666667);
  padding: 0 20px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  text-align: center;
  line-height: 19px;
}
.lookup-field-display-format:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url(/assets/images/diagonal-pattern.svg);
  background-size: 6px;
  opacity: 0.25;
}
.lookup-items {
  --raw-field-font-size: 14px;
  --raw-field-line-height: 20px;
  cursor: default;
}
.lookup-items *:not(.is-clickable) {
  cursor: default;
}
.lookup-items .is-clickable {
  cursor: pointer;
}
.lookup-items .is-clickable * {
  cursor: pointer;
}
.lookup-items--flex {
  overflow: hidden;
  display: flex;
  align-items: center;
  align-content: flex-start;
  flex-wrap: nowrap;
  gap: 7px;
}
.lookup-items--text-only {
  --lookup-element-height: 18px;
  --lookup-pipe-margin: -2px 7px 0 7px;
  --lookup-dot-gutter: 7px;
}
.lookup-items--grid {
  max-height: calc(100% - 8px);
  padding: 7px 16px 0 16px;
}
.lookup-items--grid.lookup-items--flex:not(.lookup-items-size--compact) {
  flex-wrap: wrap;
}
.lookup-items--grid.lookup-items--flex.lookup-items-size--auto {
  padding-bottom: 7px;
}
.lookup-items--grid.lookup-items--text-only {
  height: initial;
  max-height: calc(100% - 3px);
  padding-top: 10px;
  padding-bottom: 0;
}
.lookup-items--grid.lookup-items--text-only.lookup-items-size--auto {
  padding-bottom: 10px;
}
.lookup-items--compact {
  flex: 0 1 auto;
  display: inline-flex;
  position: relative;
  flex-shrink: 0;
}
.lookup-items--compact:not(:last-child) {
  padding-right: 12px;
}
.lookup-items--compact:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: var(--tertiary, #6B6B6B);
  transform: translate(0, -50%);
}
.lookup-items--compact > span {
  position: relative;
  color: var(--typo-primary, #2E3538);
  overflow: hidden;
  white-space: nowrap;
  flex: 0 1 auto;
  width: 100%;
  font-size: 11px;
  align-items: center;
  max-width: max-content;
  display: inline-flex;
  height: 16px;
}
.lookup-items--compact .tooltip__outside {
  display: inline;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
  line-height: 16px;
  position: relative;
  top: 1px;
}
.lookup-items--record-edit-form {
  flex-wrap: wrap;
  width: 100%;
  padding: 7px 10px;
  --raw-field-font-size: 13px;
  --raw-field-line-height: 18px;
}
.lookup-items__value {
  position: relative;
  display: inline-flex;
}
.lookup-items__value-tooltip {
  position: absolute;
  top: 50%;
  left: 0;
}
.lookup-items__blank {
  display: inline-flex;
  align-items: center;
  width: 10px;
  min-width: 10px;
  height: 18px;
  vertical-align: middle;
}
.lookup-items__blank::before {
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
}
.lookup-items__blank-tooltip {
  vertical-align: middle;
}
.lookup-pipe {
  display: inline-flex;
  width: 1px;
  min-width: 1px;
  max-width: 1px;
  height: var(--lookup-element-height, 26px);
  margin: var(--lookup-pipe-margin, 0px 3px);
  vertical-align: middle;
}
.lookup-pipe::before {
  content: " ";
  width: 1px;
  height: 18px;
  margin: auto;
  background-color: #979797;
}
.lookup-pipe--horizontal {
  width: 100%;
  min-width: 100%;
  max-width: initial;
  height: 1px;
  margin: 0;
}
.lookup-pipe--horizontal::before {
  width: 100%;
  height: 1px;
}
.lookup-dot {
  display: inline-flex;
  align-self: center;
  width: 3px;
  min-width: 3px;
  height: var(--lookup-element-height, 26px);
  margin: 0 var(--lookup-dot-gutter, -2px);
  vertical-align: middle;
}
.lookup-dot::before {
  content: " ";
  width: 3px;
  height: 3px;
  margin: auto;
  border-radius: 50%;
  background-color: #979797;
}
.rollup-field-control.is-clickable {
  cursor: pointer;
}
.rollup-field-control--grid {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.rollup-field-control__tooltip {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-top: 3px;
  height: 16px;
}
.rollup-field-control__tooltip-icon {
  color: #FF5757;
}
.rollup-field-control__tooltip-icon:hover {
  color: #F1273F;
}
.rollup-field-control--card {
  position: relative;
  min-height: 26px;
  align-items: inherit;
}
.rollup-field-control--card.is-error {
  display: flex;
  align-items: center;
  --error-tooltip-left-position: 0px;
}
.rollup-field-control--grid .rollup-field-control__tooltip {
  margin-top: 12px;
}
.rollup-field-control--grid .text-field-control {
  padding-top: 10px;
  text-align: inherit;
  justify-content: inherit;
}
.rollup-field-control--groupBy {
  width: auto;
  font-weight: 600;
}
.rollup-field-control--groupBy .text {
  font-weight: inherit;
}
.rollup-field-control--edit-record-is-clickable .rollup-field-edit-record__wrap {
  cursor: pointer;
}
.rollup-field-control--raw {
  display: flex;
  align-items: center;
  min-height: 26px;
  flex-shrink: 0;
  font-size: var(--raw-field-font-size, 14px);
  color: var(--typo-primary, #2E3538);
}
.rollup-field-edit-record {
  align-items: center;
  padding: 0 10px;
}
.rollup-field-edit-record.is-clickable {
  cursor: pointer;
}
.rollup-field-edit-record__wrapper {
  width: 100%;
}
.formula-field-control {
  width: 100%;
}
.formula-field-control__nested-field * {
  cursor: default;
}
.formula-field-control__tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.formula-field-control__tooltip-icon {
  color: #FF5757;
  height: 100%;
}
.formula-field-control__tooltip-icon:hover {
  color: #F1273F;
}
.formula-field-control__formula-button {
  width: 26px;
  background: var(--G-1, #F3F3F4);
  height: 100%;
  position: absolute;
  right: 0;
  opacity: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.formula-field-control__formula-button:hover {
  color: var(--solution-primary-color);
}
.formula-field-control--raw {
  flex-shrink: 0;
  width: auto;
  font-size: var(--raw-field-font-size, 14px);
  line-height: var(--raw-field-line-height, 20px);
  color: var(--typo-primary, #2E3538);
}
.formula-field-control--grid {
  overflow: hidden;
}
.formula-field-control--grid * {
  cursor: default;
}
.formula-field-control--card {
  position: relative;
  min-height: 26px;
  padding-top: 0;
  --error-tooltip-left-position: 0px;
}
.formula-field-control--card .components-wrapper {
  width: 100%;
}
.formula-field-control--groupBy {
  padding-top: 0;
}
.formula-field-control--groupBy .text {
  font-weight: 600;
}
.formula-field-control:hover .formula-field-control__formula-button {
  opacity: 1;
  transition: opacity 150ms ease-out;
}
.formula-field-control--linked-card .is-leftt-alignment,
.formula-field-control--linked-card .is-right-alignment,
.formula-field-control--linked-card .is-centered-alignment {
  width: 100%;
}
.hide-placeholder .dashed-field-placeholder {
  display: none;
}
.formula-field-edit-record__nested-field {
  width: 100%;
  cursor: default;
}
.formula-field-edit-record__button {
  position: absolute;
  right: 10px;
  top: 8px;
}
.formula-field-edit-record--emailfield {
  display: flex;
  flex-wrap: wrap;
  padding-right: 30px;
}
.formula-field-edit-record--singleselectfield .select-placeholder__actions {
  display: none;
}
.linked-record-field-activity__list {
  display: flex;
  align-content: flex-start;
}
.linked-record-field-activity__item {
  margin-right: 4px;
}
.linked-record-field-activity .linked-record-item {
  word-break: break-word;
}
.linked-record-field-activity--activityCreated, .linked-record-field-activity--activityDeleted, .linked-record-field-activity--activityEdited {
  display: block;
}
.linked-record-field-activity--activityCreated .linked-record-field-activity__list, .linked-record-field-activity--activityDeleted .linked-record-field-activity__list, .linked-record-field-activity--activityEdited .linked-record-field-activity__list {
  flex-wrap: wrap;
}
.linked-record-field-activity--activityCreated .linked-record-field-activity__item, .linked-record-field-activity--activityDeleted .linked-record-field-activity__item, .linked-record-field-activity--activityEdited .linked-record-field-activity__item {
  margin-right: 0;
  height: 100%;
}
.linked-record-field-activity--activityCreated .linked-record-field-activity__item:not(:last-child), .linked-record-field-activity--activityDeleted .linked-record-field-activity__item:not(:last-child), .linked-record-field-activity--activityEdited .linked-record-field-activity__item:not(:last-child) {
  margin: 0 5px 3px 0;
}
.linked-record-field-activity--activityCreated .linked-record-field-activity__item, .linked-record-field-activity--activityEdited .linked-record-field-activity__item {
  position: relative;
  padding: 2px 6px;
  background-color: #EEF6EE;
  -webkit-user-select: text;
          user-select: text;
}
.linked-record-field-activity--activityDeleted .linked-record-field-activity__item {
  position: relative;
  padding: 2px 6px;
  background-color: #FEECEE;
  -webkit-user-select: text;
          user-select: text;
  text-decoration: line-through;
}
.linked-record-field-activity--activityDeleted .linked-record-field-activity__item::before {
  content: "";
  display: block;
  height: 1px;
  background-color: var(--typo-primary, #2E3538);
  position: absolute;
  top: 50%;
  width: calc(100% - 12px);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.linked-record-field-activity--activityDeleted .linked-record-field-activity__item::before {
  display: none;
}
.linked-record-field-control {
  padding-top: 7px;
  overflow: hidden;
  height: 100%;
}
.linked-record-field-control--card {
  height: 26px;
  padding: 0;
  display: flex;
  border-radius: 5px;
}
.linked-record-field-control--card .linked-record-field-control__item:not(:last-child) {
  margin-right: 4px;
}
.linked-record-field-control--linked-record {
  pointer-events: all;
  max-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  border-radius: 5px;
  padding: 0;
}
.linked-record-field-control--linked-record .linked-record-field-control__item {
  font-size: 11px;
  line-height: 16px;
  cursor: pointer;
}
.linked-record-field-control--linked-record .linked-record-field-control__item:not(:last-child) {
  margin-right: 5px;
}
.linked-record-field-control--lookup {
  overflow: visible;
}
.linked-record-field-control-pill.is-disabled {
  pointer-events: none;
}
.linked-record-field-control-formula {
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  padding: 7px 10px;
  max-width: 100%;
}
.linked-record-field-control-pill.is-clickable {
  cursor: pointer;
}
.field-form-item .linked-record-conditions__modify-button {
  align-self: flex-start;
}
.form-linked-records-settings {
  display: flex;
  align-items: center;
  gap: 6px;
}
.form-linked-records-settings__record-select-type {
  order: -1;
  display: grid;
  align-self: start;
  gap: 8px;
}
.form-linked-records-settings .checkbox-label.is-disable .checkbox input:checked + .checkbox__label {
  border-color: #B2B2B3;
  background-color: #B2B2B3;
}
.linked-record-card {
  right: 20px;
  left: 20px;
  padding-bottom: 8px;
}
.linked-record-card__wrapper {
  width: 100%;
  display: flex;
  padding: 6px 15px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  color: var(--typo-primary, #2E3538);
  position: relative;
  cursor: pointer;
  transition: color 200ms ease-in;
  --linked-record-compact-field-opacity: 0.6;
}
.linked-record-card__wrapper::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  border-radius: 5px;
  pointer-events: none;
  box-shadow: inset 0 0 0 2px var(--G-1-5, #E9E9E9);
  transition: box-shadow 200ms ease-in , opacity 200ms ease-in , right 200ms ease-in;
}
.linked-record-card:hover .linked-record-card__wrapper, .linked-record-card:focus .linked-record-card__wrapper, .linked-record-card.linked-record-card--show-controls .linked-record-card__wrapper {
  --linked-record-compact-field-opacity: 1;
  color: var(--solution-primary-color);
  transition: color 200ms ease-in;
}
.linked-record-card:hover .linked-record-card__wrapper::before, .linked-record-card:focus .linked-record-card__wrapper::before, .linked-record-card.linked-record-card--show-controls .linked-record-card__wrapper::before {
  box-shadow: inset 0 0 0 2px var(--solution-primary-color);
}
.linked-record-card:hover .linked-record-card__controls,
.linked-record-card:hover .linked-record-card__remove, .linked-record-card:focus .linked-record-card__controls,
.linked-record-card:focus .linked-record-card__remove, .linked-record-card.linked-record-card--show-controls .linked-record-card__controls,
.linked-record-card.linked-record-card--show-controls .linked-record-card__remove {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.linked-record-card:hover .linked-record-card__title, .linked-record-card:focus .linked-record-card__title, .linked-record-card.linked-record-card--show-controls .linked-record-card__title {
  color: currentColor;
  padding-right: 50px;
}
.linked-record-card--expanded .linked-record-card__wrapper, .linked-record-card--standard .linked-record-card__wrapper, .linked-record-card--simplified .linked-record-card__wrapper {
  height: 76px;
}
.linked-record-card--expanded .components-wrapper, .linked-record-card--standard .components-wrapper, .linked-record-card--simplified .components-wrapper {
  width: 100%;
}
.linked-record-card--compact {
  right: 26px;
}
.linked-record-card--compact .linked-record-card__wrapper {
  height: 40px;
  display: flex;
  padding: 0 15px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.linked-record-card--compact .linked-record-card__wrapper:before {
  background-color: var(--G-0, #FFFFFF);
  width: auto;
  right: 0;
  box-shadow: inset 0 0 0 2px var(--G-1-5, #E9E9E9);
  transition: right 200ms ease-out, box-shadow 200ms ease-out, opacity 200ms ease-out;
}
.linked-record-card--compact .linked-record-card__wrapper:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  transition: right 200ms ease-out;
}
.linked-record-card--compact .linked-record-card__title {
  width: calc(50% - 10px);
  padding-right: 0;
  transition: padding-right 150ms ease-out;
}
.linked-record-card--compact .linked-record-card__body {
  height: 100%;
  width: calc(50% - 10px);
  transform: translateX(0px);
  will-change: transform;
  transition: transform 150ms ease-out;
}
.linked-record-card--compact .linked-record-card__body > div:first-child {
  margin-left: auto;
}
.linked-record-card--compact .linked-record-card__controls {
  top: 0;
  right: 0;
  padding-right: 4px;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
  transform: translateX(0);
  transition: transform 150ms ease-out, opacity 150ms ease-out;
}
.linked-record-card--compact:not(.is-read-only):hover .linked-record-card__wrapper:before, .linked-record-card--compact:not(.is-read-only):focus .linked-record-card__wrapper:before, .linked-record-card--compact:not(.is-read-only).linked-record-card--show-controls .linked-record-card__wrapper:before {
  right: -23px;
  transition: right 250ms ease-in, box-shadow 250ms ease-in, opacity 250ms ease-in;
}
.linked-record-card--compact:not(.is-read-only):hover .linked-record-card__wrapper:after, .linked-record-card--compact:not(.is-read-only):focus .linked-record-card__wrapper:after, .linked-record-card--compact:not(.is-read-only).linked-record-card--show-controls .linked-record-card__wrapper:after {
  right: -21px;
  transition: right 250ms ease-in;
}
.linked-record-card--compact:not(.is-read-only):hover .linked-record-card__title, .linked-record-card--compact:not(.is-read-only):focus .linked-record-card__title, .linked-record-card--compact:not(.is-read-only).linked-record-card--show-controls .linked-record-card__title {
  padding-right: 38px;
  transition: padding-right 200ms ease-in;
}
.linked-record-card--compact:not(.is-read-only):hover .linked-record-card__body, .linked-record-card--compact:not(.is-read-only):focus .linked-record-card__body, .linked-record-card--compact:not(.is-read-only).linked-record-card--show-controls .linked-record-card__body {
  transform: translateX(-20px);
  transition: transform 200ms ease-in;
}
.linked-record-card--compact:not(.is-read-only):hover .linked-record-card__controls, .linked-record-card--compact:not(.is-read-only):focus .linked-record-card__controls, .linked-record-card--compact:not(.is-read-only).linked-record-card--show-controls .linked-record-card__controls {
  transform: translateX(23px);
  transition: transform 250ms ease-in, opacity 250ms ease-out;
}
.linked-record-card--simplified .components-wrapper, .linked-record-card--compact .components-wrapper {
  flex: 0 1 auto;
  overflow: hidden;
  opacity: 0.6;
  position: relative;
  width: 100%;
  max-width: max-content;
}
.linked-record-card--simplified .components-wrapper:not(:last-child), .linked-record-card--compact .components-wrapper:not(:last-child) {
  padding-right: 12px;
}
.linked-record-card--simplified .components-wrapper:not(:last-child)::before, .linked-record-card--compact .components-wrapper:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--tertiary, #6B6B6B);
}
.linked-record-card--simplified .linked-record-card__controls.is-active, .linked-record-card--compact .linked-record-card__controls.is-active {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.linked-record-card--simplified .linked-record-card__controls.is-active + .linked-record-card__slider, .linked-record-card--compact .linked-record-card__controls.is-active + .linked-record-card__slider {
  width: 38px;
  border-left: 1px solid #e4e4e4;
  transition: width 200ms ease-in;
}
.linked-record-card--compact .linked-record-card__inner {
  align-items: center;
}
.linked-record-card--standard .linked-record-card__inner, .linked-record-card--simplified .linked-record-card__inner, .linked-record-card--expanded .linked-record-card__inner {
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 4px;
}
.linked-record-card.is-selected .linked-record-card__wrapper {
  box-shadow: inset 0 0 0 1px var(--solution-primary-color);
  transition: box-shadow 200ms ease-in;
}
.linked-record-card.is-selected .linked-record-card__wrapper:hover {
  box-shadow: inset 0 0 0 1px var(--solution-primary-color);
  transition: box-shadow 200ms ease-in;
}
.linked-record-card__inner {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-grow: 1;
}
.linked-record-card__body {
  display: flex;
  align-items: center;
  z-index: 1;
  height: auto;
  overflow: hidden;
  max-width: 100%;
}
.linked-record-card__body .components-wrapper {
  opacity: var(--linked-record-compact-field-opacity);
}
.linked-record-card__controls {
  opacity: 0;
}
.linked-record-card__remove {
  position: absolute;
  top: 5px;
  right: 5px;
  opacity: 0;
  color: var(--G-5, #9B9C9E);
  background-color: transparent;
  border-radius: 5px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  line-height: 1;
  transition: color 200ms ease-in , opacity 200ms ease-in;
}
.linked-record-card__remove:hover {
  color: var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
  transition: color 200ms ease-in , background-color 200ms ease-in;
}
.linked-record-card__remove.is-custom-color:hover {
  color: var(--custom-color);
  background-color: var(--custom-deep-washed-color);
  transition: color 200ms ease-in , background-color 200ms ease-in;
}
.linked-record-card__selected-icon {
  position: absolute;
  color: var(--solution-primary-color);
  left: -23px;
  top: 50%;
  margin-top: -10px;
  z-index: 1;
}
.linked-record-card__field-expanded {
  width: 25%;
}
.linked-record-card__field-expanded:not(:last-child) {
  padding-right: 12px;
}
.linked-record-card__expanded-empty-field {
  height: 26px;
  display: flex;
  align-items: center;
}
.linked-record-card__expanded-empty-field:not(:last-child) {
  margin-right: 5px;
}
.linked-record-card__empty-field {
  position: relative;
  width: 13px;
  height: 16px;
  z-index: 1;
  flex: 0 0 auto;
}
.linked-record-card__empty-field::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0.21;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #111111;
  transform: translate(0, -50%);
}
.linked-record-card__empty-field:not(:last-child) {
  margin-right: 12px;
}
.linked-record-card__empty-field:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -8px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--tertiary, #6B6B6B);
  opacity: 0.6;
}
.linked-record-card__title {
  z-index: 1;
  color: var(--typo-primary, #2E3538);
}
.linked-record-card__expanded-field {
  width: auto;
  height: 26px;
  display: flex;
  align-items: center;
  overflow: hidden;
  font-size: 11px;
}
.linked-record-card__expanded-field .lookup-items {
  line-height: 100%;
  --raw-field-font-size: 11px;
  --raw-field-line-height: 16px;
}
.linked-record-card__expanded-field:not(:last-child) {
  margin-right: 5px;
}
.linked-record-card__expanded-field .link,
.linked-record-card__expanded-field .paragraph,
.linked-record-card__expanded-field .text,
.linked-record-card__expanded-field .tag__body {
  font-size: 11px;
}
.linked-record-card__expanded-field .is-left-alignment,
.linked-record-card__expanded-field .is-right-alignment,
.linked-record-card__expanded-field .is-centered-alignment {
  width: 100%;
}
.linked-record-card__expanded-empty-field {
  height: 26px;
  display: flex;
  align-items: center;
}
.linked-record-card__expanded-empty-field:not(:last-child) {
  margin-right: 5px;
}
.linked-record-card__line {
  width: 18px;
  height: 2px;
  background-color: var(--readability, #111);
  opacity: 0.21;
}
.linked-record-card.is-only-title-visible.linked-record-card--compact .linked-record-card__wrapper, .linked-record-card.is-only-title-visible.linked-record-card--simplified .linked-record-card__wrapper, .linked-record-card.is-only-title-visible.linked-record-card--expanded .linked-record-card__wrapper, .linked-record-card.is-only-title-visible.linked-record-card--standard .linked-record-card__wrapper {
  height: 40px;
  --linked-record-card-controls-top: 8px;
}
.linked-record-card-controls {
  position: absolute;
  right: 5px;
  top: var(--linked-record-card-controls-top, 5px);
  height: auto;
  z-index: 1;
  display: flex;
  gap: 4px;
  transition: opacity 200ms ease-in;
}
.linked-record-card-controls .menu-button {
  color: var(--G-5, #9B9C9E);
}
.linked-record-card-controls .menu-button:hover, .linked-record-card-controls .menu-button.is-active {
  color: var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
}
.linked-record-card-controls.is-custom-color .menu-button:hover, .linked-record-card-controls.is-custom-color .menu-button.is-active {
  color: var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
}
.linked-record-card-controls__remove {
  min-width: 24px;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-5, #9B9C9E);
}
.linked-record-card-controls__remove:hover {
  color: var(--G-8, #4d4d4d);
}
.modal-all-linked-records-header {
  display: flex;
  align-items: center;
  padding: 0 20px 18px;
  height: 44px;
  background-color: var(--G-0, #FFFFFF);
}
.modal-all-linked-records-header__icon {
  margin-right: 7px;
}
.modal-linked-record-cards-with-titles {
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  padding: 0 20px;
}
.modal-linked-record-cards-with-titles__headers {
  width: auto;
  z-index: 1;
  padding: 0px 15px 0 35px;
  margin: 0 20px 8px 0;
  display: flex;
}
.modal-linked-record-cards-with-titles__cover {
  min-width: 76px;
}
.modal-linked-record-cards-with-titles__title {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
  line-height: 13px;
  font-weight: 600;
  color: var(--tertiary, #6B6B6B);
  white-space: nowrap;
  flex: 1 0;
}
.modal-linked-record-cards-with-titles__title:not(:last-child) {
  margin-right: 5px;
}
.modal-linked-record-cards-with-titles__title-fixed {
  max-width: max-content;
}
.modal-linked-record-cards-with-titles__item {
  margin-right: var(--item-gutter-right, 0);
  margin-left: var(--item-gutter-left, 0);
}
.modal-linked-record-cards-with-titles--compact {
  padding-right: 25px;
}
.linked-record-compact-field {
  position: relative;
  color: var(--typo-primary, #2E3538);
  white-space: nowrap;
  font-size: 11px;
  align-items: center;
  display: inline-flex;
  height: 16px;
  opacity: var(--linked-record-compact-field-opacity);
}
.linked-record-compact-field:not(:last-child) {
  padding-right: 12px;
}
.linked-record-compact-field:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: var(--tertiary, #6B6B6B);
  transform: translate(0, -50%);
}
.linked-record-compact-field .tooltip__outside {
  display: inline;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
  line-height: 16px;
  position: relative;
  top: 0;
}
.lookup-items-control--compact .linked-record-compact-field {
  flex: unset;
  min-width: auto;
  padding: 0;
}
.lookup-items-control--compact .linked-record-compact-field::before {
  display: none;
}
.flex-full-width {
  flex: 0 0 auto;
  min-width: auto;
}
.linked-record-compact-list {
  display: inline-flex;
  height: 16px;
}
.linked-record-compact-list__item {
  text-decoration: underline;
  padding-right: 5px;
  font-size: 11px;
  line-height: 16px;
}
.linked-record-compact-list__item:hover {
  color: var(--solution-primary-color);
  cursor: pointer;
  text-decoration: none;
}
.linked-record-compact-list .tooltip__outside-element {
  display: inline;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.linked-record-list {
  display: inline-flex;
  height: 16px;
}
.linked-record-list__label {
  margin-top: 4px;
}
.linked-record-list__item {
  text-decoration: underline;
  font-size: 11px;
  line-height: 16px;
}
.linked-record-list__item:hover {
  color: var(--solution-primary-color);
  cursor: pointer;
  text-decoration: none;
}
.linked-record-list__item:not(:last-child) {
  padding-right: 5px;
}
.linked-record-list .tooltip__outside-element {
  display: inline;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.linked-record-expanded-display-tooltip {
  pointer-events: all;
  max-width: 100%;
}
.linked-record-expanded-display-tooltip .tooltip__outside {
  max-width: 100%;
}
.linked-record-field-grid-control {
  position: relative;
  margin: 7px 16px;
  width: auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  gap: 7px 4px;
}
.linked-record-field-grid-control__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  gap: 7px 4px;
  overflow: hidden;
  height: 100%;
  max-height: var(--linked-record-space);
}
.linked-record-field-grid-control__plus {
  position: absolute;
  left: 8px;
  top: 7px;
  z-index: 2;
}
.linked-record-field-grid-control--size-compact {
  max-height: 69px;
  flex-wrap: nowrap;
  height: auto;
  border-radius: 5px;
}
.linked-record-field-grid-control--size-medium {
  max-height: 161px;
}
.linked-record-field-grid-control--size-large {
  max-height: 224px;
}
.linked-record-field-grid-control--size-extra-large {
  max-height: 317px;
}
.linked-record-field-grid-control.is-inline-edit {
  padding: 0;
  margin: 0;
  overflow: visible;
}
.linked-record-field-grid-control.is-read-only.is-selected.is-multiple {
  flex-wrap: wrap;
  padding: 7px 16px;
  margin: 0;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--solution-primary-color);
  z-index: 3;
  min-height: calc(100% + 2px);
  border-radius: 8px;
  height: auto;
  overflow: visible;
}
.linked-record-field-grid-control.is-read-only.is-selected.is-multiple.linked-record-field-grid-control--size-compact {
  --linked-record-space: 73px;
  max-height: 73px;
}
.linked-record-field-grid-control.is-read-only.is-selected.is-multiple.linked-record-field-grid-control--size-medium {
  --linked-record-space: 172px;
  max-height: 172px;
}
.linked-record-field-grid-control.is-read-only.is-selected.is-multiple.linked-record-field-grid-control--size-large {
  --linked-record-space: 238px;
  max-height: 238px;
}
.linked-record-field-grid-control.is-read-only.is-selected.is-multiple.linked-record-field-grid-control--size-extra-large {
  --linked-record-space: 336px;
  max-height: 336px;
}
.linked-record-field-grid-control.is-read-only.is-selected.is-multiple.linked-record-field-grid-control--size-auto {
  height: 100%;
}
.linked-record-field-grid-control--display {
  height: calc(100% - 15px);
  --first-pill-margin: 0;
}
.grid-view-cell:not(.is-read-only):hover .linked-record-field-grid-control--display {
  --first-pill-margin: 25px;
}
.linked-record-field-grid-control--display.no-application {
  --first-pill-margin: 0 !important;
}
.linked-record-field-grid-control--clipped .linked-record-field-grid-control__list {
  padding-right: 32px;
}
.linked-record-lock {
  color: var(--G-3, #C7C8C9);
}
.linked-record-lock:hover {
  color: var(--G-6, #868788);
}
.linked-record-lock-tooltip {
  display: flex;
  justify-content: center;
  padding-top: 13px;
  height: 100%;
}
.linked-record-lock-tooltip.is-selected:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid var(--solution-primary-color);
  border-radius: 8px;
  pointer-events: none;
}
.linked-record-grid-display {
  padding-top: 7px;
  padding-left: 11px;
  height: 100%;
}
.linked-record-grid-display__plus.linked-record-plus-button {
  margin-left: 0;
  opacity: 0;
}
.sub-items-grid-cell .linked-record-grid-display__plus.linked-record-plus-button {
  display: none;
}
.linked-record-grid-display:hover .linked-record-grid-display__plus {
  opacity: 1;
}
.linked-record-grid-fields-display-plus.linked-record-plus-button {
  opacity: var(--plus-button-opacity, 0);
  position: absolute;
  left: 8px;
  top: 7px;
  z-index: 1;
}
.grid-view-cell:hover .linked-record-grid-fields-display-plus.linked-record-plus-button {
  --plus-button-opacity: 1;
}
.linked-record-input-placeholder {
  position: absolute;
  top: 0;
  padding-top: 10px;
  padding-right: 16px;
  left: 40px;
  right: 0;
  bottom: 0;
}
.linked-record-expanded-select {
  min-height: 45px;
  padding-top: 18px;
  padding-bottom: 15px;
}
.linked-record-expanded-select--expanded, .linked-record-expanded-select--standart {
  padding-top: 7px;
}
.linked-record-expanded-select__link.linked-record-button {
  position: relative;
  top: -15px;
  right: 0;
  margin-top: 6px;
  margin-left: 0;
  opacity: 1;
  margin-bottom: 7px;
  color: var(--typo-primary, #2E3538);
  background-color: transparent;
  font-weight: 500;
  padding: 0;
  transform: translateX(0);
  transition: transform 150ms ease-out , max-width 150ms ease-out;
}
.linked-record-expanded-select__link.linked-record-button:before {
  opacity: 0;
  background-color: var(--custom-color);
  left: -8px;
  right: -8px;
  border: none;
  transition: opacity 150ms ease-out;
}
.linked-record-expanded-select__link.linked-record-button:hover {
  max-width: calc(100% - 15px);
  transform: translateX(8px);
  transition: transform 200ms ease-in , max-width 200ms ease-in;
}
.linked-record-expanded-select__link.linked-record-button:hover:before {
  opacity: 0.15;
  transition: opacity 200ms ease-in;
}
.linked-record-expanded-select__more {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-bottom: -3px;
}
.linked-record-expanded-select__more::before, .linked-record-expanded-select__more::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.linked-record-expanded-select__more-button {
  display: flex;
  align-items: center;
  color: var(--custom-color);
  margin: 0 10px;
}
.linked-record-expanded-select__more-button-icon {
  margin-left: 1px;
  color: var(--G-3, #C7C8C9);
}
.linked-record-expanded-select__spinner {
  display: flex;
  margin: 2px 44px 0;
}
.linked-record-expanded-select--group-by {
  padding-top: 0;
}
.linked-record-standard-select {
  min-height: 32px;
  width: 100%;
}
.linked-record-standard-select__list {
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 1px 20px 1px 4px;
  gap: 7px;
}
.linked-record-standard-select__item {
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 2px;
}
.linked-record-standard-select__plus {
  height: 24px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px 0 3px;
}
.linked-record-standard-select__plus:hover .linked-record-standard-select__plus-button {
  color: var(--G-0, #FFFFFF);
  background-color: var(--solution-hover-color);
}
.linked-record-standard-select__plus-button {
  height: 18px;
  width: 18px;
  color: var(--G-0, #FFFFFF);
  background-color: var(--solution-primary-color);
}
.linked-record-standard-select--grid {
  width: 100%;
  padding: 8px 16px 0 7px;
  overflow: hidden;
  max-height: inherit;
  min-height: var(--linked-record-space);
}
.linked-record-standard-select--grid .linked-record-standard-select__list {
  padding: 0;
  overflow: visible;
  align-items: start;
  height: auto;
  padding-bottom: 7px;
}
.linked-record-standard-select--grid .linked-record-standard-select__plus {
  margin: 0px 4px;
}
.linked-record-standard-select--grid .linked-record-standard-select__item {
  margin: 0;
}
.linked-record-standard-select--record-edit-form .pill--removable.pill--animated-remove::before {
  background-color: var(--G-1, #F3F3F4);
}
.linked-record-button {
  position: relative;
  padding: 4px 8px;
  margin-right: 8px;
  margin-left: 4px;
  white-space: nowrap;
  height: 24px;
  max-width: 100%;
  display: flex;
  align-items: center;
  border-radius: 5px;
  color: var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
  opacity: var(--edit-record-actions-opacity, 0);
  transition: background-color 150ms ease-out , opacity 150ms ease-out , max-width 150ms ease-out;
}
.linked-record-button--record-edit-form {
  max-width: 300px;
}
.linked-record-button.is-disabled {
  pointer-events: all;
  cursor: default;
}
.linked-record-button.is-disabled:hover {
  background: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.linked-record-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  border: 1px solid var(--solution-primary-color);
  opacity: 0.15;
}
.linked-record-button__icon {
  margin-right: 6px;
  color: var(--solution-primary-color);
}
.linked-record-button:hover:before {
  opacity: 0.5;
  transition: opacity 200ms ease-in;
}
.linked-record-title {
  width: 100%;
  z-index: 1;
  padding: 13px 0px 0 15px;
}
.linked-record-title:not(:last-child) {
  margin-right: 5px;
}
.linked-record-title__item {
  max-width: 100%;
  flex: 1 0;
  text-align: center;
}
.linked-record-title__item:not(:last-child) {
  margin-right: 5px;
}
.linked-record-title__item-fixed {
  max-width: max-content;
}
.linked-record-title__item.is-left-text-align {
  text-align: left;
}
.linked-record-title__cover {
  min-width: 76px;
}
.linked-record-titles {
  display: flex;
  overflow: hidden;
}
.linked-record-field-edit-record {
  color: var(--custom-color);
}
.linked-record-field-edit-record:not(.linked-record-field-edit-record--standard) {
  padding: 10px 15px 0;
  margin-left: var(--linked-record-edit-record-margin-left, -15px);
  margin-right: var(--linked-record-edit-record-margin-right, -15px);
}
.linked-record-field-edit-record:not(.linked-record-field-edit-record--standard):before {
  display: block;
  content: "";
  position: absolute;
  background-color: var(--custom-deep-washed-color);
  opacity: 0.5;
  border-radius: 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.linked-record-field-edit-record.edit-record-field.is-default:hover .edit-record-field__title,
.linked-record-field-edit-record.edit-record-field.is-default:hover .edit-record-field__icon {
  color: var(--custom-color);
}
.linked-record-field-edit-record .edit-record-field__header {
  color: var(--typo-primary, #2E3538);
}
.linked-record-field-edit-record__wrap {
  position: relative;
}
.linked-record-field-edit-record__no-access, .linked-record-field-edit-record__no-records {
  padding-top: 6px;
  padding-bottom: 16px;
}
.linked-record-field-edit-record:hover .linked-record-field-edit-record__button {
  opacity: 1;
}
.linked-record-field-edit-record--table:not(.linked-record-field-edit-record--inline-edit) .linked-record-field-edit-record__wrap {
  margin: 0 -15px 0 -15px;
  padding: 0 1px 0 15px;
  overflow: hidden;
}
.linked-record-field-edit-record--table:not(.linked-record-field-edit-record--inline-edit) .linked-record-field-edit-record__wrap:has(.trackXVisible) {
  padding-bottom: 10px;
}
.linked-record-field-edit-record--table:not(.linked-record-field-edit-record--inline-edit).is-error .linked-record-field-edit-record__wrap {
  margin-bottom: 6px;
}
.linked-record-field-edit-record--inline-edit {
  padding: 10px 15px 10px;
}
.linked-record-field-edit-record--inline-edit .linked-record-field-edit-record__wrap {
  margin: 0;
  padding: 0;
  overflow: visible;
  padding-bottom: 10px;
}
.linked-record-field-edit-record--inline-edit.is-error .linked-record-field-edit-record__wrap {
  margin-bottom: 6px;
}
.linked-record-field-edit-record--inline-edit.is-show-more-button-visible .table-inline-edit-add-row {
  bottom: 77px !important;
}
.linked-record-field-edit-record--no-records:not(.linked-record-field-edit-record--table):not(.linked-record-field-edit-record--standard) .linked-record-field-edit-record__wrap {
  padding-top: 16px;
}
.linked-record-field-edit-record--multiple {
  --edit-record-actions-max-width: 400px;
}
.linked-record-no-access {
  display: flex;
  align-items: center;
}
.linked-record-no-access__icon {
  margin-right: 6px;
}
.grouped-linked-record-cards {
  display: flex;
  flex-direction: column;
  margin-top: -18px;
}
.grouped-linked-record-cards__group {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 43px;
  padding: 10px 14px 0;
  cursor: pointer;
}
.grouped-linked-record-cards__group:first-child {
  margin-top: 0;
}
.grouped-linked-record-cards__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  color: inherit;
  text-align: left;
}
.grouped-linked-record-cards__header:disabled {
  cursor: default;
  opacity: 0.6;
}
.grouped-linked-record-cards__header.is-expanded .grouped-linked-record-cards__group-arrow {
  transform: rotate(0);
  transition: transform 200ms ease-in;
}
.grouped-linked-record-cards__title {
  flex: 1;
  font-weight: 500;
  font-size: 14px;
  color: var(--typo-primary, #2E3538);
  line-height: 20px;
}
.grouped-linked-record-cards__record {
  width: 100%;
  margin-top: 8px;
}
.grouped-linked-record-cards__group-arrow {
  transform: rotate(-90deg);
  transition: transform 150ms ease-out;
}
.grouped-linked-record-cards.is-expanded-display-format {
  margin-top: -7px;
}
.linked-record-table-inline-button {
  background-color: var(--G-0, #FFFFFF);
  height: 28px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 12px 0 8px;
  color: var(--typo-primary, #2E3538);
  font-size: 12px;
  z-index: 1;
  line-height: 28px;
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 14px;
  border-radius: 5px;
  opacity: var(--edit-record-actions-opacity, 0);
  transition: background-color 150ms ease-out , border-color 150ms ease-out , opacity 150ms ease-out;
}
.linked-record-table-inline-button:hover {
  border-color: var(--G-3, #C7C8C9);
  background-color: var(--G-0-5, #FAFAFA);
  transition: background-color 200ms ease-in , border-color 200ms ease-in , opacity 200ms ease-in;
}
.linked-record-table-inline-button__icon {
  position: relative;
  top: 3px;
  margin-right: 3px;
}
.linked-record-option__wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 11px 0 5px;
  padding: 0 39px 0 31px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-in;
}
.linked-record-option__icon {
  display: flex;
  margin-right: 8px;
  color: var(--solution-primary-color);
}
.linked-record-option__text {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-grow: 1;
  max-width: 100%;
  height: 33px;
  padding-right: 20px;
  color: var(--tertiary, #6B6B6B);
  -webkit-user-select: none;
          user-select: none;
}
.linked-record-option__label {
  display: flex;
  max-width: 45%;
  margin-left: auto;
}
.linked-record-option__drag {
  display: flex;
  color: var(--G-4, #B2B2B3);
  cursor: move;
  position: absolute;
  left: 13px;
}
.linked-record-option__drag:hover {
  color: var(--solution-primary-color);
}
.linked-record-option__checkbox {
  position: absolute;
  right: 8px;
}
.linked-record-option__toggle {
  display: flex;
  align-items: center;
  margin-right: 8px;
  color: var(--G-8, #4d4d4d);
  cursor: pointer;
}
.linked-record-option__childrens {
  flex-grow: 1;
  padding-top: 1px;
}
.linked-record-option:not(.linked-record-option--child):first-child {
  margin-top: 11px;
}
.linked-record-option:not(.linked-record-option--child):last-child {
  margin-bottom: 5px;
}
.linked-record-option:not(.linked-record-option--primary):hover > .linked-record-option__wrap {
  cursor: pointer;
}
.linked-record-option:not(.linked-record-option--primary):hover > .linked-record-option__wrap .linked-record-option__icon {
  color: var(--ic-dark, #2D2D2D);
}
.linked-record-option:not(.linked-record-option--primary):hover > .linked-record-option__wrap .linked-record-option__text {
  color: var(--typo-primary, #2E3538);
}
.linked-record-option:not(.is-selected):not(.linked-record-option--primary):hover > .linked-record-option__wrap {
  background-color: var(--G-1, #F3F3F4);
}
.linked-record-option.is-selected:not(.linked-record-option--primary):hover > .linked-record-option__wrap {
  background-color: var(--G-1, #F3F3F4);
}
.linked-record-option.is-selected:not(.linked-record-option--primary):hover .linked-record-option__drag {
  color: var(--solution-primary-color);
}
.linked-record-option.is-selected:not(.linked-record-option--primary) .linked-record-option__icon {
  color: var(--solution-primary-color);
}
.linked-record-option--child {
  padding-left: 25px;
}
.linked-record-toolbar-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
}
.linked-record-toolbar-button:hover::before {
  opacity: 0.15;
  background-color: var(--solution-primary-color);
  transition: background-color 200ms ease-in , opacity 200ms ease-in;
}
.linked-record-toolbar-button:hover::after {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.linked-record-toolbar-button::before, .linked-record-toolbar-button::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  pointer-events: none;
}
.linked-record-toolbar-button::before {
  opacity: 0.05;
  background-color: var(--solution-primary-color);
  transition: background-color 150ms ease-out , opacity 150ms ease-out;
}
.linked-record-toolbar-button::after {
  opacity: 0.15;
  border: 1px solid var(--solution-primary-color);
  transition: opacity 150ms ease-out;
}
.linked-record-toolbar-button__icon {
  position: relative;
  opacity: 0.5;
  margin-right: 6px;
  color: var(--solution-primary-color);
}
.linked-record-toolbar-button__text {
  position: relative;
}
.linked-record-toolbar-button.is-active::before {
  opacity: 1;
  background-color: var(--solution-primary-color);
  transition: background-color 200ms ease-in , opacity 200ms ease-in;
}
.linked-record-toolbar-button.is-active::after {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.linked-record-toolbar-button.is-active .linked-record-toolbar-button__icon {
  opacity: 1;
  color: var(--G-0, #FFFFFF);
}
.linked-record-toolbar-button.is-active .linked-record-toolbar-button__text {
  color: var(--G-0, #FFFFFF);
}
.linked-record-pill {
  max-width: 100%;
  height: 26px;
  padding: 0 10px;
  background-color: #E5F8FF;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.linked-record-pill:first-of-type {
  margin-left: var(--first-pill-margin, 0);
  transition: margin-left 150ms ease-out;
}
.linked-record-pill:hover:not(.is-read-only) {
  background-color: #B3EFFE;
  transition: background-color 200ms ease-in;
}
.linked-record-pill:not(:last-child) {
  margin-right: 4px;
}
.linked-record-pill.is-read-only {
  cursor: default;
}
.linked-record-pill.is-compact {
  margin-bottom: 0;
}
.linked-record-pill.is-read-only {
  cursor: default;
}
.linked-record-pill.is-clickable {
  cursor: pointer;
}
.linked-record-pill {
  max-width: 100%;
  height: 26px;
  padding: 0 10px;
  background-color: #E5F8FF;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.linked-record-pill:first-of-type {
  margin-left: var(--first-pill-margin, 0);
  transition: margin-left 150ms ease-out;
}
.linked-record-pill:hover:not(.is-read-only) {
  background-color: #B3EFFE;
  transition: background-color 200ms ease-in;
}
.linked-record-pill:not(:last-child) {
  margin-right: 4px;
}
.linked-record-pill.is-read-only {
  cursor: default;
}
.linked-record-pill.is-compact {
  margin-bottom: 0;
}
.linked-record-pill.is-read-only {
  cursor: default;
}
.linked-record-pill.is-clickable {
  cursor: pointer;
}
.r-grid--table.table-linked-record--limited-records {
  --table-side-padding-bottom: 3px;
}
.r-grid--table.table-linked-record .scrollbar__track {
  opacity: var(--edit-record-actions-opacity, 0);
  transition: opacity 150ms ease-out;
}
.more-button-loading {
  position: relative;
  display: flex;
  justify-content: center;
  color: var(--G-4, #B2B2B3);
  height: 22px;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 10px;
}
.more-button-loading:before, .more-button-loading:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  background-color: var(--G-3, #C7C8C9);
}
.more-button-loading:before {
  left: 0;
  right: calc(50% + 44px);
}
.more-button-loading:after {
  right: 0;
  left: calc(50% + 44px);
}
.table-linked-record--inline-edit {
  background-color: transparent;
  --grid-left-side-width: 0px !important;
  --grid-view-row-actions-left: 16px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  overflow-x: clip !important;
  overflow-y: visible !important;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.0509803922);
}
.table-linked-record--inline-edit.is-scrolling .grid-scrolling-overlay {
  z-index: 2 !important;
}
.table-linked-record--inline-edit .grid-view-record-warning {
  display: none !important;
}
.table-linked-record--inline-edit:before {
  display: none;
}
.table-linked-record--inline-edit .grid-view-row__actions {
  left: 16px;
}
.table-linked-record--inline-edit .grid-view-row__corner {
  display: none;
}
.table-linked-record--inline-edit .grid-view-head-cell.is-active {
  background-color: transparent;
}
.table-linked-record--inline-edit .grid-view-head-cell:hover .grid-view-head-cell__menu,
.table-linked-record--inline-edit .grid-view-head-cell.is-active .grid-view-head-cell__menu {
  min-width: 20px;
  width: 20px;
  max-width: 20px;
}
.table-linked-record--inline-edit .grid-view-blank-row--right {
  bottom: 12px !important;
  border-top: 1px solid var(--G-1-5, #E9E9E9) !important;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 0;
  padding-left: 76px;
  border-color: var(--G-1-5, #E9E9E9);
  right: 0 !important;
  border-right: none;
  border-color: var(--G-1-5, #E9E9E9) !important;
}
.table-linked-record--inline-edit .grid-view-blank-row--right:before {
  display: none;
}
.table-linked-record--inline-edit .scrollbar__track {
  opacity: var(--edit-record-actions-opacity, 0);
  transition: opacity 150ms ease-out;
}
.table-linked-record--inline-edit .table-row-actions {
  z-index: 2;
  padding: 1px;
  height: 28px;
  margin-top: 7px;
}
.table-linked-record--inline-edit .grid-view-row.is-hover .grid-view-row__background {
  background-color: rgba(0, 0, 0, 0.02);
}
.table-linked-record--inline-edit .grid-side {
  padding-bottom: 18px;
}
.table-linked-record--inline-edit .scrollbar__track--X,
.table-linked-record--inline-edit .scrollbar__thumb--X {
  height: 8px;
}
.table-linked-record--inline-edit .scrollbar__track--X {
  left: 4px !important;
  width: calc(100% - 8px) !important;
  z-index: 2 !important;
  bottom: 10px !important;
}
.table-linked-record--inline-edit .scrollbar__track--Y,
.table-linked-record--inline-edit .scrollbar__thumb--Y {
  width: 8px;
}
.table-linked-record--inline-edit .grid-view-header,
.table-linked-record--inline-edit .grid-view-header:before {
  background-color: transparent;
}
.table-linked-record--inline-edit .grid-side.grid-side--grid-view:before {
  background-color: transparent;
  box-shadow: none;
}
.table-linked-record--inline-edit .grid-view-head-cell__menu {
  margin-left: 0;
  min-width: 0px;
  width: 0px;
  max-width: 0px;
  position: relative;
}
.table-linked-record--inline-edit .grid-action-menu--grid-view .grid-action-menu__arrow {
  padding-left: 10px;
}
.table-linked-record--inline-edit .grid-view-add-row__hotkey_hint {
  margin-left: 8px;
  color: var(--inactive, #B2B2B3);
  transition: color 150ms ease-out;
}
.table-linked-record--inline-edit .grid-view-add-row__hotkey_hint:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.table-linked-record--inline-edit .grid-view-add-row:hover .grid-view-add-row__hotkey_hint {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.table-linked-record--inline-edit .grid-view-head-cell {
  border-right: none;
}
.table-linked-record--inline-edit .grid-view-row--right .grid-view-row__cell:first-of-type {
  border-left: none;
}
.table-linked-record--inline-edit .grid-view-cell {
  border-right-color: var(--G-1-5, #E9E9E9);
}
.table-linked-record--inline-edit .grid-view-head-cell__label-text {
  font-weight: 400;
  letter-spacing: 0;
  color: var(--tertiary, #6B6B6B);
  font-size: 13px;
  transition: color 150ms ease-out;
}
.table-linked-record--inline-edit .grid-view-head-cell.is-active .grid-view-head-cell__label-text, .table-linked-record--inline-edit .grid-view-head-cell:hover .grid-view-head-cell__label-text {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.table-linked-record--inline-edit .grid-view-row__actions {
  top: 9px;
}
.table-linked-record--inline-edit .grid-view-row__expand {
  min-width: 24px;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1-5, #E9E9E9);
  margin-left: 0;
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.table-linked-record--inline-edit .grid-view-row__expand:hover {
  border-color: var(--G-3, #C7C8C9);
  background-color: var(--G-0-5, #FAFAFA);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.table-linked-record--inline-edit .grid-view-row__expand:before {
  display: none;
}
.table-linked-record--inline-edit .grid-view-row--right {
  padding-left: 60px;
}
.table-linked-record--inline-edit .grid-view-header--right {
  padding-left: 59px;
  margin-left: 0;
  height: 42px;
}
.table-linked-record--inline-edit .grid-view-blank-row--right {
  margin-left: 0;
}
.table-linked-record--inline-edit .grid-view-row--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  border-color: var(--G-1-5, #E9E9E9);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  right: 0px !important;
  left: 0 !important;
  border-right: none;
  border-bottom: none !important;
  border-left: none;
}
.table-linked-record--inline-edit .grid-view-row--right:after {
  display: none;
}
.table-linked-record--inline-edit .grid-view-row--right .grid-view-row__full-scroll-corner {
  display: none;
}
.table-linked-record--inline-edit .grid-view-row--right .grid-view-row__background {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.table-linked-record--inline-edit .grid-side.grid-side--grid-view.grid-side--right.is-scrolled-horizontally {
  overflow: visible;
}
.table-linked-record--inline-edit .grid-group {
  padding-top: 0;
  left: 0 !important;
}
.table-linked-record--inline-edit .grid-group__head {
  height: 43px;
}
.table-linked-record--inline-edit .grid-group__arrow {
  transform: rotate(0deg) translateY(0);
}
.table-linked-record--inline-edit .grid-group:before {
  display: none;
}
.table-linked-record--inline-edit .grid-group.is-collapsed .grid-group__arrow {
  transform: rotate(-90deg) translateY(0);
}
.table-linked-record--inline-edit .grid-group__button {
  bottom: 0 !important;
  border-top: none !important;
  padding-left: 23px;
}
.table-linked-record--inline-edit.group-by-count-1 .grid-view-row.is-last {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9) !important;
}
.linked-record-table-inline-edit-column-action-menu {
  --menu-option-icon-color: var(--G-8, #4d4d4d);
  --menu-option-height: 28px;
  border-radius: 6px;
  --menu-option-arrow-top: 6px;
  --menu-option-bottom-margin: 4px;
}
.linked-record-table-inline-edit-column-action-menu:before {
  border-radius: 6px;
}
.linked-record-plus-button {
  height: 26px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px 0 3px;
}
.linked-record-plus-button__icon {
  height: 18px;
  width: 18px;
  color: var(--G-0, #FFFFFF);
  background-color: var(--solution-primary-color);
}
.linked-record-plus-button:hover .linked-record-plus-button__icon {
  color: var(--G-0, #FFFFFF);
  background-color: var(--solution-hover-color);
}
.table-linked-record {
  padding-bottom: 3px;
}
.table-linked-record:has(.trackXVisible) {
  --table-side-padding-bottom: 5px;
}
.table-linked-record.r-grid {
  overflow: visible;
}
.table-linked-record--no-records {
  --table-side-padding-bottom: 10px;
}
.table-linked-record .grid-side__rows:before {
  content: "";
  position: absolute;
  bottom: 41px;
  height: 1px;
  pointer-events: none;
  left: 10px;
  right: 10px;
  border-bottom: 1px solid rgba(var(--solution-primary-color-rgb), 0.15);
}
.table-linked-record .grid-side--right {
  overflow: visible;
}
.table-linked-record [aria-label="Record Preview"] {
  width: 100%;
}
.table-linked-record [aria-label="Record Preview"] .table-row {
  background-color: var(--G-0, #FFFFFF);
}
.no-records-add-button.table-add-row {
  position: relative;
  margin-top: 12px;
}
.table-head-cell {
  display: flex;
  padding: 0 16px;
  align-items: center;
}
.table-head-cell.r-grid-head-cell {
  cursor: default;
}
.table-head-cell__menu {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}
.table-head-cell__field {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 11px;
  color: var(--typo-secondary, #878B92);
  transition: color 150ms ease-out;
}
.table-head-cell__label {
  display: inline-block;
  letter-spacing: 0;
}
.table-head-cell.is-active .table-head-cell__menu, .table-head-cell:hover .table-head-cell__menu, .table-head-cell.is-resizing .table-head-cell__menu {
  opacity: 1;
}
.table-head-cell.is-active.has-ellipsis .table-head-cell__field, .table-head-cell:hover.has-ellipsis .table-head-cell__field {
  padding-right: 5px;
}
.table-head-cell.is-active .table-head-cell__field, .table-head-cell:hover .table-head-cell__field {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.table-head-cell.is-left-text-align .table-head-cell__field {
  justify-content: flex-start;
}
.table-add-column {
  height: 100%;
  display: flex;
  align-items: center;
  background-color: transparent;
  color: var(--tertiary, #6B6B6B);
  padding-left: 15px;
  position: relative;
}
.table-add-column:hover {
  color: var(--solution-primary-color);
}
.table-add-column:hover .table-add-column__icon {
  color: var(--solution-primary-color);
}
.table-add-column__text {
  opacity: 0;
}
.table-add-column__icon {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--G-4, #B2B2B3);
}
.table-add-column.is-active .table-add-column__text {
  opacity: 1;
}
.table-add-column.is-active .table-add-column__icon {
  opacity: 0;
}
.table-add-column-button {
  background-color: transparent;
  height: 100%;
  cursor: default;
}
.table-row {
  border-radius: 8px;
  display: flex;
  min-width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid var(--G-0, #FFFFFF);
  border-bottom: none;
  padding-left: 26px;
}
.table-row.is-even {
  background-color: rgba(255, 255, 255, 0.3);
}
.table-row.is-hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.table-row:before, .table-row:after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  pointer-events: none;
  width: 10px;
  border: 1px solid rgba(var(--solution-primary-color-rgb), 0.15);
  pointer-events: none;
}
.table-row:before {
  left: -1px;
  border-right: none;
  border-radius: 8px 0 0 8px;
}
.table-row:after {
  right: -1px;
  border-left: none;
  border-radius: 0 8px 8px 0;
}
.table-row.is-hover:after {
  display: none;
}
.table-row.is-hover:before {
  z-index: 1;
  right: -1px;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: auto;
  border: 1px solid var(--solution-primary-color);
  opacity: 0.5;
  border-radius: 8px;
}
.table-row.is-hover .table-row__expand-icon {
  opacity: 1;
}
.table-row.is-hidden-first-column {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.table-row__expand-icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--solution-primary-color);
  position: absolute;
  left: 9px;
  top: 8px;
  opacity: 0;
  margin-top: auto;
  margin-bottom: auto;
  cursor: pointer;
  z-index: 1;
}
.table-row__expand-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  opacity: 0.1;
  transition: opacity 150ms ease-out;
}
.table-row__expand-icon:hover:before {
  opacity: 0.2;
  transition: opacity 200ms ease-in;
}
.table-row.is-show-cover-image .record-title-field-control {
  padding-left: 56px;
}
.table-row.is-show-cover-image.is-hidden-first-column .linked-record-cover-image {
  display: none;
}
.table-row-outline {
  position: absolute;
  top: -1px;
  left: 9px;
  right: 9px;
  background-color: rgba(var(--solution-primary-color-rgb), 0.15);
  height: 1px;
}
.table-cell {
  border-right: 1px dashed var(--G-2, #DEDEDE);
}
.table-cell:first-of-type {
  border-style: solid;
  border-color: var(--G-1-5, #E9E9E9);
}
.table-cell::before {
  display: none;
}
.table-footer {
  background: transparent;
}
.table-footer__count {
  position: absolute;
  top: 6px;
  left: 10px;
}
.table-side {
  padding-bottom: var(--table-side-padding-bottom) !important;
}
.table-side:before {
  content: "";
  position: absolute;
  top: 33px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
  pointer-events: none;
}
.table-side:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  opacity: 0;
  z-index: 2;
  transition: opacity 150ms ease-out;
}
.table-side .table-side__footer {
  background-color: transparent;
  height: 40px;
}
.table-side .table-side__rows {
  min-width: auto;
}
.table-side.is-has-records:before {
  display: none;
}
.table-side.is-scrolled-horizontally.is-has-records:after {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.table-add-button {
  position: absolute;
  top: -30px;
  right: 91px;
  padding: 4px 8px;
  height: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
  color: var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
  opacity: var(--edit-record-actions-opacity, 0);
  transition: background-color 150ms ease-out , opacity 150ms ease-out;
}
.table-add-button.is-disabled {
  pointer-events: all;
  cursor: default;
}
.table-add-button.is-disabled:hover {
  background: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.table-add-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  border: 1px solid var(--solution-primary-color);
  opacity: 0.15;
}
.table-add-button__icon {
  margin-right: 6px;
  color: var(--solution-primary-color);
}
.table-row-actions {
  height: 32px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px;
  position: absolute;
  right: var(--table-row-actions-right, 4px);
  margin-top: 5px;
}
.table-row-actions__dots {
  position: relative;
}
.table-row-actions__dots:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--solution-primary-color);
  opacity: 0;
  border-radius: 5px;
  transition: opacity 150ms ease-out;
}
.table-row-actions__dots.is-active:before, .table-row-actions__dots:hover:before {
  opacity: 0.5;
  transition: opacity 200ms ease-in;
}
.table-row-actions__separator {
  margin-top: 9px;
  margin-bottom: 4px;
}
.table-row-actions__remove {
  min-width: 24px;
  width: 24px;
  height: 24px;
}
.table-add-row {
  margin-top: 9px;
  height: 24px;
  padding: 0;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 9px;
  left: 0;
  opacity: 1;
  color: var(--typo-primary, #2E3538);
  background-color: transparent;
  font-weight: 500;
  padding: 0;
  transform: translateX(0);
  transition: transform 150ms ease-out;
}
.table-add-row:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  opacity: 0;
  background-color: var(--custom-color);
  left: -8px;
  right: -8px;
  transition: opacity 150ms ease-out;
}
.table-add-row:hover {
  transform: translateX(8px);
  transition: transform 200ms ease-in;
}
.table-add-row:hover:before {
  opacity: 0.15;
  transition: opacity 200ms ease-in;
}
.table-head-row {
  padding-left: 26px;
  text-transform: capitalize;
}
.linked-record-relation {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}
.linked-record-relation__wrapper {
  cursor: pointer;
  line-height: 1;
}
.linked-record-relation__link {
  text-decoration: underline;
  margin-left: 3px;
  display: inline-block;
}
.linked-record-relation-help {
  display: flex;
  align-items: center;
  background-color: var(--G-0-5, #FAFAFA);
  height: 36px;
  padding: 0 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 0 5px 5px;
}
.linked-record-relation-help__text {
  cursor: default;
}
.linked-record-relation-help__action {
  text-decoration: underline;
}
.linked-record-relation-help__action:hover {
  text-decoration: none;
}
.relation-option {
  display: flex;
  min-height: 68px;
  padding: 8px 9px;
  background-color: transparent;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.relation-option__content {
  padding-left: 9px;
  display: flex;
  flex-direction: column;
}
.relation-option__title {
  margin-bottom: 2px;
  color: var(--typo-primary, #2E3538);
  transition: color 150ms ease-out;
}
.relation-option__description {
  color: var(--typo-secondary, #878B92);
  transition: color 150ms ease-out;
}
.relation-option:hover {
  background-color: var(--solution-primary-color);
  transition: background-color 200ms ease-in;
}
.relation-option:hover .relation-option__title,
.relation-option:hover .relation-option__description {
  color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in;
}
.linked-record-params-filter {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  --report-button-icon-color: var(--ic-dark, #2D2D2D);
  --report-button-icon-color-active: var(--ic-dark, #2D2D2D);
  --report-button-icon-color-hover: var(--ic-dark, #2D2D2D);
}
.linked-record-params-filter__button.report-toolbar-button {
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  flex: 1;
  border-radius: 5px;
  height: 32px;
  justify-content: center;
  --report-button-number-background: var(--G-1-5, #E9E9E9);
  --report-button-number-background-opacity: 1;
  --report-button-number-border-radius: 4px;
  transition: background-color 150ms ease-out , border-color 150ms ease-out;
}
.linked-record-params-filter__button.report-toolbar-button::before {
  display: none;
}
.linked-record-params-filter__button.report-toolbar-button:hover, .linked-record-params-filter__button.report-toolbar-button.is-active {
  border-color: var(--G-4, #B2B2B3);
  background-color: var(--G-0-5, #FAFAFA);
  --report-button-active-color: var(--typo-primary, #2E3538);
  --report-button-number-background: var(--G-1-5, #E9E9E9);
  transition: background-color 150ms ease-out , border-color 150ms ease-out;
}
.linked-record-params-filter-dropdown {
  --fields-display-panel-min-height: 491px;
}
.linked-record-params-filter-dropdown .dropdown-panel__arrow {
  background-color: var(--G-0, #FFFFFF);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px;
  right: -5px;
  left: auto;
}
.flip-horizontal .linked-record-params-filter-dropdown .dropdown-panel__arrow {
  left: -5px;
  right: auto;
}
.linked-record-target-option {
  height: 28px;
  padding: 0 10px;
  padding-left: 38px;
  color: var(--tertiary, #6B6B6B);
  line-height: 28px;
}
.linked-record-target-option:hover {
  color: var(--typo-primary, #2E3538);
}
.linked-record-target-label {
  margin-top: 16px;
  margin-bottom: 4px;
  display: inline-block;
  padding-left: 13px;
}
.linked-record-target-list {
  --select-option-margin-bottom: 4px;
}
.linked-record-target {
  position: relative;
}
.linked-record-target__overlay, .linked-record-target__overlay-block {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.linked-record-standard-loader {
  position: absolute;
  bottom: 8px;
  right: 12px;
  display: flex;
  color: var(--G-7, #6F7173);
  cursor: pointer;
}
.linked-record-card-list {
  height: 100%;
}
.linked-record-card-list__scrollbar {
  height: 100%;
}
.linked-record-cover-image {
  z-index: 3;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  width: 65px;
  height: 65px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  --file-preview-icon-background-size: contain;
}
.linked-record-cover-image:hover .linked-record-cover-image__overlay {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.linked-record-cover-image.is-empty {
  background-color: var(--G-1, #F3F3F4);
  color: var(--G-4, #B2B2B3);
}
.linked-record-cover-image--record-item {
  margin-right: 20px;
  margin-left: -11px;
}
.linked-record-cover-image--table {
  position: absolute;
  left: 40px;
  width: 30px;
  height: 30px;
}
.linked-record-cover-image--simplified {
  margin-right: 16px;
  margin-left: -9px;
  background-color: var(--G-1, #F3F3F4);
  --file-preview-icon-background-size: 44px auto;
}
.linked-record-cover-image--standard, .linked-record-cover-image--expanded {
  margin-right: 20px;
  margin-left: -9px;
  background-color: var(--G-1, #F3F3F4);
  --file-preview-icon-background-size: 44px auto;
}
.linked-record-cover-image--compact {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  margin-left: -10px;
}
.linked-record-cover-image--table .linked-record-cover-image__overlay, .linked-record-cover-image--compact .linked-record-cover-image__overlay {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.linked-record-cover-image__overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin: auto;
  background-color: rgba(45, 45, 45, 0.68);
  border-radius: 50%;
  color: var(--G-0, #FFFFFF);
  transition: opacity 150ms ease-out;
}
.linked-record-cover-image__preview {
  --file-preview-border-radius: 3px;
}
.linked-record-cover-image.is-small {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.table-row-actions {
  height: 32px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px;
  position: absolute;
  right: var(--table-row-actions-right, 4px);
  margin-top: 5px;
  transition: border-color 150ms ease-out;
}
.table-row-actions__dots {
  position: relative;
}
.table-row-actions__dots:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--solution-primary-color);
  opacity: 0;
  border-radius: 5px;
  transition: opacity 150ms ease-out;
}
.table-row-actions__dots.is-active:before, .table-row-actions__dots:hover:before {
  opacity: 0.5;
  transition: opacity 200ms ease-in;
}
.table-row-actions__separator {
  margin-top: 9px;
  margin-bottom: 4px;
}
.table-row-actions__remove {
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 5px;
}
.table-row-actions:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.table-inline-edit-add-row {
  height: 42px;
  display: flex;
  align-items: center;
  font-size: 13px;
  color: var(--inactive, #B2B2B3);
  gap: 8px;
  position: absolute;
  bottom: 41px;
  z-index: 2;
  width: 100%;
  padding-left: 76px;
  transition: color 150ms ease-out;
}
.table-inline-edit-add-row:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.table-inline-edit-add-row.is-groups-enabled {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.modal-all-linked-records {
  width: 780px;
}
.modal-all-linked-records__footer {
  height: 56px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 5px 5px;
}
.modal-all-linked-records__button {
  width: 100%;
  background-color: var(--solution-secondary-color);
  height: 32px;
  border-radius: 5px;
  color: var(--solution-primary-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  transition: color 200ms ease-in;
}
.modal-all-linked-records__button:hover {
  color: var(--solution-hover-color);
  transition: color 150ms ease-out;
}
.modal-all-linked-records__footer-icon {
  fill: currentColor;
  margin-right: 6px;
}
.select-linked-records-header {
  background-color: var(--G-0, #FFFFFF);
  padding: 0 15px;
  display: flex;
  min-height: 58px;
  padding-top: 13px;
  justify-content: flex-start;
  flex-direction: column;
  gap: 11px 10px;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.select-linked-records-header__name {
  margin-right: 15px;
  margin-left: 15px;
  padding-top: 7px;
}
.select-linked-records-header__name strong {
  font-weight: 600;
}
.select-linked-records-header__search input {
  padding-right: 10px;
  padding-left: 0;
}
.select-linked-records-header__controls {
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  background-color: var(--G-0-5, #FAFAFA);
  min-height: 44px;
  align-items: center;
  padding: 0 15px;
  margin: 0 -15px;
}
.select-linked-records-header__top {
  display: flex;
  align-items: center;
  width: 100%;
}
.select-linked-records-header__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.select-linked-records-header__settings {
  margin-left: auto;
}
.select-linked-records-header__separator {
  position: relative;
  margin-left: 22px;
}
.select-linked-records-header__separator:before {
  content: "";
  position: absolute;
  left: -16px;
  top: 5px;
  height: 22px;
  width: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.select-linked-records-header__action-button {
  min-width: 32px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  color: var(--G-8, #4d4d4d);
  background-color: transparent;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.0509803922);
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.select-linked-records-header__action-button:hover {
  border-color: var(--G-3, #C7C8C9);
  background-color: var(--G-0-5, #FAFAFA);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.select-linked-records-header__reports {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.select-linked-records-header__button {
  min-width: 28px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  color: var(--G-8, #4d4d4d);
  background-color: transparent;
  position: relative;
}
.select-linked-records-header__button.is-active, .select-linked-records-header__button:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.select-linked-records-header__button.is-filled:before {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #EDB740;
}
.select-linked-records-header.is-settings-opened .select-linked-records-header__settings-button {
  border-color: var(--G-3, #C7C8C9);
  background-color: var(--G-0-5, #FAFAFA);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.select-linked-records-header__form-title {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 10px;
}
.record-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 10px;
  min-height: 294px;
  max-height: var(--record-list-max-height);
}
.record-list__header {
  display: flex;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 8px;
  padding: 0 15px;
}
.record-list__scrollbar {
  overflow: hidden;
  flex-grow: 1;
}
.record-list__scrollbar .ScrollbarsCustom {
  height: 100% !important;
}
.record-list__scrollbar-body {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
.record-list__cover {
  min-width: 76px;
}
.record-list__title {
  margin-right: 5px;
}
.record-list__wrapper {
  height: 100%;
  display: flex;
}
.record-list__loading-more {
  position: static;
  margin: 10px;
}
.record-list.is-small-card-height .record-list__cover {
  min-width: 28px;
}
.record-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 76px;
  padding: 4px 15px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in;
}
.record-item:not(:last-child) {
  margin-bottom: 8px;
}
.record-item::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  border-radius: 5px;
}
.record-item:not(.record-item--select):not(.record-item--inline)::before {
  box-shadow: inset 0 0 0 2px #E9E9E9;
  transition: box-shadow 150ms ease-out;
  pointer-events: none;
}
.record-item:not(.record-item--select):not(.record-item--inline):hover {
  cursor: pointer;
  transition: color 200ms ease-in;
}
.record-item:not(.record-item--select):not(.record-item--inline):hover::before {
  box-shadow: inset 0 0 0 2px var(--solution-primary-color);
  transition: box-shadow 200ms ease-in;
}
.record-item .user-entry__avatar {
  margin-right: 4px;
}
.record-item__wrap {
  overflow: hidden;
  flex-grow: 1;
}
.record-item__selected-icon {
  position: absolute;
  color: var(--solution-primary-color);
  left: -23px;
  top: 50%;
  margin-top: -10px;
}
.record-item__title {
  margin-bottom: 12px;
}
.record-item__corner {
  width: 32px;
  height: 32px;
  background: var(--solution-primary-color);
  position: absolute;
  right: -2px;
  top: -2px;
  border-radius: 5px;
  overflow: hidden;
  transform: translate3d(32px, -32px, 0px);
  transition: transform 300ms ease-in;
}
.record-item__triangle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 27px solid var(--G-1-5, #E9E9E9);
  border-right: 27px solid transparent;
  transition: border-width 300ms ease-in;
}
.record-item__icons {
  position: absolute;
  top: 0px;
  right: 15px;
  z-index: 1;
  color: var(--G-0, #FFFFFF);
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.record-item__icons::before, .record-item__icons::after {
  display: block;
  content: "";
  position: absolute;
  background: var(--G-0, #FFFFFF);
}
.record-item__icons::before {
  width: 2px;
  height: 8px;
  left: 7px;
  top: 3px;
  transform: rotate(0deg);
}
.record-item__icons::after {
  width: 8px;
  height: 2px;
  left: 4px;
  top: 6px;
  transform: rotate(0deg);
}
.record-item__body {
  display: flex;
  align-items: flex-end;
  position: relative;
  z-index: 1;
}
.record-item--settings {
  overflow: hidden;
  cursor: default;
}
.record-item--settings .link-field-control,
.record-item--settings .phone-field-control,
.record-item--settings .email-field-control,
.record-item--settings .linked-record-field-control {
  pointer-events: none;
}
.record-item.is-uncolored:hover {
  border-color: var(--G-1-5, #E9E9E9);
  transition: border-color 150ms ease-out;
}
.record-item.is-uncolored:hover .record-item__corner {
  transform: translate3d(32px, -32px, 0px);
  transition: transform 300ms ease-in;
}
.record-item.is-uncolored:hover .record-item__icons {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.record-item.is-selected:not(.is-focused) {
  border-color: var(--solution-primary-color);
}
.record-item.is-selected:not(.is-focused) .record-item__corner {
  transform: translate3d(0px, 0px, 0px);
  transition: transform 200ms ease-in;
}
.record-item.is-selected:not(.is-focused) .record-item__triangle {
  border-width: 32px;
  transition: border-width 200ms ease-in;
}
.record-item.is-selected:not(.is-focused) .record-item__icons {
  opacity: 1;
}
.record-item.is-selected:not(.is-focused) .record-item__icons::before {
  height: 5px;
  left: 4px;
  top: 8px;
  transform: rotate(-45deg);
}
.record-item.is-selected:not(.is-focused) .record-item__icons::after {
  top: 8px;
  width: 10px;
  transform: rotate(-45deg);
}
.record-item.is-focused.is-selected {
  .record-item__icons: before;
  display: none;
}
.record-item__empty-field {
  height: 24px;
  display: flex;
  align-items: center;
}
.record-item__empty-field:not(:last-child) {
  margin-right: 5px;
}
.record-item__field {
  overflow: hidden;
  margin-right: 5px;
  pointer-events: none;
  width: auto;
  pointer-events: none;
  height: 24px;
  display: flex;
  align-items: center;
}
.record-item__field .is-left-alignment,
.record-item__field .is-right-alignment,
.record-item__field .is-centered-alignment {
  width: 100%;
}
.record-item__line {
  width: 18px;
  height: 2px;
  background-color: var(--readability, #111);
  opacity: 0.21;
}
.record-item__corner-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  width: 32px;
  height: 32px;
}
.record-item--select, .record-item--inline {
  border: 1px solid var(--G-1-5, #E9E9E9);
}
.record-item--select::before, .record-item--inline::before {
  content: "";
  box-shadow: none;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  width: auto;
  height: auto;
  border: 1px solid var(--solution-primary-color);
  border-radius: 5px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease-out;
}
.record-item--select .record-item__corner-wrapper, .record-item--inline .record-item__corner-wrapper {
  border-radius: 0 3px 0 0;
  right: -1px;
  top: -1px;
}
.record-item--select .record-item__corner, .record-item--inline .record-item__corner {
  top: 0px;
  right: 0px;
  border-radius: 0 5px 0 5px;
}
.record-item--select:focus, .record-item--inline:focus {
  color: var(--typo-primary, #2E3538);
}
.record-item--select:hover, .record-item--select.is-focused, .record-item--inline:hover, .record-item--inline.is-focused {
  color: var(--typo-primary, #2E3538);
  border-color: transparent;
}
.record-item--select:hover:before, .record-item--select.is-focused:before, .record-item--inline:hover:before, .record-item--inline.is-focused:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.record-item--select:hover .record-item__corner, .record-item--select.is-focused .record-item__corner, .record-item--inline:hover .record-item__corner, .record-item--inline.is-focused .record-item__corner {
  transform: translate3d(4px, -4px, 0px);
  transition: transform 200ms ease-in;
}
.record-item--select:hover .record-item__icons, .record-item--select.is-focused .record-item__icons, .record-item--inline:hover .record-item__icons, .record-item--inline.is-focused .record-item__icons {
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}
.record-item--select.is-selected:not(.is-focused), .record-item--inline.is-selected:not(.is-focused) {
  border-color: transparent;
  background-color: rgba(var(--solution-dw-color), 0.4);
}
.record-item--select.is-selected:not(.is-focused):before, .record-item--inline.is-selected:not(.is-focused):before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.record-item--select::after, .record-item--inline::after {
  display: none;
}
.record-item--select .record-item__title, .record-item--inline .record-item__title {
  padding-right: 30px;
}
.record-item--select.is-selected .record-item__corner, .record-item--inline.is-selected .record-item__corner {
  right: 1px;
}
.record-item.is-only-title {
  height: 40px;
  padding: 8px 15px;
}
.record-item.is-only-title .record-item__title {
  margin-bottom: 0;
}
.record-item.is-no-title {
  height: 40px;
  padding: 8px 15px;
}
#eH3YkzWRNpc4 {
  animation: eH3YkzWRNpc4__sz 2000ms linear infinite normal forwards;
}
@keyframes eH3YkzWRNpc4__sz {
  0% {
    width: 140px;
    height: 20px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  40% {
    width: 83.034478px;
    height: 20px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  100% {
    width: 139.996131px;
    height: 20px;
  }
}
#eH3YkzWRNpc11 {
  animation: eH3YkzWRNpc11__sz 2000ms linear infinite normal forwards;
}
@keyframes eH3YkzWRNpc11__sz {
  0% {
    width: 140px;
    height: 20px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  60% {
    width: 216.959351px;
    height: 20px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  100% {
    width: 140.002061px;
    height: 20px;
  }
}
#eH3YkzWRNpc18 {
  animation: eH3YkzWRNpc18__sz 2000ms linear infinite normal forwards;
}
@keyframes eH3YkzWRNpc18__sz {
  0% {
    width: 140px;
    height: 20px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  50% {
    width: 56.578807px;
    height: 20px;
  }
  100% {
    width: 139.997185px;
    height: 20px;
  }
}
#eH3YkzWRNpc25 {
  animation: eH3YkzWRNpc25__sz 2000ms linear infinite normal forwards;
}
@keyframes eH3YkzWRNpc25__sz {
  0% {
    width: 140px;
    height: 20px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  35% {
    width: 73.032758px;
    height: 20px;
  }
  100% {
    width: 140.003798px;
    height: 20px;
  }
}
.select-record-preloader {
  padding: 20px 30px;
  font-size: 0;
}
.select-modal-save-button-tooltip {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}
.no-results-prop-tip {
  display: flex;
  flex-direction: column;
  padding: 10px 15px;
  height: 100%;
  min-height: 294px;
}
.no-results-prop-tip__description {
  display: block;
}
.no-results-prop-tip__description strong {
  font-weight: 600;
}
.no-results-prop-tip__content {
  margin-top: 24px;
  display: flex;
  gap: 7px;
}
.no-results-prop-tip__action {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 15px;
  min-height: 40px;
  background-color: rgb(var(--solution-dw-color));
  border-radius: 8px;
}
.no-results-prop-tip__action-button {
  height: 20px;
  border-radius: 4px;
  background-color: var(--solution-primary-color);
  display: inline-flex;
  align-items: center;
  padding: 0 8px 0 6px;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--G-0, #FFFFFF);
  transition: background-color 150ms ease-out;
}
.no-results-prop-tip__action-button:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.no-results-prop-tip__title {
  min-height: 282px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-matching-records {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: 294px;
  gap: 12px;
}
.select-linked-record-footer-cancel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 48px;
  min-height: 48px;
  padding: 0 15px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 8px 8px;
}
.select-linked-record-footer-cancel__button {
  font-size: 12px;
  padding: 0 12px;
}
.select-linked-record-modal-view {
  width: 800px;
  max-height: 100vh;
  min-height: 400px;
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  transition: height 0.2s ease-in-out, max-height 0.2s ease-in-out, min-height 0.2s ease-in-out;
}
.select-linked-record-modal-view--mode-inline.is-record-details {
  --record-list-max-height: 294px;
}
.select-linked-record-modal-view__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 48px;
  min-height: 48px;
  padding: 0 25px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 8px 8px;
}
.select-linked-record-modal-view__cancel {
  margin-right: 10px;
  font-size: 12px;
  padding: 0 12px;
}
.select-linked-record-modal-view__no-records {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: 342px;
  gap: 12px;
}
.select-linked-record-modal-view__add-wrapper {
  padding: 9px 0;
  margin: 0 30px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.select-linked-record-modal-view__add {
  width: 100%;
  justify-content: center;
}
.select-linked-record-modal-view__loader, .select-linked-record-modal-view__no-found {
  flex-grow: 1;
  height: 100%;
}
.select-linked-record-modal-view__save-button {
  border-radius: 8px;
}
.select-linked-record-modal-view__save-button .r-button__content {
  font-size: 12px;
}
.select-linked-record-modal-view.no-footer {
  --record-list-max-height: calc(100vh - 164px);
}
.select-linked-record-modal-view.no-footer .modal__body {
  border-radius: 0 0 8px 8px;
  max-height: calc(100vh - 129px);
}
.select-linked-record-modal-view.no-footer.is-settings-opened {
  --record-list-max-height: calc(100vh - 230px);
}
.select-linked-record-modal-view.is-settings-opened:not(.is-inline) {
  --record-list-max-height: calc(100vh - 285px);
}
.select-linked-record-modal-view.is-inline {
  width: 100%;
}
.select-linked-record-modal-view.is-single .modal__body {
  border-radius: 0 0 8px 8px;
  max-height: calc(100vh - 178px);
}
.select-linked-record-modal-view.is-single.is-settings-opened .modal__body {
  max-height: calc(100vh - 224px);
}
.select-linked-record-modal-view.is-multiple .modal__body {
  max-height: calc(100vh - 226px);
}
.select-linked-record-modal-view.is-multiple.is-settings-opened .modal__body {
  max-height: calc(100vh - 272px);
}
.select-linked-record-modal-view.is-select {
  width: 935px;
  max-height: 100%;
  min-height: auto;
  height: calc(100vh - 120px);
}
.select-linked-record-modal-view .modal__body {
  background-color: transparent;
}
.animated-selected-record-placeholder {
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  z-index: 1001;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  width: 935px;
}
.selected-records-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.textarea-field-activity del {
  background: #FEECEE;
}
.textarea-field-activity ins {
  text-decoration: none;
  background: #EEF6EE;
}
.textarea-field-activity ins,
.textarea-field-activity del {
  word-break: break-word;
  padding-top: 2px;
  padding-bottom: 2px;
}
.textarea-field-activity ins:only-child,
.textarea-field-activity del:only-child {
  padding-left: 6px;
  padding-right: 6px;
}
.textarea-field-activity ins:first-child,
.textarea-field-activity del:first-child {
  padding-left: 6px;
}
.textarea-field-activity ins:last-child,
.textarea-field-activity del:last-child {
  padding-right: 6px;
}
.textarea-field-control {
  padding-bottom: 10px;
}
.textarea-field-control--card {
  min-height: 80px;
  max-height: 80px;
}
.textarea-field-control--autosize {
  padding-bottom: 10px;
}
.textarea-field-control--gridCompact {
  padding-top: 7px;
}
.textarea-field-control--lookup {
  padding-bottom: 0;
}
.textarea-field-control--grid {
  position: relative;
  padding-top: 10px;
  padding-bottom: 0;
  padding-left: var(--field-gutter, 16px);
  padding-right: var(--field-gutter, 16px);
}
.textarea-field-edit-record textarea {
  padding: 10px 16px 8px 16px;
}
.textarea-field-edit-record__maxlength {
  opacity: 0;
  position: absolute;
  top: -26px;
  right: 0;
  transition: opacity 150ms ease-out , right 150ms ease-out;
  pointer-events: none;
}
.textarea-field-edit-record__textarea textarea {
  font-size: 15px;
  line-height: 21px;
}
.textarea-field-edit-record.is-focus .textarea-field-edit-record__maxlength {
  opacity: 1;
  transition: opacity 200ms ease-in , right 200ms ease-in;
}
.textarea-field-edit-record.is-active:hover .textarea-field-edit-record__maxlength {
  right: var(--textarea-right-position-active, 90px);
  transition: opacity 200ms ease-in , right 200ms ease-in;
}
.edit-record-field.is-field-agent-enabled .textarea-field-edit-record__maxlength {
  margin-right: 26px;
}
.textarea-field-grid-control__textarea {
  overflow: hidden;
  max-width: 240px;
  font-size: 14px;
  line-height: 1.5;
}
.textarea-field-grid-control__accelerator {
  position: absolute;
  bottom: 3px;
  left: 10px;
  padding: 2px 5px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  color: var(--typo-secondary, #878B92);
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.textarea-field-grid-control__accelerator.is-error {
  bottom: 19px;
}
.textarea-field-grid-control.is-selected, .textarea-field-grid-control.is-inline-edit {
  z-index: 3;
  position: var(--grid-view-cell-textarea-field-grid-control-position, absolute);
  top: -1px;
  left: var(--grid-view-field-expand-outline-left, -1px);
  width: var(--grid-view-field-expand-outline-width, calc(100% + 2px));
  border: 1px solid var(--solution-primary-color);
  padding: var(--grid-view-cell-textarea-field-grid-control-padding, 10px 16px);
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
}
.textarea-field-grid-control.is-selected:not(.is-inline-edit) {
  height: var(--textarea-field-grid-control-height, auto);
}
.textarea-field-grid-control.is-selected:not(.is-inline-edit):before {
  content: "";
  display: block;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--solution-dw-color), 0.6);
  z-index: -1;
}
.textarea-field-grid-control.is-selected:not(.is-inline-edit):not(.is-inline-edit).textarea-field-grid-control--size-compact {
  height: var(--grid-view-cell-height-compact, 62px);
}
.textarea-field-grid-control.is-selected:not(.is-inline-edit):not(.is-inline-edit).textarea-field-grid-control--size-medium {
  height: var(--grid-view-cell-height-medium, 100px);
}
.textarea-field-grid-control.is-selected:not(.is-inline-edit):not(.is-inline-edit).textarea-field-grid-control--size-large {
  height: var(--grid-view-cell-height-large, 160px);
}
.textarea-field-grid-control.is-selected:not(.is-inline-edit):not(.is-inline-edit).textarea-field-grid-control--size-extra-large {
  height: var(--grid-view-cell-height-extra-large, 240px);
}
.textarea-field-grid-control.is-selected:not(.is-inline-edit):not(.is-inline-edit).textarea-field-grid-control--size-auto {
  height: var(--textarea-field-grid-control-height, calc(100% + 2px));
}
.textarea-field-grid-control.is-inline-edit {
  min-width: 250px;
  padding: 0;
}
.textarea-field-grid-control.is-inline-edit textarea {
  padding: 10px 30px 8px 16px;
  font-size: 14px;
  line-height: 20px;
}
.textarea-field-grid-control.is-reached .textarea-field-grid-control__accelerator {
  color: #FF5757;
}
.textarea-field-grid-control--display {
  position: relative;
  padding-top: 10px;
  padding-bottom: 0;
  padding-left: var(--field-gutter, 16px);
  padding-right: var(--field-gutter, 16px);
}
.textarea-field-grid-modal {
  height: 600px;
  min-width: 583px;
  --modal-min-width: 583px;
  --modal-max-width: calc(100vw - 60px);
  --modal-min-height: 300px;
  --modal-max-height: 600px;
}
.textarea-field-grid-modal.is-reached .textarea-field-grid-modal__accelerator {
  color: #FF5757;
}
.textarea-field-grid-modal__body {
  display: flex;
  width: 100%;
  height: calc(100% - 55px);
  position: relative;
}
.textarea-field-grid-modal__content textarea {
  padding: 32px 30px;
  font-size: 14px;
  line-height: 20px;
}
.textarea-field-grid-modal__footer {
  border-radius: 0 0 4px 4px;
}
.textarea-field-grid-modal__actions {
  display: flex;
  gap: 10px;
}
.textarea-field-grid-modal__save-button {
  border-radius: 8px;
}
.textarea-field-grid-modal__generating-message-loader.ai-field-agent-generating-message-loader {
  padding: 12px 15px 12px 49px;
}
.textarea-field-grid-modal__generating-message-loader.ai-field-agent-generating-message-loader:before {
  left: 35px;
}
.textarea-field-grid-modal.is-empty-read-only .textarea-field-grid-modal__content textarea {
  opacity: 0;
}
.textarea-field-grid-modal.with-ai-field-agent .textarea-field-grid-modal__body {
  height: calc(100% - 112px);
}
.text-field-control--grid {
  position: relative;
  padding-bottom: 0;
  height: 100%;
}
.text-field-control--grid:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.text-field-control--autosize {
  padding-bottom: 10px;
}
.text-field-control--gridCompact {
  padding-top: 7px;
}
.text-field-control--card {
  min-height: 20px;
}
.text-field-control.grid-cell-field--mode-error {
  width: calc(100% + 2px);
  background: var(--G-0, #FFFFFF);
  top: -1px;
  left: -1px;
  height: calc(100% + 21px);
  border: 1px solid #FF5757;
  z-index: 5;
}
.text-field-edit-record__input {
  overflow: visible;
}
.text-field-edit-record__input-length {
  top: -20px;
  opacity: 0;
  transition: opacity 150ms ease-out , right 150ms ease-out;
}
.text-field-edit-record.is-focus .text-field-edit-record__input-length {
  opacity: 1;
  transition: opacity 200ms ease-in , right 200ms ease-in;
}
.text-field-edit-record.is-active:hover .text-field-edit-record__input-length {
  right: 30px;
  transition: opacity 200ms ease-in , right 200ms ease-in;
}
.file-field-control {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.file-field-control--card {
  min-height: 30px;
  border-radius: 5px;
}
.file-field-control__wrapper, .file-field-control__empty {
  padding-left: 13.5px;
  padding-right: 13.5px;
  padding-top: 7px;
}
.file-field-control--grid {
  display: block;
  white-space: nowrap;
  font-size: 0;
  overflow: visible;
}
.file-field-control--grid .file-field-control__item {
  padding: 0 2.5px 7px;
  display: inline-block;
  margin-right: 0;
}
.file-field-control--auto {
  white-space: normal;
}
.file-field-control--lookup .file-field-control__item {
  cursor: default;
}
.file-field-control--lookup .file-field-control__wrapper {
  padding-left: 0;
  padding-right: 0;
}
.file-field-control--lookup .file-field-preview-list {
  min-width: 1px;
}
.file-field-control--linked-card {
  gap: 5px;
}
.file-field-control--linked-card .file-field-control__item {
  flex-shrink: 0;
}
.file-field-control.is-selected .file-field-control__wrapper {
  display: flex;
}
.grid-cell-field--type-filefield.is-inline-edit {
  position: relative;
}
.file-field-edit-record {
  position: relative;
}
.edit-record-field:hover .file-field-edit-record__scale,
.edit-record-field:hover .file-field-edit-record__viewmode {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.file-field-edit-record--card .file-field-edit-record__list {
  margin: 0 -15px;
}
.file-field-edit-record__scale {
  opacity: 0;
  position: absolute;
  top: -30px;
  right: 140px;
  display: flex;
  align-items: center;
  width: 70px;
  height: 24px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  padding-right: 15px;
  transition: opacity 150ms ease-out;
}
.file-field-edit-record__scale .rc-slider-rail, .file-field-edit-record__scale .rc-slider-track {
  background-color: transparent;
}
.file-field-edit-record__scale .rc-slider-rail::before {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 2px;
  background-color: var(--G-1-5, #E9E9E9);
  border-radius: 3px;
  transform: translate(0, -50%);
}
.file-field-edit-record__scale .rc-slider-handle {
  width: 10px;
  height: 10px;
  border: none;
  margin-top: -3px;
  background-color: var(--solution-primary-color);
}
.file-field-edit-record__scale .rc-slider-handle:active {
  box-shadow: none;
}
.file-field-edit-record__viewmode {
  opacity: 0;
  position: absolute;
  top: -30px;
  right: 65px;
  display: flex;
  align-items: center;
  height: 24px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  padding-right: 10px;
  transition: opacity 150ms ease-out;
}
.file-field-edit-record__viewmode-item .text {
  line-height: 100%;
}
.file-field-edit-record__list {
  display: flex;
  flex-wrap: wrap;
}
.file-field-add-new__in {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px dashed transparent;
  padding: 6px 0;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  color: var(--typo-primary, #2E3538);
  cursor: pointer;
  transition: border-color 200ms ease;
}
.file-field-add-new__in:hover:not(.is-disabled) {
  border-color: var(--solution-primary-color);
}
.file-field-add-new__in:hover:not(.is-disabled) .file-field-add-new__icon {
  color: var(--solution-primary-color);
}
.file-field-add-new__in b {
  font-weight: inherit;
  color: var(--solution-primary-color);
}
.file-field-add-new:active .file-field-add-new__icon, .file-field-add-new:focus .file-field-add-new__icon, .file-field-add-new.files-drag-drop-over .file-field-add-new__icon, .file-field-add-new.is-uploading .file-field-add-new__icon {
  color: var(--solution-primary-color);
}
.file-field-add-new:active .file-field-add-new__in, .file-field-add-new:focus .file-field-add-new__in, .file-field-add-new.files-drag-drop-over .file-field-add-new__in, .file-field-add-new.is-uploading .file-field-add-new__in {
  border-color: var(--solution-primary-color);
}
.file-field-add-new__icon {
  margin-bottom: 4px;
  color: var(--ic-darker, #151515);
}
.file-field-add-new.is-disabled {
  border-color: var(--G-4, #B2B2B3);
  color: var(--G-4, #B2B2B3);
  cursor: default;
  pointer-events: all;
}
.file-field-add-new.is-disabled .file-field-add-new__icon {
  color: inherit;
}
.file-field-add-new--list {
  width: 50%;
  min-height: 63px;
  margin-bottom: 10px;
  padding: 0 5px;
}
.file-field-add-new--card {
  position: relative;
  width: 228px;
  height: 128px;
  margin: 0 14px 12px 14px;
  cursor: pointer;
  transition: width 200ms ease, height 500ms ease;
  transform: translate3d(0, 0, 0);
  will-change: width, height;
}
.file-field-card {
  position: relative;
  width: 228px;
  margin: 0 14px 2px 14px;
  transition: width, opacity 200ms ease;
  transform: translate3d(0, 0, 0);
  will-change: width;
  cursor: pointer;
}
.file-field-card:hover .file-field-card__drag {
  width: 16px;
  transition: width 200ms ease-in;
}
.file-field-card:hover .file-field-card__zoom,
.file-field-card:hover .file-field-card__body,
.file-field-card:hover .file-field-card__more {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.file-field-card:before {
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: var(--G-1-5, #E9E9E9);
  pointer-events: none;
}
.file-field-card--rename .file-field-card__body {
  opacity: 1;
}
.file-field-card--rename .file-field-card__name .text {
  opacity: 0;
  visibility: hidden;
}
.file-field-card__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 128px;
  margin: 0 0 10px 0;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  border: 2px solid var(--G-1-5, #E9E9E9);
  cursor: pointer;
  transition: height 500ms ease;
  transform: translate3d(0, 0, 0);
  will-change: height;
}
.file-field-card__image {
  position: relative;
  width: 100%;
  height: 200px;
  margin: 0 0 2px 0;
  background-color: var(--G-2, #DEDEDE);
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  transition: height 500ms ease;
  transform: translate3d(0, 0, 0);
  will-change: height;
}
.file-field-card__zoom {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(45, 45, 45, 0.68);
  color: var(--G-0, #FFFFFF);
  transform: translate(-50%, -50%);
  transition: opacity 150ms ease-out;
}
.file-field-card__body {
  opacity: 0;
  display: flex;
  align-items: center;
  transition: opacity 150ms ease-out;
}
.file-field-card__drag {
  overflow: hidden;
  width: 0;
  display: flex;
  margin: 0 5px 0 -3px;
  color: var(--ic-light, #c7cdcf);
  cursor: move;
  transition: width 150ms ease-out;
}
.file-field-card__drag:hover {
  color: var(--solution-primary-color);
}
.file-field-card__name {
  overflow: hidden;
  flex-grow: 1;
  height: 24px;
  margin-right: 30px;
}
.file-field-card__name-in {
  position: relative;
  display: inline-flex;
  max-width: 100%;
}
.file-field-card__input {
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: auto;
  border-radius: 0;
}
.file-field-card__input input {
  width: 100%;
  height: 18px;
  border-bottom: 1px solid var(--solution-primary-color);
  padding: 0;
  border-radius: 0;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  color: var(--typo-primary, #2E3538);
  letter-spacing: 0;
}
.file-field-card__input input:hover, .file-field-card__input input:focus {
  border-bottom: 1px solid var(--solution-primary-color);
}
.file-field-card__more {
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: opacity 150ms ease-out;
}
.file-field-card--open-menu .file-field-card__more {
  opacity: 1;
}
.file-field-list {
  width: 50%;
  margin-bottom: 10px;
  padding: 0 5px;
}
.file-field-list__in {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--G-2, #DEDEDE);
  padding: 4px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
}
.file-field-list__in:hover {
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.file-field-list__in:hover .file-field-list__drag {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition: opacity 200ms ease-out;
}
.file-field-list__in:hover .file-field-list__zoom {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.file-field-list__in:hover .file-field-list__name {
  margin-right: 25px;
  transition: margin-right 200ms ease-out;
}
.file-field-list__in:hover .file-field-list__more {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.file-field-list--attachment .file-field-list__image::after {
  content: "";
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  pointer-events: none;
}
.file-field-list--attachment .file-field-list__icon {
  margin-right: 12px;
}
.file-field-list--rename .file-field-list__name {
  margin-right: 25px;
}
.file-field-list--rename .file-field-list__name .text {
  opacity: 0;
  visibility: hidden;
}
.file-field-list--open-menu .file-field-list__name {
  margin-right: 25px;
}
.file-field-list__drag {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 53px;
  color: var(--ic-light, #c7cdcf);
  cursor: move;
  transition: width 100ms ease-in;
}
.file-field-list__drag:hover {
  color: var(--solution-primary-color);
}
.file-field-list__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 53px;
  margin: 0 15px 0 0;
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
}
.file-field-list__icon-file {
  margin-left: 4px;
}
.file-field-list__image {
  align-self: flex-start;
  position: relative;
  width: 80px;
  min-width: 80px;
  height: 53px;
  margin: 0 15px 0 0;
  background-color: var(--G-2, #DEDEDE);
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
}
.file-field-list__zoom {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: rgba(45, 45, 45, 0.68);
  color: var(--G-0, #FFFFFF);
  transform: translate(-50%, -50%);
  transition: opacity 100ms ease-in;
}
.file-field-list__body {
  overflow: hidden;
  flex-grow: 1;
}
.file-field-list__name {
  overflow: hidden;
  flex-grow: 1;
  height: 18px;
  transition: margin-right 100ms ease-in;
}
.file-field-list__name-in {
  position: relative;
  display: inline-flex;
  max-width: 100%;
}
.file-field-list__input {
  position: absolute;
  top: -1px;
  right: -3px;
  left: 0;
  width: auto;
  border-radius: 0;
}
.file-field-list__input input {
  width: 100%;
  height: 18px;
  border-bottom: 1px solid var(--solution-primary-color);
  padding: 0;
  border-radius: 0;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: var(--typo-primary, #2E3538);
  letter-spacing: 0;
}
.file-field-list__input input:hover, .file-field-list__input input:focus {
  border-bottom: 1px solid var(--solution-primary-color);
}
.file-field-list__more {
  z-index: 3;
  opacity: 0;
  position: absolute;
  top: 4px;
  right: 4px;
  transition: opacity 150ms ease-out;
}
.file-field-list--open-menu .file-field-list__more {
  opacity: 1;
}
.file-field-grid-control {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.file-field-grid-control__add-button {
  position: absolute;
  top: 11px;
  left: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  margin-bottom: 7px;
  opacity: 0;
  z-index: 1;
}
.file-field-grid-control__add-button:hover {
  background-color: var(--solution-hover-color);
}
.file-field-grid-control__item {
  padding: 0 2.5px 7px;
  display: inline-block;
  margin-right: 0;
}
.file-field-grid-control__wrapper, .file-field-grid-control__empty {
  padding-left: 13.5px;
  padding-right: 13.5px;
  padding-top: 7px;
}
.file-field-grid-control.is-empty {
  justify-content: center;
}
.file-field-grid-control.is-hovered:not(.is-read-only) .file-field-grid-control__list {
  transform: translateX(0);
  transition: transform 200ms ease-in;
}
.file-field-grid-control.is-read-only .file-field-grid-control__list, .file-field-grid-control.is-lookup-field .file-field-grid-control__list {
  width: 100%;
  display: block;
  text-align: center;
  transform: translateX(0);
}
.file-field-grid-control.is-read-only .file-field-grid-control__list .file-field-preview-list, .file-field-grid-control.is-lookup-field .file-field-grid-control__list .file-field-preview-list {
  min-width: 1px;
}
.file-field-grid-placeholder.dashed-field-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 7px auto 0;
  position: relative;
}
.file-field-grid-control-display:not(.is-lookup-field) {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: var(--field-gutter, 16px);
  padding-right: var(--field-gutter, 16px);
  transition: padding-left 150ms ease-out;
}
.file-field-grid-control-display.is-hovered:not(.is-read-only) {
  padding-left: 39px;
  transition: padding-left 200ms ease-in;
}
.file-field-grid-control-display.is-lookup-field {
  overflow: visible;
  width: 100%;
  display: block;
  text-align: center;
  min-width: 1px;
}
.file-field-grid-control-display-add {
  position: absolute;
  top: 11px;
  left: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  margin-bottom: 7px;
  opacity: 0;
  z-index: 1;
  animation: fadeIn 250ms ease-in forwards;
}
.file-field-grid-control-display-add:hover {
  opacity: 1;
  background-color: var(--solution-hover-color);
}
.file-field-grid-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.file-field-grid-control-display-loading {
  position: absolute;
  top: 20%;
  left: 85%;
  animation: spinner 2s linear infinite;
}
.file-field-expanded-modal-view {
  width: 770px;
}
.file-field-expanded-modal-view--card .file-field-expanded-modal-view__list {
  padding-right: 0;
  padding-left: 0;
}
.file-field-expanded-modal-view__header {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 16px 18px 20px;
  background-color: var(--G-0, #FFFFFF);
}
.file-field-expanded-modal-view__icon {
  margin-right: 10px;
}
.file-field-expanded-modal-view__actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.file-field-expanded-modal-view__scale {
  display: flex;
  align-items: center;
  width: 70px;
  height: 24px;
  margin-right: 27px;
  border-radius: 0;
  transition: opacity 150ms ease-out;
}
.file-field-expanded-modal-view__scale::before {
  content: " ";
  opacity: 0.3;
  position: absolute;
  top: 0;
  right: -15px;
  bottom: 0;
  width: 1px;
  background-color: var(--G-5, #9B9C9E);
}
.file-field-expanded-modal-view__scale .rc-slider-rail, .file-field-expanded-modal-view__scale .rc-slider-track {
  background-color: transparent;
}
.file-field-expanded-modal-view__scale .rc-slider-rail::before {
  content: " ";
  opacity: 0.3;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 2px;
  background-color: var(--G-5, #9B9C9E);
  border-radius: 3px;
  transform: translate(0, -50%);
}
.file-field-expanded-modal-view__scale .rc-slider-handle {
  width: 10px;
  height: 10px;
  border: none;
  margin-top: 0;
  background-color: var(--G-5, #9B9C9E);
  transition: background-color 150ms ease-out;
}
.file-field-expanded-modal-view__scale .rc-slider-handle:active {
  box-shadow: none;
}
.file-field-expanded-modal-view__scale .rc-slider-handle:hover {
  background-color: var(--solution-primary-color);
  transition: background-color 200ms ease-in;
}
.file-field-expanded-modal-view__viewmode {
  display: flex;
  align-items: center;
  height: 24px;
  transition: opacity 150ms ease-out;
}
.file-field-expanded-modal-view__viewmode-item:not(:last-child) {
  margin-right: 10px;
}
.file-field-expanded-modal-view__viewmode-item .text {
  line-height: 100%;
}
.file-field-expanded-modal-view__list {
  display: flex;
  flex-wrap: wrap;
  padding: 24px 9px;
}
.file-field-expanded-modal-view__scrollbar {
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-height: 79vh;
  min-height: 79vh;
}
.file-field-preview-list {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  gap: 5px;
}
.file-field-preview-list--wrap {
  flex-wrap: wrap;
}
.file-field-preview-list__item {
  flex-shrink: 0;
  cursor: pointer;
  font-size: 0;
}
.file-field-preview-list__item img {
  display: block;
}
.file-field-detail-card {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-field-detail-card:hover .file-field-detail-card__body,
.file-field-detail-card:hover .file-field-detail-card__more, .file-field-detail-card--open-menu .file-field-detail-card__body,
.file-field-detail-card--open-menu .file-field-detail-card__more {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.file-field-detail-card--s .file-field-detail-card__preview {
  height: 128px;
}
.file-field-detail-card--m .file-field-detail-card__preview {
  height: 166px;
}
.file-field-detail-card--l .file-field-detail-card__preview {
  height: 216px;
}
.file-field-detail-card--xl .file-field-detail-card__preview {
  height: 673px;
}
.file-field-detail-card--rename .file-field-detail-card__body {
  opacity: 1;
}
.file-field-detail-card--rename .file-field-detail-card__title {
  opacity: 0;
  visibility: hidden;
}
.file-field-detail-card--open-menu .file-field-detail-card__more {
  opacity: 1;
}
.file-field-detail-card__preview {
  overflow: hidden;
  display: flex;
  width: 100%;
  min-height: 128px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 8px;
  cursor: pointer;
}
.file-field-detail-card__preview:hover .file-field-detail-card__zoom {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.file-field-detail-card__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: inherit;
}
.file-field-detail-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.file-field-detail-card__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.file-field-detail-card__zoom {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: auto;
  border-radius: 50%;
  background-color: rgba(45, 45, 45, 0.68);
  color: var(--G-0, #FFFFFF);
  transition: opacity 150ms ease-out;
}
.file-field-detail-card__body {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  opacity: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: opacity 150ms ease-out;
}
.file-field-detail-card__name {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 24px;
}
.file-field-detail-card__name-in {
  position: relative;
  display: inline-flex;
  max-width: 100%;
}
.file-field-detail-card__input {
  position: absolute;
  top: -3px;
  right: -3px;
  left: 0;
  width: auto;
  border-radius: 0;
}
.file-field-detail-card__input input {
  width: 100%;
  height: 18px;
  border-bottom: 1px solid var(--solution-primary-color);
  padding: 0;
  border-radius: 0;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  color: var(--typo-primary, #2E3538);
  letter-spacing: 0;
}
.file-field-detail-card__input input:hover, .file-field-detail-card__input input:focus {
  border-bottom: 1px solid var(--solution-primary-color);
}
.file-field-detail-card__more {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.file-field-detail-field-view {
  display: grid;
  position: relative;
}
.file-field-detail-field-view--grid {
  gap: 28px 38px;
}
.file-field-detail-field-view--grid.file-field-detail-field-view--widget-1 {
  --s-items-per-row: 1;
  --m-items-per-row: 1;
  --l-items-per-row: 1;
}
.file-field-detail-field-view--grid.file-field-detail-field-view--widget-2 {
  --s-items-per-row: 2;
  --m-items-per-row: 2;
  --l-items-per-row: 2;
}
.file-field-detail-field-view--grid.file-field-detail-field-view--widget-3 {
  --s-items-per-row: 3;
  --m-items-per-row: 3;
  --l-items-per-row: 3;
}
.file-field-detail-field-view--grid.file-field-detail-field-view--widget-4 {
  --s-items-per-row: 4;
  --m-items-per-row: 4;
  --l-items-per-row: 3;
}
.file-field-detail-field-view--list {
  gap: 8px;
  grid-template-columns: repeat(var(--items-per-row, 3), minmax(0, 1fr));
}
.file-field-detail-field-view--list.file-field-detail-field-view--widget-1 {
  --items-per-row: 1;
}
.file-field-detail-field-view--list.file-field-detail-field-view--widget-2 {
  --items-per-row: 2;
}
.file-field-detail-field-view--list.file-field-detail-field-view--widget-3 {
  --items-per-row: 3;
}
.file-field-detail-field-view--list.file-field-detail-field-view--widget-4 {
  --items-per-row: 4;
}
.file-field-detail-field-view--s {
  grid-template-columns: repeat(var(--s-items-per-row), minmax(0, 1fr));
}
.file-field-detail-field-view--m {
  grid-template-columns: repeat(var(--m-items-per-row), minmax(0, 1fr));
}
.file-field-detail-field-view--l {
  grid-template-columns: repeat(var(--l-items-per-row), minmax(0, 1fr));
}
.file-field-detail-field-view--xl, .file-field-detail-field-view--empty {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.file-field-detail-field-view .sortable-file-item {
  position: relative;
}
.file-field-detail-field-view .sortable-file-item--over:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: #F7F7F7;
  z-index: 2;
}
.file-field-detail-add-new {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 61px;
  border: 1px dashed var(--G-3, #C7C8C9);
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  transition: border-color 150ms ease-out;
}
.file-field-detail-add-new:hover {
  border-color: var(--solution-hover-color);
  transition: border-color 200ms ease-in;
}
.file-field-detail-add-new:hover .file-field-detail-add-new__icon {
  color: var(--solution-hover-color);
}
.file-field-detail-add-new__icon,
.file-field-detail-add-new span {
  color: var(--solution-primary-color);
}
.file-field-detail-add-new__loader {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  color: #999;
}
@keyframes spinning {
  to {
    transform: rotate(360deg);
  }
}
.file-field-detail-add-new__loader svg {
  animation: spinning 1s infinite linear;
}
.file-field-detail-list {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  width: 100%;
  border: 1px solid var(--G-2, #DEDEDE);
  padding: 3px 5px;
  border-radius: 5px;
  transition: border-color 150ms ease-out;
}
.file-field-detail-list:hover, .file-field-detail-list--open-menu {
  border-color: var(--G-4, #B2B2B3);
  transition: border-color 200ms ease-in;
}
.file-field-detail-list--has-menu:hover .file-field-detail-list__name, .file-field-detail-list--has-menu.file-field-detail-list--open-menu .file-field-detail-list__name {
  padding-right: 30px;
  transition: padding-right 200ms ease-in;
}
.file-field-detail-list--has-menu:hover .file-field-detail-list__more, .file-field-detail-list--has-menu.file-field-detail-list--open-menu .file-field-detail-list__more {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.file-field-detail-list--renaming .file-field-detail-list__name {
  padding-right: 30px;
  transition: padding-right 200ms ease-in;
}
.file-field-detail-list--renaming .file-field-detail-list__title {
  opacity: 0;
  visibility: hidden;
}
.file-field-detail-list--open-menu .file-field-detail-list__more, .file-field-detail-list--renaming .file-field-detail-list__more {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.file-field-detail-list__preview {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 53px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 4px;
  cursor: pointer;
}
.file-field-detail-list__preview:hover .file-field-detail-list__zoom {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.file-field-detail-list__image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-field-detail-list__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}
.file-field-detail-list__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.file-field-detail-list__zoom {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: auto;
  border-radius: 50%;
  background-color: rgba(45, 45, 45, 0.68);
  color: var(--G-0, #FFFFFF);
  transition: opacity 150ms ease-out;
}
.file-field-detail-list__body {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 3px;
  padding-left: 10px;
  cursor: pointer;
}
.file-field-detail-list__body:hover + .file-field-detail-list__preview .file-field-detail-list__zoom {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.file-field-detail-list__name {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 18px;
  transition: padding-right 150ms ease-out;
}
.file-field-detail-list__name-in {
  position: relative;
  display: inline-flex;
  max-width: 100%;
}
.file-field-detail-list__input {
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  width: auto;
  border-radius: 0;
}
.file-field-detail-list__input input {
  width: 100%;
  height: 18px;
  border-bottom: 1px solid var(--solution-primary-color);
  padding: 0;
  border-radius: 0;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: var(--typo-primary, #2E3538);
  letter-spacing: 0;
}
.file-field-detail-list__input input:hover, .file-field-detail-list__input input:focus {
  border-bottom: 1px solid var(--solution-primary-color);
}
.file-field-detail-list__info {
  display: flex;
  align-items: center;
  gap: 3px;
}
.file-field-detail-list__more {
  opacity: 0;
  z-index: 3;
  position: absolute;
  top: 4px;
  right: 4px;
  transition: opacity 150ms ease-out;
}
.file-field-detail-carousel {
  position: relative;
}
.file-field-detail-carousel--padding {
  padding-bottom: 48px;
}
.file-field-detail-carousel--widget-1 .file-field-detail-carousel__dots {
  flex-grow: initial;
}
.file-field-detail-carousel__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
}
.file-field-detail-carousel__slider {
  position: initial;
  overflow: hidden;
  width: 100%;
  border-radius: 8px;
  backface-visibility: hidden;
}
.file-field-detail-carousel__slider .slick-list {
  margin: 0 -8px;
}
.file-field-detail-carousel__slider .slick-slide {
  padding: 0 8px;
  pointer-events: none;
}
.file-field-detail-carousel__slider .slick-slide.slick-active {
  pointer-events: all;
}
.file-field-detail-carousel__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}
.file-field-detail-carousel__actions-blank {
  opacity: 0;
  display: inline-flex;
  padding: 0 20px;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  visibility: hidden;
}
.file-field-detail-carousel__dots {
  overflow: hidden;
  flex-grow: 1;
  width: auto;
}
.file-field-detail-carousel-slide {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: var(--G-1, #F3F3F4);
}
.file-field-detail-carousel-slide:hover .file-field-detail-carousel-slide__panel, .file-field-detail-carousel-slide--open-menu .file-field-detail-carousel-slide__panel, .file-field-detail-carousel-slide--rename .file-field-detail-carousel-slide__panel {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.file-field-detail-carousel-slide--rename .file-field-detail-carousel-slide__title {
  opacity: 0;
  visibility: hidden;
}
.file-field-detail-carousel-slide__view {
  width: 100%;
}
.file-field-detail-carousel-slide__view:hover .file-field-detail-carousel-slide__zoom {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.file-field-detail-carousel-slide__image {
  width: 100%;
}
.file-field-detail-carousel-slide__image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: contain;
  object-position: center;
}
.file-field-detail-carousel-slide__zoom {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: auto;
  border-radius: 50%;
  background-color: rgba(45, 45, 45, 0.68);
  color: var(--G-0, #FFFFFF);
  transition: opacity 150ms ease-out;
}
.file-field-detail-carousel-slide__panel {
  opacity: 0;
  position: absolute;
  right: 5px;
  bottom: 5px;
  left: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  height: 24px;
  padding: 0 7px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  transition: opacity 150ms ease-out;
}
.file-field-detail-carousel-slide__title {
  min-height: 16px;
}
.file-field-detail-carousel-slide__name {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 24px;
}
.file-field-detail-carousel-slide__name-in {
  position: relative;
  display: inline-flex;
  max-width: 100%;
}
.file-field-detail-carousel-slide__input {
  position: absolute;
  top: -3px;
  right: -3px;
  left: 0;
  width: auto;
  border-radius: 0;
}
.file-field-detail-carousel-slide__input input {
  width: 100%;
  height: 18px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  padding: 0;
  border-radius: 0;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  color: var(--G-0, #FFFFFF);
  letter-spacing: 0;
}
.file-field-detail-carousel-slide__input input:hover, .file-field-detail-carousel-slide__input input:focus {
  border-bottom: 1px solid var(--G-2, #DEDEDE);
}
.file-field-detail-carousel-slide__more .menu-button {
  background-color: transparent;
  color: var(--G-0, #FFFFFF);
}
.file-field-detail-carousel-slide__more .menu-button:hover, .file-field-detail-carousel-slide__more .menu-button.is-active {
  color: var(--G-2, #DEDEDE);
}
.file-field-detail-carousel-dnd-placeholder {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed var(--solution-primary-color);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.9);
}
.file-field-detail-carousel-dnd-placeholder__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.currency-field-control__value:after {
  content: attr(data-currency-sign);
}
.currency-field-control__legend {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 50%;
  margin-left: auto;
  margin-right: 5px;
}
.currency-field-control--formula .currency-field-control__value, .currency-field-control--rollup .currency-field-control__value {
  max-width: 100%;
  width: auto;
}
.currency-field-grid-control {
  position: relative;
}
.currency-field-grid-control.is-selected:not(.is-read-only):not(.is-inline-edit):not(.is-nested-field) {
  margin-right: 30px;
}
.currency-field-grid-control.is-nested-field {
  width: 100%;
}
.currency-field-grid-control__input input {
  height: 40px;
  padding-right: 16px;
  padding-left: 16px;
}
.currency-field-grid-control__legend {
  position: absolute;
  top: 10px;
  right: 25px;
}
.currency-field-grid-control__arrows {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
}
.currency-field-grid-control-display:not(.is-formula-field):not(.is-lookup-field) {
  overflow: hidden;
  max-height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 16px;
  margin-left: 16px;
}
.currency-field-grid-control-display.is-formula-field {
  padding-bottom: 10px;
  padding-top: 10px;
}
.currency-field-edit-record.is-read-only .currency-field-edit-record__value {
  width: 100%;
  pointer-events: all;
}
.currency-field-edit-record.is-focus .currency-field-edit-record__legend {
  right: 25px;
}
.currency-field-edit-record.is-focus .currency-field-edit-record__input input {
  opacity: 1;
}
.currency-field-edit-record.is-focus .currency-field-edit-record__arrows {
  opacity: 1;
}
.currency-field-edit-record.no-value .currency-field-edit-record__input input {
  opacity: 1;
}
.currency-field-edit-record__wrapper {
  position: relative;
  width: 100%;
}
.currency-field-edit-record__value {
  position: absolute;
  top: 7px;
  left: 10px;
  pointer-events: none;
}
.currency-field-edit-record__input input {
  opacity: 0;
  padding-right: 25px;
}
.currency-field-edit-record__legend {
  position: absolute;
  top: 6px;
  right: 5px;
  pointer-events: none;
}
.currency-field-edit-record__arrows {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.text-activity-history-control {
  display: inline-flex;
}
.text-activity-history-control--activityCreated, .text-activity-history-control--activityEdited {
  position: relative;
  padding: 2px 6px;
  background-color: #EEF6EE;
  -webkit-user-select: text;
          user-select: text;
}
.text-activity-history-control--activityDeleted {
  position: relative;
  padding: 2px 6px;
  background-color: #FEECEE;
  -webkit-user-select: text;
          user-select: text;
}
.text-activity-history-control--activityDeleted::before {
  content: "";
  display: block;
  height: 1px;
  background-color: var(--typo-primary, #2E3538);
  position: absolute;
  top: 50%;
  width: calc(100% - 12px);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.full-name-field-edit-record {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.full-name-field-edit-record__select {
  max-width: 80px;
  --single-select-min-height: 32px;
}
.full-name-field-edit-record__input {
  flex-grow: 1;
  width: auto;
}
.full-name-field-grid-display {
  overflow: hidden;
  min-height: 100%;
  max-height: 100%;
  cursor: default;
}
.full-name-field-grid-display .text {
  position: relative;
}
.full-name-field-grid-inline-edit {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  min-height: 100%;
  min-width: 300px;
  color: var(--typo-primary, #2E3538);
  --single-select-min-height: 31px;
}
.full-name-field-grid-inline-edit.is-error {
  padding-bottom: 19px;
}
.full-name-field-grid-inline-edit__fields {
  display: table;
  width: 100%;
  margin-bottom: auto;
  padding: 0 7px;
  border-spacing: 0 7px;
}
.button-field-text-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.button-field-text {
  cursor: pointer;
  max-width: 100%;
  color: var(--text-button-field-color);
  pointer-events: all;
  position: relative;
  display: inline-block;
  padding-top: 2px;
  transition: color 150ms ease-out;
}
.button-field-text:hover {
  color: var(--text-button-field-hover-color);
  transition: color 200ms ease-in;
}
.button-field-text.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.button-field-text.is-loading-circle span {
  opacity: 0;
}
.button-field-text.is-failed {
  pointer-events: none;
}
.button-field-text.is-processing .button-field-text__label {
  opacity: 0;
}
.button-field-text__loader {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  top: 5px;
}
.button-field-text__label {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.button-field-text__label--hidden {
  visibility: hidden;
}
.button-field-text__tooltip {
  position: absolute;
  top: -2px;
  right: -4px;
  z-index: 1;
}
.button-field-text__tooltip-content-wrapper {
  padding: 6px 5px 10px;
}
.button-field-text__tooltip-title {
  margin-bottom: 2px;
}
.button-field-text__dot {
  width: 9px;
  height: 9px;
  background-color: #FF5757;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}
.button-field-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.button-field {
  white-space: nowrap;
  display: inline-flex;
  max-width: 100%;
  position: relative;
  pointer-events: all;
}
.button-field:focus {
  color: var(--text-color);
  background-color: var(--background);
}
.button-field:hover {
  color: var(--text-color-hover);
  background-color: var(--background-hover);
}
.button-field.is-disabled {
  background-color: var(--background);
}
.button-field.is-loading-circle i {
  opacity: 0;
}
.button-field.is-failed {
  pointer-events: none;
}
.button-field.is-processing .button-field__label {
  opacity: 0;
}
.button-field__loader {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
}
.button-field__label--hidden {
  visibility: hidden;
}
.button-field__tooltip {
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 1;
}
.button-field__tooltip-content-wrapper {
  padding: 6px 5px 10px;
}
.button-field__tooltip-title {
  margin-bottom: 2px;
}
.button-field__dot {
  width: 9px;
  height: 9px;
  background-color: #FF5757;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}
.execute-automation-control--grid {
  max-width: calc(100% - 32px);
  margin-top: 8px;
  margin-right: 16px;
  margin-left: 16px;
}
.execute-automation-control--grid.is-text-only {
  display: inline-block;
  margin-top: 10px;
}
.button-field-text.is-record {
  height: 34px;
  line-height: 34px;
}
.button-field.error-tooltip.is-card-view, .button-field-text.error-tooltip.is-card-view {
  position: relative;
  height: 24px;
}
.button-field.error-tooltip.is-edit-record, .button-field-text.error-tooltip.is-edit-record {
  position: relative;
  height: 34px;
  justify-content: flex-start;
  padding-left: 10px;
}
.formula-builder-modal-header {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 20px 14px 20px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
}
.formula-builder-modal-header__icon {
  margin-right: 8px;
}
.formula-builder-modal-footer {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 5px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  height: 45px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.formula-builder-modal-footer__buttons {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.formula-builder-modal-footer__button {
  margin-left: 15px;
}
.formula-builder-modal-footer__info {
  display: flex;
  align-items: center;
  color: var(--solution-primary-color);
  position: relative;
  z-index: 1;
}
.formula-builder-modal-footer__info:hover {
  color: var(--solution-hover-color);
}
.formula-builder-modal-footer__info-text {
  margin-left: 10px;
}
.formula-expanded-modal-view {
  width: 100%;
  min-width: 900px;
  max-width: calc(100vw - 40px);
  height: 665px;
  max-height: calc(100vh - 54px);
  --modal-min-width: 900px;
  --modal-max-width: calc(100vw - 40px);
  --modal-max-height: calc(100vh - 54px);
}
.formula-expanded-modal-view__body {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.button-field-loading-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}
.button-field-loading-wrapper.is-centered .tooltip__outside {
  width: 100%;
}
.button-field-loading {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-field-selected-option {
  max-width: calc(100% - 20px);
}
.open-url-control--grid {
  max-width: calc(100% - 32px);
  margin-top: 8px;
  margin-right: 16px;
  margin-left: 16px;
}
.open-url-control--grid.is-text-only {
  display: inline-block;
  margin-top: 10px;
}
.button-field-text.is-record {
  height: 34px;
  line-height: 34px;
}
.open-url-error.error-tooltip.is-card-view {
  position: relative;
  height: 24px;
}
.open-url-error.error-tooltip.is-edit-record {
  position: relative;
  height: 34px;
  justify-content: flex-start;
  padding-left: 10px;
}
.execute-automation-control--grid {
  max-width: calc(100% - 32px);
  margin-top: 8px;
  margin-right: 16px;
  margin-left: 16px;
}
.execute-automation-control--grid.is-text-only {
  display: inline-block;
  margin-top: 10px;
}
.button-field-text.is-record {
  height: 34px;
  line-height: 34px;
}
.execute-automation-control.error-tooltip.is-card-view {
  position: relative;
  height: 24px;
}
.execute-automation-control.error-tooltip.is-edit-record {
  position: relative;
  height: 34px;
  justify-content: flex-start;
  padding-left: 10px;
}
.dependency-field-display-format__image {
  margin-left: -6px;
  margin-top: -6px;
  width: 100%;
}
.dependency-bubble {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 26px;
  height: 26px;
  padding: 0 15px;
  border-radius: 13px;
  background-color: var(--solution-secondary-color);
}
.dependency-bubble--simplified {
  padding: 0 9px;
}
.dependency-bubble--simplified .dependency-bubble__label,
.dependency-bubble--simplified .dependency-bubble__dots {
  display: none;
}
.dependency-bubble--highlight:hover:before {
  opacity: 0.4;
  transition: opacity 200ms ease-in;
}
.dependency-bubble::before {
  content: " ";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--solution-primary-color);
  border-radius: inherit;
  transition: opacity 150ms ease-out;
}
.dependency-bubble--zero {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 150ms ease-out;
}
.dependency-bubble--zero::before {
  border-color: var(--G-2, #DEDEDE);
}
.dependency-bubble--zero:hover::before {
  opacity: 1;
}
.dependency-bubble__dots {
  margin-right: 4px;
}
.dependency-bubble--clickable {
  background-color: transparent;
}
.dependency-bubble--clickable:before {
  border: none;
}
.dependency-bubble--clickable:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--solution-secondary-color);
  border-radius: 13px;
  z-index: -1;
  opacity: 1;
}
.dependency-bubble--clickable:hover:after {
  background-color: var(--solution-primary-color);
  opacity: 0.2;
}
.dependency-bubble--clickable.dependency-bubble--zero {
  background-color: var(--G-1, #F3F3F4);
}
.dependency-bubble--clickable.dependency-bubble--zero:hover {
  background-color: var(--G-1-5, #E9E9E9);
  transition: background-color 200ms ease-in;
}
.dependency-bubble--clickable.dependency-bubble--zero:after {
  display: none;
}
.dependency-expand-modal {
  display: flex;
  flex-direction: column;
  width: 800px;
  min-height: 500px;
  max-height: 100vh;
  box-shadow: none;
}
.dependency-expand-modal:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 5px 50px 5px 5px;
}
.dependency-expand-modal .modal__hat,
.dependency-expand-modal .modal__header {
  top: 16px;
}
.dependency-expand-modal .modal__header {
  margin-bottom: 16px;
}
.dependency-expand-modal .modal__body {
  max-height: calc(100vh - 130px);
}
.dependency-expand-modal__scrollbar {
  width: 100%;
  height: 100%;
}
.dependency-expand-modal__scrollbar--virtual {
  max-height: calc(100vh - 132px);
}
.dependency-expand-modal__scrollbar.has-predecessors {
  --predecessors-text-opacity: 0;
}
.dependency-expand-modal__scrollbar.has-successors {
  --successors-text-opacity: 0;
}
.dependency-expand-modal__scrollbar-body-virtual {
  position: relative;
}
.dependency-expand-modal.is-advanced {
  width: 958px;
}
.dependency-records-group:not(:last-child) {
  margin-bottom: 24px;
}
.dependency-records-group__items {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.dependency-record {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 15px 0 10px;
  border-radius: 5px;
}
.dependency-record.is-clickable {
  cursor: pointer;
}
.dependency-record:hover::after, .dependency-record.is-active::after {
  opacity: 0.6;
  transition: opacity 200ms ease-in;
}
.dependency-record:hover .dependency-record__actions, .dependency-record.is-active .dependency-record__actions {
  opacity: 1;
  width: 34px;
}
.dependency-record::before, .dependency-record::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  pointer-events: none;
}
.dependency-record::before {
  opacity: 0.5;
}
.dependency-record::after {
  opacity: 0.2;
  border: 1px solid;
  transition: opacity 150ms ease-out;
}
.dependency-record--complete:before {
  background-color: #EEF6EE;
}
.dependency-record--complete::after {
  border-color: #3EAC40;
}
.dependency-record--predecessor:before {
  background-color: #FFF2DC;
}
.dependency-record--predecessor::after {
  border-color: #FFB938;
}
.dependency-record--successor:before {
  background-color: #FEECEE;
}
.dependency-record--successor::after {
  border-color: #FF5757;
}
.dependency-record__body {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  margin: -3px auto -3px 0;
  padding: 3px 0;
}
.dependency-record__status {
  margin-right: 10px;
}
.dependency-record__title {
  overflow: hidden;
}
.dependency-record__info {
  position: relative;
  padding-left: 10px;
  opacity: 0.6;
}
.dependency-record__info span:not(:last-child):after {
  content: " ∙ ";
}
.dependency-record__actions {
  flex-shrink: 0;
  position: relative;
  opacity: 0;
  overflow: hidden;
  width: 0px;
  padding-left: 10px;
  transition: all 250ms ease-in-out;
}
.dependency-indicator {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
}
.dependency-indicator--complete {
  color: #3EAC40;
}
.dependency-indicator--predecessor {
  color: #FFB938;
}
.dependency-indicator--successor {
  color: #FF5757;
}
.dependency-indicator::before {
  opacity: 0.2;
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 0 1px currentColor;
  border-radius: inherit;
  pointer-events: none;
}
.dependency-select-type-option {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 9px;
}
.dependency-select-type-option__icon {
  width: 49px;
  min-width: 49px;
  min-height: 49px;
}
.dependency-select-type-option__icon img {
  display: block;
  width: 100%;
  height: auto;
}
.dependency-select-type-option__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
}
.dependency-record-fields {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-right: 13px;
}
.dependency-record-fields__type {
  min-width: 144px;
  max-width: 144px;
  --select-placeholder-padding-left: 15px;
}
.dependency-record-fields__type-list {
  --option-color: var(--typo-secondary, #878B92);
}
.dependency-record-fields__footer {
  display: flex;
  align-items: center;
  gap: 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 12px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 0 0 5px 5px;
}
.dependency-record-fields__lag {
  min-width: 70px;
  max-width: 70px;
  border-radius: 0 5px 5px 0;
}
.dependency-record-fields__lag::after {
  border-radius: 0 8px 8px 0;
}
.dependency-record-fields__lag input {
  font-weight: 500;
  border-radius: 0 5px 5px 0;
}
.dependency-record-fields__lag .react-number-input-field__navigation {
  border-left: none;
  overflow: hidden;
  right: 1px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 5px 5px 0;
}
.dependency-record-fields__lag-title {
  background-color: rgba(255, 255, 255, 0.4);
  height: 36px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px 0 0 5px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  border-left: 1px solid var(--G-1-5, #E9E9E9);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.dependency-record-fields__lag-wrapper {
  display: flex;
}
.dependency-warning-modal {
  max-height: calc(100% - 60px);
}
.dependency-warning-modal__header {
  max-width: 432px;
}
.dependency-warning-modal__scrollbar {
  width: 100%;
  max-height: 100%;
}
.dependency-warning-modal__body {
  overflow: hidden;
  display: flex;
  flex-grow: 1;
  width: calc(100% - 60px);
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0;
  border-radius: 5px;
}
.dependency-select-modal {
  display: flex;
  flex-direction: column;
  min-height: 500px;
  max-height: calc(100vh - 60px);
  border-radius: 8px 8px 5px 5px;
}
.dependency-select-modal__header {
  display: flex;
  align-items: center;
  min-height: 53px;
  padding: 0 30px;
}
.dependency-select-modal__scrollbar {
  width: 100%;
  height: var(--dependency-scrollbar-height);
  max-height: calc(100vh - 323px);
  min-height: 237px;
}
.dependency-select-modal__items {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.dependency-select-modal__actions {
  margin: 0 30px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 10px 0;
}
.dependency-select-modal__create {
  justify-content: center;
  width: 100%;
  height: 32px;
}
.dependency-select-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.dependency-select-modal__footer {
  display: flex;
  align-items: center;
  gap: 10px;
}
.dependency-record-select-row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 40px;
  border: 1px solid var(--G-2, #DEDEDE);
  padding: 0 15px;
  border-radius: 5px;
  cursor: pointer;
  transition: border-color 150ms ease-out;
}
.dependency-record-select-row:hover {
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in;
}
.dependency-record-select-row.is-active {
  border-color: var(--solution-primary-color);
}
.dependency-record-select-row.is-active::before {
  opacity: 0.5;
  transition: opacity 200ms ease-in;
}
.dependency-record-select-row::before, .dependency-record-select-row::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  pointer-events: none;
}
.dependency-record-select-row::before {
  opacity: 0;
  background-color: var(--solution-secondary-color);
  transition: opacity 150ms ease-out;
}
.dependency-record-select-row__body {
  overflow: hidden;
  position: relative;
}
.dependency-record-select-row__info {
  position: relative;
  opacity: 0.6;
}
.dependency-record-select-row__info span:not(:last-child):after {
  content: " ∙ ";
}
.dependency-select-modal-filters {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 17px;
  min-height: 38px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 30px;
  background-color: var(--G-0-5, #FAFAFA);
}
.dependency-select-modal-filters__dropdown {
  --select-option-active-background: transparent;
  --checkmark-option-hover-color: $_typo-primary;
}
.dependency-select-modal-filters__option {
  display: flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
}
.dependency-select-modal-filters__pill {
  display: flex;
}
.dependency-select-modal-filters__status {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  border-radius: 6px;
}
.dependency-select-modal-search {
  position: relative;
  margin: 0 30px;
  padding: 6px 0 20px 0;
}
.dependency-select-modal-search__group {
  border-radius: 20px;
}
.dependency-select-modal-search__group:not(.is-active):hover {
  border-color: var(--G-3, #C7C8C9);
}
.dependency-select-modal-search__group::after {
  border-radius: 25px;
}
.dependency-select-modal-search__input {
  padding: 0 12px;
}
.dependency-select-modal-search__input input {
  height: 36px;
}
.dependency-select-modal-search__input input::placeholder {
  color: var(--inactive, #B2B2B3);
}
.dependency-select-modal-search__from {
  display: flex;
  align-items: center;
  margin-right: 3px;
  --short-select-selected-value-color: var(--typo-primary, #2E3538);
  --short-select-arrow-top: -2px;
  --arrow-select-right-position: 6px;
}
.dependency-select-modal-search__from .select-placeholder {
  padding: 6px 6px 6px 14px;
  border-radius: 15px;
  transition: background-color 150ms ease-out;
}
.dependency-select-modal-search__from .select-placeholder:not(.no-arrow) {
  background-color: var(--G-0-5, #FAFAFA);
}
.dependency-select-modal-search__from .select-placeholder.is-active {
  color: var(--tertiary, #6B6B6B);
  background-color: var(--solution-secondary-color);
  transition: background-color 200ms ease-in;
}
.dependency-select-modal-search__dropdown {
  --select-option-active-background: transparent;
  --checkmark-option-hover-color: $_typo-primary;
}
.dependency-field-edit-record {
  padding: 10px 0 15px 0;
}
.dependency-list-more {
  --table-more-button-line-color: var(--G-3, #C7C8C9);
}
.dependency-virtual-item {
  left: 0;
  right: 0;
}
.dependency-virtual-item--record {
  padding-bottom: 6px;
}
.dependency-virtual-item--header {
  padding-top: 24px;
}
.dependency-virtual-item--predecessors-text {
  opacity: var(--predecessors-text-opacity, 1);
}
.dependency-virtual-item--successors-text {
  opacity: var(--successors-text-opacity, 1);
}
.dependency-select-modal-no-results {
  gap: 16px;
  word-break: break-word;
  min-height: 237px;
}
.dependency-group-list-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}
.dependency-group-list-header__title {
  display: flex;
  align-items: center;
  gap: 2px;
}
.dependency-group-list-header__actions {
  display: flex;
  gap: 10px;
}
.dependency-group-list-header__add {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--tertiary, #6B6B6B);
}
.dependency-group-list-header__add:hover {
  color: var(--solution-hover-color);
}
.dependency-group-list-header__add:hover .dependency-group-list-header__add-icon {
  color: inherit;
}
.dependency-group-list-header__add-icon {
  color: var(--solution-primary-color);
}
.learn-more-dependency-tooltip {
  pointer-events: all;
  display: block;
}
.dependency-field-grid-control:not(.dependency-field-grid-control--compact) {
  --pill-max-width: 100%;
  height: 100%;
}
.dependency-field-grid-control:not(.dependency-field-grid-control--compact) .dependency-field-grid-control__wrap {
  flex-wrap: wrap;
  max-height: 100%;
}
.dependency-field-grid-control__wrap {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 7px 16px;
  gap: 7px;
}
.dependency-field-activity__list {
  display: flex;
  align-content: flex-start;
}
.dependency-field-activity__item {
  margin-right: 4px;
}
.dependency-field-activity__heading {
  margin-bottom: 4px;
}
.dependency-field-activity .dependency-item {
  word-break: break-word;
}
.dependency-field-activity--activityCreated, .dependency-field-activity--activityDeleted, .dependency-field-activity--activityEdited {
  display: block;
}
.dependency-field-activity--activityCreated .dependency-field-activity__list, .dependency-field-activity--activityDeleted .dependency-field-activity__list, .dependency-field-activity--activityEdited .dependency-field-activity__list {
  flex-wrap: wrap;
}
.dependency-field-activity--activityCreated .dependency-field-activity__item, .dependency-field-activity--activityDeleted .dependency-field-activity__item, .dependency-field-activity--activityEdited .dependency-field-activity__item {
  margin-right: 0;
  height: 100%;
}
.dependency-field-activity--activityCreated .dependency-field-activity__item:not(:last-child), .dependency-field-activity--activityDeleted .dependency-field-activity__item:not(:last-child), .dependency-field-activity--activityEdited .dependency-field-activity__item:not(:last-child) {
  margin: 0 5px 3px 0;
}
.dependency-field-activity--activityCreated .dependency-field-activity__item, .dependency-field-activity--activityEdited .dependency-field-activity__item {
  position: relative;
  padding: 2px 6px;
  background-color: #EEF6EE;
  -webkit-user-select: text;
          user-select: text;
}
.dependency-field-activity--activityDeleted .dependency-field-activity__item {
  position: relative;
  padding: 2px 6px;
  background-color: #FEECEE;
  -webkit-user-select: text;
          user-select: text;
  text-decoration: line-through;
}
.dependency-field-activity--activityDeleted .dependency-field-activity__item::before {
  content: "";
  display: block;
  height: 1px;
  background-color: var(--typo-primary, #2E3538);
  position: absolute;
  top: 50%;
  width: calc(100% - 12px);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.dependency-field-activity--activityDeleted .dependency-field-activity__item::before {
  display: none;
}
.dependency-field-display {
  overflow: hidden;
  display: flex;
  gap: 6px 7px;
}
.dependency-field-display--wrap {
  min-height: 58px;
  flex-wrap: wrap;
}
.dependency-relation-plus-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 26px;
  margin: 0 8px 0 3px;
}
.dependency-relation-plus-button:hover .dependency-relation-plus-button__icon {
  background-color: var(--solution-hover-color);
  color: var(--G-0, #FFFFFF);
}
.dependency-relation-plus-button__icon {
  width: 18px;
  height: 18px;
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.dependency-relation-grid-control:not(.dependency-relation-grid-control--compact) .dependency-relation-grid-control__wrap {
  flex-wrap: wrap;
}
.dependency-relation-grid-control.is-inline-edit {
  --first-pill-margin: 25px;
  --plus-button-opacity: 1;
}
.dependency-relation-grid-control__wrap {
  overflow: hidden;
  display: flex;
  align-content: flex-start;
  gap: 7px;
  padding: 7px 16px;
}
.dependency-relation-grid-control--display {
  overflow: hidden;
  display: flex;
  height: calc(100% - 7px);
  --first-pill-margin: 0;
}
.grid-view-cell:not(.is-read-only):hover .dependency-relation-grid-control--display {
  --first-pill-margin: 25px;
}
.dependency-relation-grid-control-plus {
  opacity: var(--plus-button-opacity, 0);
  z-index: 1;
  position: absolute;
  top: 7px;
  left: 8px;
}
.grid-view-cell:hover .dependency-relation-grid-control-plus {
  --plus-button-opacity: 1;
}
.dependency-field-card-control__wrap {
  min-height: 26px;
  overflow: hidden;
  display: flex;
  gap: 7px;
}
.dependency-field-linked-card-control__wrap {
  min-height: 26px;
  overflow: hidden;
  display: flex;
  gap: 7px;
}
.dependency-field-compact-control {
  text-transform: uppercase;
}
.dependency-pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: var(--pill-max-width, none);
  height: 26px;
  padding: 0 10px 0 2px;
  background-color: #E5F8FF;
  border-radius: 5px;
  position: relative;
  transition: background-color 150ms ease-out;
}
.dependency-pill:first-of-type {
  margin-left: var(--first-pill-margin, 0);
  transition: margin-left 150ms ease-out;
}
.dependency-pill:hover {
  background-color: #B3EFFE;
  transition: background-color 200ms ease-in;
}
.dependency-pill__badge {
  padding: 2px 7px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 10px;
}
.dependency-pill__remove {
  color: #2d2d2d;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 5px;
  opacity: 0;
}
.dependency-pill.is-removable:hover {
  z-index: 2;
}
.dependency-pill.is-removable::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #E5F8FF;
  box-shadow: 2px 0 0 var(--G-0, #FFFFFF);
  z-index: -1;
  border-radius: inherit;
  transform-origin: 0 50%;
  transition: transform 150ms ease-out , border-color 150ms ease-out;
}
.dependency-pill.is-removable .dependency-pill__remove {
  right: -10px;
  opacity: 0;
  pointer-events: none;
}
.dependency-pill.is-removable:hover::before {
  background-color: #B3EFFE;
  transform: translateX(15px);
  transition: transform 200ms ease-in , background-color 200ms ease-in;
}
.dependency-pill.is-removable:hover .dependency-pill__remove {
  opacity: 0.3;
  pointer-events: auto;
  transition: opacity 200ms ease-in;
}
.dependency-pill.is-removable:hover .dependency-pill__remove:hover {
  opacity: 1;
}
.team-field-grid-control {
  display: flex;
  height: 100%;
  padding-top: 7px;
  padding-left: 16px;
  padding-right: 16px;
  align-items: flex-start;
}
.team-field-grid-control.is-selected {
  --row-background: rgba(var(--solution-dw-color), .6);
}
.team-field-grid-control.is-selected.is-empty {
  width: 100%;
  justify-content: flex-start;
}
.team-field-grid-control.is-selected.is-empty .team-field-grid-control__add-button {
  opacity: 1;
}
.team-field-grid-control.is-inline-edit {
  --row-background: var(--G-0, #FFFFFF);
}
.team-field-grid-control--only-image {
  padding-top: 6px;
}
.team-field-grid-control--only-image .team-field-grid-control__add-button {
  margin-top: 5px;
}
.team-field-grid-control--multiple.is-inline-edit {
  padding-top: 0;
  padding-right: 0px;
  padding-left: 8px;
}
.team-field-grid-control--multiple.is-inline-edit.team-field-grid-control--only-image {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0px;
}
.team-field-grid-control--multiple.is-inline-edit.team-field-grid-control--only-image .team-field-grid-control__add-button {
  margin-right: 11px;
}
.team-field-grid-control--multiple.is-hovered .team-field-grid-control__add-button {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.team-field-grid-control--single .team-field-grid-control__add-text {
  width: 100%;
}
.team-field-grid-control--size-compact {
  max-height: 73px;
  --member-multiple-select-height: 73px;
}
.team-field-grid-control--size-compact.team-field-grid-control--only-image {
  max-height: 76px;
  --member-multiple-select-height: 76px;
}
.team-field-grid-control--size-medium {
  max-height: 172px;
  --member-multiple-select-height: 172px;
}
.team-field-grid-control--size-medium.team-field-grid-control--only-image {
  max-height: 175px;
  --member-multiple-select-height: 175px;
}
.team-field-grid-control--size-large {
  max-height: 238px;
  --member-multiple-select-height: 238px;
}
.team-field-grid-control--size-large.team-field-grid-control--only-image {
  max-height: 241px;
  --member-multiple-select-height: 241px;
}
.team-field-grid-control--size-extra-large {
  max-height: 336px;
  --member-multiple-select-height: 336px;
}
.team-field-grid-control--size-extra-large.team-field-grid-control--only-image {
  max-height: 339px;
  --member-multiple-select-height: 339px;
}
.team-field-grid-control--size-auto {
  height: 100%;
}
.team-field-grid-control__placeholder.dashed-field-placeholder {
  display: block;
  margin: 7px 0 0 8px;
}
.team-field-grid-control__placeholder.dashed-field-placeholder.is-large {
  width: 32px;
  height: 32px;
  margin-top: 4px;
  line-height: 34px;
}
.team-field-grid-control__add-button {
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-top: 4px;
  margin-right: 11px;
  margin-left: -5px;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  transition: opacity 150ms ease-out;
}
.team-field-grid-control__add-button:hover {
  background-color: var(--solution-hover-color);
}
.team-field-grid-control__add-text {
  line-height: 26px;
  text-align: left;
  color: var(--G-4, #B2B2B3);
}
.team-field-grid-control__pill {
  margin-right: 7px;
  margin-bottom: 8px;
}
.team-field-grid-control__pill:first-child {
  max-width: calc(100% - 50px);
}
.team-field-select-remove-button {
  position: absolute;
  top: 12px;
  right: 27px;
  color: var(--G-3, #C7C8C9);
  cursor: pointer;
  transition: color 150ms ease-out;
}
.team-field-select-remove-button:hover {
  color: var(--G-5, #9B9C9E);
  transition: color 200ms ease-in;
}
.team-field-single-select {
  display: flex;
  height: 100%;
  max-width: 100%;
}
.team-field-single-select__dropdown {
  --member-select-panel-width: auto;
}
.team-field-single-select__pill {
  margin-right: 7px;
}
.team-field-single-select__avatar {
  margin-right: 2px;
  margin-bottom: 4px;
}
.team-field-single-select__placeholder {
  color: var(--G-4, #B2B2B3);
  margin-top: 2px;
}
.team-field-single-select--only-image:not(.no-value) {
  margin-top: -2px;
  margin-left: -2px;
}
.team-field-multiple-select {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 100%;
}
.team-field-multiple-select:not(.team-field-multiple-select--only-image) {
  padding-right: 0;
  gap: 7px 5px;
}
.team-field-multiple-select--control .team-field-multiple-select__add-button-circle {
  background-color: var(--solution-primary-color);
  transition: background-color 150ms ease-out;
}
.team-field-multiple-select--control .team-field-multiple-select__add-button-circle:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.team-field-multiple-select__add-button {
  display: flex;
  align-items: center;
  max-width: 100%;
  height: 26px;
  margin-right: 6px;
}
.team-field-multiple-select__add-button-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  transition: background-color 150ms ease-out;
}
.team-field-multiple-select__add-button-circle:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.team-field-multiple-select__pill {
  position: relative;
  height: 26px;
}
.team-field-multiple-select__team-multiple-select {
  width: 100%;
}
.team-field-multiple-select__avatar {
  position: relative;
  outline: 2px solid var(--G-0, #FFFFFF);
  margin-left: -2px;
  border-radius: 50%;
  margin-top: -2px;
}
.team-field-multiple-select__avatar:hover {
  --remove-button-circle-opacity: 1;
}
.team-field-multiple-select .base-avatar__button {
  left: initial;
  right: -3px;
}
.team-field-multiple-select--only-image {
  padding-top: 0;
  padding-bottom: 0;
}
.team-field-multiple-select--only-image .team-field-multiple-select__add-button {
  height: 24px;
  margin-right: 13px;
  margin-top: 2px;
  margin-left: -2px;
}
.team-field-multiple-select__placeholder {
  margin-left: 11px;
}
.team-control-avatars {
  --avatar-list-border-color: var(--row-background);
  --avatar-list-top-nagative-margin: -2px;
  margin-bottom: 4px;
  margin-top: -2px;
  padding-top: 2px;
  margin-left: -2px;
  height: calc(100% + 2px);
  overflow: hidden;
}
.team-control-avatars--target-of-lookupfield.avatar-list {
  width: auto;
  margin-left: 0;
}
.team-control-avatars--target-of-lookupfield .avatar-list__item {
  margin-right: 0;
}
.team-control-avatars--lookup-target {
  --avatar-list-top-nagative-margin: 0px;
  margin-bottom: 0;
}
.team-control-avatars--read-only.team-control-avatars--selected {
  --avatar-list-border-color: var(--G-0, #FFFFFF);
}
.team-control-avatars--timeline {
  --avatar-list-top-nagative-margin: 0px;
  margin-top: 0;
  margin-bottom: 0;
}
.team-control-avatars--cutting {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.team-control-avatars--card {
  margin: 0;
  height: 32px;
  width: 100%;
  --avatar-list-border-color: var(--G-0, #FFFFFF);
}
.team-control-avatars--linked-card {
  margin: 0 auto;
  height: auto;
}
.team-control-avatars--gantt {
  overflow: visible;
  width: 100%;
  height: auto;
}
.team-control-avatars--single-entry {
  width: calc(100% + 2px);
}
.team-control-avatars--grid.is-multiple {
  margin-left: -29px;
  width: calc(100% + 2px);
  text-align: left;
  pointer-events: none;
}
.team-control-avatars--grid.is-multiple .team-control-avatars__item {
  pointer-events: all;
  margin-left: 0;
  transition: margin-left 150ms ease-out;
}
.is-hovered .team-control-avatars--grid.is-multiple .team-control-avatars__item {
  transition: margin-left 200ms ease-in;
}
.is-hovered .team-control-avatars--grid.is-multiple .team-control-avatars__item:first-child {
  margin-left: 29px;
}
.team-control-avatars--grid.is-multiple.team-control-avatars--read-only, .team-control-avatars--grid.is-multiple.team-control-avatars--lookup {
  margin-left: 0;
}
.is-hovered .team-control-avatars--grid.is-multiple.team-control-avatars--read-only .team-control-avatars__item:first-child, .is-hovered .team-control-avatars--grid.is-multiple.team-control-avatars--lookup .team-control-avatars__item:first-child {
  margin-left: 0;
}
.team-control-pills {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.team-control-pills--cutting {
  white-space: nowrap;
  position: relative;
  flex-wrap: nowrap;
  overflow: hidden;
  border-radius: 0 12px 12px 0;
  height: 26px;
}
.team-control-pills--cutting .team-control-pills__pill {
  height: 26px;
  clip-path: inset(0px 0px 0px 0px round 12px 12px);
}
.team-control-pills--cutting .team-control-pills__pill:before {
  content: "";
  z-index: 5;
  position: absolute;
  top: 0px;
  right: -1px;
  bottom: 0px;
  width: 24px;
  box-shadow: inset -1px 0 0 1px var(--G-1-5, #E9E9E9);
  border-radius: 0 13px 13px 0;
}
.team-control-pills--card .team-control-pills__pill {
  margin-bottom: 0;
  max-width: 100%;
}
.team-control-pills--linked-card.team-control-pills--cutting {
  height: auto;
}
.team-control-pills--linked-card.team-control-pills--cutting .team-control-pills__pill {
  height: 24px;
  clip-path: inset(0px 0px 0px 0px round 11px 11px);
  margin-bottom: 0;
  max-width: 100%;
}
.team-control-pills--gantt.team-control-pills--cutting {
  height: auto;
}
.team-control-pills--gantt.team-control-pills--cutting .team-control-pills__pill {
  height: 24px;
  clip-path: inset(0px 0px 0px 0px round 11px 11px);
  margin-bottom: 0;
  max-width: 100%;
}
.team-control-pills--grid.is-multiple {
  margin-left: -29px;
  pointer-events: none;
  gap: 7px 5px;
}
.team-control-pills--grid.is-multiple .team-control-pills__pill {
  pointer-events: all;
  height: 26px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  transition: margin-left 150ms ease-out;
}
.is-hovered .team-control-pills--grid.is-multiple .team-control-pills__pill {
  transition: margin-left 200ms ease-in;
}
.is-hovered .team-control-pills--grid.is-multiple .team-control-pills__pill:first-child {
  margin-left: 29px;
}
.team-control-pills--grid.is-multiple.is-read-only, .team-control-pills--grid.is-multiple.team-control-pills--lookup {
  margin-left: 0;
}
.is-hovered .team-control-pills--grid.is-multiple.is-read-only .team-control-pills__pill:first-child, .is-hovered .team-control-pills--grid.is-multiple.team-control-pills--lookup .team-control-pills__pill:first-child {
  margin-left: 0;
}
.team-pill-list__pill {
  max-width: 100%;
  position: static;
  flex-shrink: 0;
  overflow: hidden;
  margin-bottom: 7px;
}
.team-pill-list__pill:not(:last-child) {
  margin-right: 4px;
}
.team-field-control {
  flex-shrink: 0;
}
.team-field-control__placeholder.is-large {
  margin-top: -2px;
  width: 32px;
  height: 32px;
  line-height: 34px;
}
.team-field-control--groupBy .team-field-control__pill {
  margin-bottom: 0;
}
.team-field-control--linked-card .team-field-control__pills {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
}
.team-field-control--linked-card .team-field-control__pill {
  margin-bottom: 0;
  display: inline-flex;
}
.team-field-control--linked-card .team-field-control__pill-item {
  height: 24px;
  border-radius: 12px;
}
.team-field-control--linked-card .team-field-control__avatars {
  margin: 0;
  --avatar-list-top-nagative-margin: 0px;
  --avatar-list-more-top: 3px;
  white-space: nowrap;
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
}
.team-field-control--linked-card.team-field-control--only-image {
  width: 24px;
  height: 24px;
}
.team-field-control--linked-card.team-field-control--only-image.team-field-control--multiply {
  width: 100%;
}
.team-field-expand-window {
  --avatar-list-item-marign-right: 7px;
  --avatar-list-item-multi-marign-bottom: 7px;
}
.team-field-expand-window__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 7px;
}
.team-field-expand-window__list--avatar {
  gap: 7px;
}
.team-field-expand-window__avatar {
  position: relative;
}
.team-field-expand-window__avatar:hover {
  --remove-button-circle-opacity: 1;
}
.team-field-expand-window-wrapper {
  --grid-expanded-window-padding: 10px;
}
.team-field-add-button--expanding {
  display: block;
  margin-bottom: 15px;
}
.team-field-add-team-dropdown {
  --member-select-panel-width: 390px;
}
.team-field-expand-window {
  --avatar-list-item-marign-right: 7px;
  --avatar-list-item-multi-marign-bottom: 7px;
}
.team-field-expand-window__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 7px;
}
.team-field-expand-window__list--avatar {
  gap: 7px;
}
.team-field-expand-window__avatar {
  position: relative;
}
.team-field-expand-window__avatar:hover {
  --remove-button-circle-opacity: 1;
}
.team-field-expand-window-wrapper {
  --grid-expanded-window-padding: 10px;
}
.team-field-single-avatar-edit-record {
  height: 44px;
}
.team-field-single-avatar-edit-record:not(.is-readonly) {
  cursor: pointer;
}
.team-field-single-avatar-edit-record-avatar-wrapper {
  position: relative;
  display: inline-flex;
}
.team-field-single-avatar-edit-record-avatar-wrapper:hover {
  --remove-button-circle-opacity: 1;
}
.team-field-multiple-avatar-view {
  display: flex;
  padding-left: 10px;
}
.team-field-multiple-avatar-view.is-readonly .team-field-multiple-avatar-view__text {
  margin-left: -10px;
}
.team-field-multiple-avatar-view__button {
  margin-left: -10px;
  border: 1px solid var(--G-0, #FFFFFF);
  width: 48px !important;
  height: 48px !important;
}
.team-field-multiple-avatar-view__avatar {
  margin-left: -10px;
  position: relative;
  z-index: 1;
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
}
.team-field-multiple-avatar-view__avatar .remove-button-circle {
  right: auto;
  left: -1px;
}
.team-field-multiple-avatar-view__avatar:hover {
  --remove-button-circle-opacity: 1;
}
.team-edit-record-multiple-select {
  width: 307px;
}
.single-edit-record-team-pill {
  display: inline-flex;
  pointer-events: all !important;
}
.single-edit-record-team-pill .r-avatar-pill,
.single-edit-record-team-pill .r-avatar-pill__name {
  pointer-events: all !important;
}
.team-field-multiple-edit-record-placeholder {
  padding: 4px 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 6px;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;
  min-height: 34px;
}
.team-field-multiple-edit-record-placeholder__plus {
  margin: 5px 3px 0 4px;
  padding: 0;
}
.team-field-multiple-edit-record-placeholder__pill {
  display: flex;
  pointer-events: all !important;
}
.team-field-multiple-edit-record-placeholder__pill .r-avatar-pill__name,
.team-field-multiple-edit-record-placeholder__pill .r-avatar-pill {
  pointer-events: all !important;
}
.team-field-multiple-edit-record-placeholder__text {
  margin-top: 3px;
  margin-left: 5px;
}
.team-field-multiple-edit-record {
  padding: 0;
  margin-left: 0;
  min-height: 34px;
  width: 100%;
}
.edit-record-field--teamfield .team-multiple-select {
  margin-left: 0;
  padding: 0;
  overflow: visible;
}
.team-field-kanban-column-header-control {
  display: flex;
  align-items: center;
  gap: 10px;
}
.field-type-option-list {
  width: 300px;
}
.field-type-option-list__search {
  margin-bottom: 6px;
}
.field-type-option-list__body {
  padding: 5px 5px 0;
}
.field-type-option-list__label {
  padding-left: 10px;
  font-size: 11px;
  color: var(--typo-secondary, #878B92);
  font-weight: 600;
  margin-bottom: 4px;
}
.field-type-option-list__icon-holder {
  margin-left: 6px;
}
.field-type-option-list__options {
  padding-top: 7px;
  padding-right: 4px;
}
.field-type-option-list__scrollarea {
  height: calc(40vh + 2px);
  margin-right: -4px;
}
.field-type-option-list__scrollarea .ScrollbarsCustom.trackYVisible .field-type-option-list__options {
  padding-right: 10px;
}
.field-type-option-list__group:not(:last-child) {
  margin-bottom: 24px;
}
.field-type-option-list__empty {
  height: 40vh;
}
.field-type-option-list__empty img {
  display: block;
  width: auto;
  height: 120px;
}
.field-type-option {
  display: flex;
  align-items: center;
  height: 36px;
  background-color: transparent;
  border-radius: 5px;
  padding: 0 10px;
  margin-bottom: 1px;
  width: 100%;
  transition: background 150ms ease-out;
}
.field-type-option:last-child {
  margin-bottom: 5px;
}
.field-type-option__icon {
  margin-right: 12px;
  border-radius: 5px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: currentColor;
}
.field-type-option__plus {
  color: var(--G-2, #DEDEDE);
}
.field-type-option__title {
  color: var(--tertiary, #6B6B6B);
}
.field-type-option__tooltip {
  margin-left: auto;
}
.field-type-option:hover, .field-type-option.is-focused {
  background-color: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in;
}
.field-type-option:hover .field-type-option__plus, .field-type-option.is-focused .field-type-option__plus {
  color: currentColor;
}
.field-type-option:hover .field-type-option__title, .field-type-option.is-focused .field-type-option__title {
  color: var(--typo-primary, #2E3538);
}
.field-type-option.is-disabled {
  cursor: default;
}
.field-type-option.is-disabled .field-type-option__title {
  color: var(--typo-secondary, #878B92);
}
.edit-record-field {
  margin-bottom: 32px;
}
.edit-record-field--auto-hide-tooltip {
  --edit-record-field-help-text-tooltip-opacity: 0;
}
.edit-record-field--auto-hide-tooltip:hover {
  --edit-record-field-help-text-tooltip-opacity: 1;
}
.edit-record-field--help-text-tooltip-open {
  --edit-record-field-help-text-tooltip-opacity: 1;
}
.edit-record-field__title {
  letter-spacing: 0.45px;
  transition: color 150ms ease-out;
}
.edit-record-field__icon {
  margin-right: 5px;
  color: var(--ic-dark, #2D2D2D);
  height: 16px;
}
.edit-record-field__header-ai-field-agent-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 4px;
}
.edit-record-field__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 24px;
  margin-bottom: 5px;
}
.edit-record-field__header:hover .edit-record-field__drag {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.edit-record-field__header-content {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.edit-record-field__header-actions {
  opacity: 0;
  display: flex;
  transition: opacity 150ms ease-out , max-width 150ms ease-out , padding-left 150ms ease-out;
}
.edit-record-field__header-actions-wrapper {
  display: flex;
  align-items: center;
}
.edit-record-field__header-actions-wrapper.with-actions .edit-record-field__header-actions {
  overflow: hidden;
  opacity: 0;
  max-width: 0px;
  padding-left: 0px;
  will-change: opacity, max-width, padding-left;
  transform: translate3d(0, 0, 0);
}
.edit-record-field__header-actions-wrapper.with-actions .edit-record-field__header-actions--visible {
  opacity: 1;
  max-width: var(--edit-record-actions-max-width, 200px);
  padding-left: 4px;
}
.edit-record-field__header-actions--visible {
  opacity: 1;
}
.edit-record-field__body {
  position: relative;
}
.edit-record-field__body .input-group--record:not(.input-group--overlay-borders) .input-group__body {
  background-color: var(--G-0, #FFFFFF) !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
}
.edit-record-field__body .input-group--record:not(.input-group--overlay-borders):not(.is-active):not(.is-error) .input-group__body {
  border-color: var(--G-2, #DEDEDE) !important;
}
.edit-record-field__body .input-group--record:not(.input-group--overlay-borders):hover:not(.is-active):not(.is-error) .input-group__body {
  border-color: var(--G-4, #B2B2B3) !important;
}
.edit-record-field__body .input-group--record:not(.input-group--overlay-borders).is-active .input-group__body, .edit-record-field__body .input-group--record:not(.input-group--overlay-borders).is-error .input-group__body {
  box-shadow: none !important;
}
.edit-record-field__body .input-group--record:not(.input-group--overlay-borders):after {
  border-radius: 9px !important;
}
.edit-record-field__body .input-group--record:not(.input-group--overlay-borders) .social-link-field.state--default {
  border: none !important;
  background-color: transparent !important;
}
.edit-record-field__body .input-group--record:not(.input-group--overlay-borders) .social-placeholder {
  background-color: transparent !important;
}
.edit-record-field__body .ip-field-item {
  border-color: var(--G-2, #DEDEDE) !important;
  background-color: var(--G-0, #FFFFFF) !important;
}
.edit-record-field__body .ip-field-item:hover {
  border-color: var(--G-4, #B2B2B3) !important;
}
.edit-record-field__body .ip-field-item.readonly {
  background-color: var(--G-0-5, #FAFAFA) !important;
}
.edit-record-field__body .input-group--record.is-error .input-group__body {
  border-color: #E05C5C !important;
}
.edit-record-field__body .animated-close-button--grey-shadow .user-extra {
  box-shadow: 2px 0 0 0 var(--G-0, #FFFFFF) !important;
}
.edit-record-field__body .ui-multiselect--default.ui-multiselect--form .ui-multiselect-label__container {
  padding-top: 0px;
  padding-bottom: 0px;
}
.edit-record-field__body .ui-multiselect--default .ui-multiselect-label__action {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.edit-record-field__body .ui-multiselect--default .ui-multiselect-label__action ss-ui-button {
  font-size: 0;
}
.edit-record-field__body .checklist__container .checklist__checkbox {
  padding: 11px 0 !important;
}
.edit-record-field__body .checklist-editor:after {
  border-radius: 9px !important;
}
.edit-record-field__body .checklist-editor .ProseMirror.ProseMirror.ProseMirror-focused:hover {
  border-color: var(--solution-primary-color) !important;
}
.edit-record-field__body .checklist-editor .ProseMirror {
  padding: 7px 10px 6px;
  min-height: 34px;
  background-color: var(--G-0, #FFFFFF) !important;
  border-radius: 6px !important;
  border-color: var(--G-2, #DEDEDE) !important;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
}
.edit-record-field__body .checklist-editor .ProseMirror:hover:not(.ProseMirror-focused) {
  border-color: var(--G-4, #B2B2B3) !important;
}
.edit-record-field__body .checklist-editor .ProseMirror.ProseMirror-focused {
  box-shadow: none !important;
}
.edit-record-field__body .ui-dropdown--record.ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon:before,
.edit-record-field__body .ui-dropdown--record.ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon:after {
  width: 1px;
  background-color: var(--G-8, #4d4d4d);
  height: 7px;
  top: -1px;
}
.edit-record-field__body .ui-dropdown--record.ui-dropdown .ui-dropdown-clear-icon {
  height: 32px;
}
.edit-record-field__body .ui-dropdown--record.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger-icon {
  transform: rotate(180deg);
}
.edit-record-field__body .ui-dropdown-clear-icon {
  color: var(--G-8, #4d4d4d) !important;
}
.edit-record-field__body .input-field__clear {
  color: var(--G-8, #4d4d4d) !important;
}
.edit-record-field__body .input-field__clear:hover {
  color: var(--G-8, #4d4d4d) !important;
}
.edit-record-field__body .button__close {
  color: var(--G-8, #4d4d4d) !important;
}
.edit-record-field__body .button__close:hover {
  color: var(--G-8, #4d4d4d) !important;
}
.edit-record-field__caption {
  margin-top: -2px;
  margin-bottom: 6px;
  display: block;
}
.edit-record-field__hidden_icon {
  margin-left: 4px;
}
.edit-record-field__title-container {
  display: flex;
  align-items: center;
}
.edit-record-field__required {
  position: relative;
  padding-left: 16px;
  margin-right: 4px;
  font-weight: 600;
  font-size: 9px;
  line-height: 100%;
  color: #FF5757;
  text-transform: uppercase;
}
.edit-record-field__required:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  left: 9px;
  background-color: #FF5757;
}
.edit-record-field__error {
  margin-top: 4px;
}
.edit-record-field__drag {
  opacity: 0;
  position: absolute;
  top: 4px;
  left: -5px;
  color: var(--solution-primary-color);
  cursor: move;
  transition: opacity 150ms ease-out;
}
.edit-record-field__lock {
  margin-left: 2px;
  color: var(--ic-light, #c7cdcf);
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.edit-record-field__help-doc {
  font-size: 12px;
  line-height: 18px;
  color: var(--tertiary, #6B6B6B);
}
.edit-record-field__help-doc p {
  margin-bottom: 4px;
}
.edit-record-field__help-doc li {
  margin-bottom: 4px;
}
.edit-record-field__title-ai-agent-badge {
  position: absolute;
  top: 0;
  left: 9px;
  width: 9px;
  height: 9px;
  border: 2px solid var(--G-0, #FFFFFF);
  background-color: #EDB740;
  border-radius: 50%;
}
.edit-record-field__help-text {
  height: 16px;
  margin: 0 2px;
  color: var(--G-3, #C7C8C9);
  display: flex;
  align-items: center;
}
.edit-record-field__help-text:hover {
  color: var(--G-5, #9B9C9E);
}
.edit-record-field__remove-invalid {
  margin-left: 8px;
}
.edit-record-field:hover {
  --edit-record-actions-opacity: 1;
}
.edit-record-field.is-default:hover .edit-record-field__title,
.edit-record-field.is-default:hover .edit-record-field__icon, .edit-record-field.is-read-only:hover .edit-record-field__title,
.edit-record-field.is-read-only:hover .edit-record-field__icon {
  color: var(--solution-primary-color);
}
.edit-record-field.is-default:hover .edit-record-field__title, .edit-record-field.is-read-only:hover .edit-record-field__title {
  transition: color 200ms ease-in;
}
.edit-record-field.is-default:hover .edit-record-field__lock, .edit-record-field.is-read-only:hover .edit-record-field__lock {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.edit-record-field.is-default:hover ss-linked-record-field-expanded-select .linked-record-select-button, .edit-record-field.is-read-only:hover ss-linked-record-field-expanded-select .linked-record-select-button {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.edit-record-field.is-active .edit-record-field__title,
.edit-record-field.is-active .edit-record-field__icon {
  color: var(--solution-primary-color);
}
.edit-record-field.is-active .edit-record-field__lock {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.edit-record-field.is-error .edit-record-field__title,
.edit-record-field.is-error .edit-record-field__icon,
.edit-record-field.is-error .edit-record-field__message,
.edit-record-field.is-error .edit-record-field__required,
.edit-record-field.is-error .edit-record-field__error {
  color: #E05C5C;
}
.edit-record-field__header-static-actions {
  opacity: 1;
  transition: opacity 0.15s ease-in-out 0.2s;
}
.edit-record-field:hover .edit-record-field__header-actions {
  opacity: 1;
  max-width: var(--edit-record-actions-max-width, 200px);
  padding-left: 4px;
  transition: opacity 200ms ease-in , max-width 200ms ease-in , padding-left 200ms ease-in;
}
.edit-record-field:hover .edit-record-field__header-static-actions {
  opacity: 0;
  transition: opacity 0s 0s;
}
.edit-record-field--custom-color {
  position: relative;
  --solution-primary-color: var(--custom-highlight-color);
  --solution-secondary-color: var(--custom-deep-washed-color);
}
.edit-record-field--custom-color.is-error:before {
  box-shadow: 0 0 0 1px #FF5757;
}
.edit-record-field--custom-color.is-error .edit-record-field__error {
  position: absolute;
  margin-top: 0;
}
.edit-record-field--custom-color .edit-record-field__drag {
  top: 14px;
}
.edit-record-field--custom-color .edit-record-field__drag::after, .edit-record-field--custom-color .edit-record-field__drag::before {
  position: absolute;
  content: "";
  display: block;
  width: 16px;
  height: 20px;
  top: -2px;
  border-radius: 2px;
  z-index: 0;
}
.edit-record-field--custom-color .edit-record-field__drag::after {
  background-color: var(--custom-highlight-color);
  opacity: 0.2;
}
.edit-record-field--custom-color .edit-record-field__drag::before {
  background-color: var(--G-0, #FFFFFF);
}
.edit-record-field--custom-color .edit-record-field__drag .icon {
  z-index: 1;
  position: relative;
}
.edit-record-field--editable .edit-record-field__icon,
.edit-record-field--editable .edit-record-field__title {
  cursor: pointer;
}
.edit-record-field--subitemsfield, .edit-record-field--dependencyfield {
  position: relative;
}
.edit-record-field--subitemsfield::before, .edit-record-field--dependencyfield::before {
  content: "";
  position: absolute;
  left: -15px;
  right: -15px;
  top: -10px;
  bottom: 0;
  display: block;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  pointer-events: none;
}
.edit-record-field--subitemsfield .edit-record-field__drag, .edit-record-field--dependencyfield .edit-record-field__drag {
  left: -20px;
}
.edit-record-field--subitemsfield .edit-record-field__drag::after, .edit-record-field--dependencyfield .edit-record-field__drag::after {
  content: "";
  opacity: 0.2;
  z-index: 0;
  position: absolute;
  top: -2px;
  display: block;
  width: 16px;
  height: 20px;
  border-radius: 2px;
  background-color: var(--solution-primary-color);
}
.edit-record-field--subitemsfield .edit-record-field__drag .edit-record-field__drag-icon, .edit-record-field--dependencyfield .edit-record-field__drag .edit-record-field__drag-icon {
  z-index: 1;
  position: relative;
}
.edit-record-field--subitemsfield {
  --subitems-field-add-button-opacity: 0;
}
.edit-record-field--subitemsfield:hover {
  --subitems-field-add-button-opacity: 1;
}
.edit-record-field--social-style .edit-record-field__body {
  margin: 0 5px 4px;
  display: flex;
  align-items: center;
}
.edit-record-field--social-style .social-network-link {
  margin-right: 5px;
  display: flex;
  align-items: center;
  margin-top: 2px;
}
.edit-record-field--subitemsfield .edit-record-field__body, .edit-record-field--linkedrecordfield .edit-record-field__body, .edit-record-field--checklistfield .edit-record-field__body {
  position: initial;
}
.edit-record-field-tooltip__name {
  margin-bottom: 6px;
}
.edit-record-field-tooltip__type {
  display: flex;
  align-items: center;
}
.edit-record-field-tooltip__type-icon {
  display: flex;
  margin-right: 6px;
}
.edit-record-field-tooltip__type-name {
  padding-top: 1px;
}
.edit-record-field-help-text-tooltip {
  opacity: var(--edit-record-field-help-text-tooltip-opacity, 1);
  transition: opacity 0.15s ease-in-out;
}
.edit-record-field-help-text-tooltip__help-text {
  max-width: 230px;
  padding: 4px 0;
}
.edit-record-field-help-text-tooltip__icon {
  color: var(--G-6, #868788);
}
.edit-record-field-help-text-tooltip__icon:hover {
  color: var(--G-8, #4d4d4d);
}
.edit-record-field-help-text-tooltip__display {
  overflow-y: auto;
  max-height: 90vh;
  padding-right: 12px;
  font-size: 12px;
  line-height: 18px;
}
.edit-record-field-help-text-tooltip__display::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.edit-record-field-help-text-tooltip__display::-webkit-scrollbar-track {
  background-color: transparent;
}
.edit-record-field-help-text-tooltip__display::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.edit-record-field-help-text-tooltip__display::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.edit-record-field-help-text-tooltip__display p,
.edit-record-field-help-text-tooltip__display li {
  margin-bottom: 0;
}
.edit-record-field-help-text-tooltip__display p:not(:last-child),
.edit-record-field-help-text-tooltip__display li:not(:last-child) {
  margin-bottom: 4px;
}
.edit-record-field-help-text-tooltip__tooltip {
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 5px;
}
.edit-record-field-help-text-tooltip__tooltip .tooltip-item__in {
  padding: 15px 3px 15px 15px;
}
.edit-record-field-help-text-tooltip__tooltip .tooltip-item__close {
  top: 5px;
  right: 5px;
}
.edit-record-field-help-text-tooltip__tooltip .tooltip-item__close:hover {
  color: var(--ic-dark, #2D2D2D);
}
@keyframes slideDown {
  0% {
    transform: translate3d(0, 150%, 0);
  }
  100% {
    transform: translate3d(0, 0%, 0);
  }
}
.no-find-records-panel {
  z-index: 5;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 155px;
  background-color: var(--G-1, #F3F3F4);
  animation: slideDown 300ms both ease-out;
}
.no-find-records-panel img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 150px;
  height: auto;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.no-find-records-panel__title {
  margin-bottom: 6px;
}
.dashed-field-placeholder {
  border: 1px dashed var(--G-2, #DEDEDE);
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  width: 26px;
  height: 26px;
  font-size: 16px;
  color: var(--G-3, #C7C8C9);
}
.dashed-field-placeholder__dynamic {
  transition: color 150ms ease-out , border 150ms ease-out;
}
.dashed-field-placeholder__dynamic:hover {
  border: 1px dashed var(--solution-primary-color);
  color: var(--solution-primary-color);
  cursor: pointer;
  transition: color 200ms ease-in , border 200ms ease-in;
}
.default-aggregation-control {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
  font-size: 0;
  padding: 7px 16px 6px 30px;
  position: relative;
  height: 100%;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.default-aggregation-control__heading {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  width: 100%;
}
.default-aggregation-control__value {
  margin-left: 5px;
  max-width: 100%;
}
.default-aggregation-control__arrow {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 10px;
  transform: rotate(180deg);
  opacity: 0;
  color: var(--G-7, #6F7173);
  transition: opacity 150ms ease-out , transform 150ms ease-out;
}
.default-aggregation-control--footer {
  padding: 0 16px 10px 30px;
}
.default-aggregation-control--footer .default-aggregation-control__arrow {
  margin-top: -12px;
}
.default-aggregation-control.is-none .default-aggregation-control__heading {
  opacity: 0;
}
.default-aggregation-control:hover {
  background-color: var(--solution-secondary-color);
}
.default-aggregation-control:hover .default-aggregation-control__arrow,
.default-aggregation-control:hover .default-aggregation-control__heading {
  opacity: 1;
}
.default-aggregation-control.is-selected .default-aggregation-control__heading {
  opacity: 1;
}
.default-aggregation-control.is-opened {
  background-color: var(--solution-secondary-color);
  border-left: 1px solid var(--G-0, #FFFFFF);
  border-right: 1px solid var(--G-0, #FFFFFF);
}
.default-aggregation-control.is-opened .default-aggregation-control__arrow,
.default-aggregation-control.is-opened .default-aggregation-control__heading {
  opacity: 1;
}
.default-aggregation-control.is-opened .default-aggregation-control__arrow {
  transform: rotate(0);
}
.default-aggregation-control-dropdown {
  min-width: 121px;
  padding: 12px 0;
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(15, 15, 15, 0.1), 0 9px 24px rgba(15, 15, 15, 0.2);
}
.default-aggregation-control-dropdown__scrollbar {
  width: 100%;
  height: 100%;
  max-width: calc(100% - 1px);
}
.default-aggregation-control-dropdown__list {
  width: max-content;
  padding: 0 5px;
}
.default-aggregation-control-dropdown-item {
  height: 34px;
  width: 100%;
  background-color: transparent;
  color: var(--typo-secondary, #878B92);
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-radius: 5px;
  cursor: pointer;
  transition: background 150ms ease-out;
}
.default-aggregation-control-dropdown-item:not(:last-child) {
  margin-bottom: 1px;
}
.default-aggregation-control-dropdown-item:hover {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
  transition: background 200ms ease-in;
}
.choice-edit {
  display: inline-flex;
  align-items: center;
  min-width: var(--choice-edit-min-width, 300px);
  height: 34px;
  border: 1px solid var(--solution-primary-color);
  border-radius: 5px;
}
.choice-edit__colorpicker {
  display: inline-flex;
  margin-left: 3px;
}
.error-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.error-container--align-left {
  justify-content: flex-start;
  left: var(--error-tooltip-left-position, 11px);
}
.r-choice-add {
  display: flex;
  align-items: center;
  --choice-edit-min-width: 100%;
}
.r-choice-add:not(.is-edit) {
  height: 36px;
}
.info-tooltip {
  height: 100%;
  display: flex;
  align-items: center;
}
.field-params-option {
  display: flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  margin-bottom: 10px;
}
.field-params-option__label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  text-align: left;
  cursor: pointer;
}
.field-params-option__switcher {
  --switcher-background: var(--G-2, #DEDEDE);
  --switcher-background-opacity: 1;
  margin-top: 1px;
}
.field-params-option__switcher.is-checked {
  --switcher-background: var(--solution-primary-color);
}
.field-params-option.is-disable .field-params-option__label {
  pointer-events: none;
  cursor: default;
  color: var(--typo-secondary, #878B92);
}
.field-params-option.is-disable .field-params-option__switcher {
  opacity: 0.5;
}
.field-params-options {
  background-color: var(--G-0, #FFFFFF);
  padding: 12px 25px 15px;
}
.field-params-options__title {
  margin-bottom: 12px;
}
.field-params-options__tooltip-icon {
  color: var(--G-3, #C7C8C9);
}
.field-params-options__tooltip-icon:hover {
  color: var(--G-8, #4d4d4d);
}
.field-params-options__tooltip {
  margin-top: 1px;
  margin-left: -4px;
}
.r-choice-add {
  display: flex;
  align-items: center;
  --choice-edit-min-width: 100%;
}
.r-choice-add:not(.is-edit) {
  height: 36px;
}
.choices-editor {
  margin-bottom: 20px;
}
.choices-editor__head {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.choices-editor__count {
  margin-top: 2px;
  margin-left: 8px;
}
.choices-editor__actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.choices-editor__button {
  width: 24px;
  height: 24px;
}
.choices-editor__button:not(:last-child) {
  margin-right: 4px;
}
.choices-editor__list {
  margin-bottom: 9px;
}
.choices-editor-addbutton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  border: 1px dashed var(--G-2, #DEDEDE);
  border-radius: 5px;
  background-color: var(--solution-secondary-color);
}
.choices-editor-addbutton.is-disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.choices-editor-addbutton:hover .choices-editor-addbutton__icon {
  color: var(--solution-hover-color);
}
.choices-editor-addbutton:hover .choices-editor-addbutton__text {
  transform: translateX(5px);
}
.choices-editor-addbutton__icon {
  margin-right: 11px;
  color: var(--solution-primary-color);
}
.choices-editor-addbutton__text {
  transform: translateX(0px);
  transition: transform 100ms ease-in;
}
.choice-control {
  display: flex;
  align-items: flex-start;
  min-height: 32px;
  margin-bottom: 1px;
  padding: 2px 0 2px 4px;
  border-radius: 5px;
}
.choice-control:not(.is-editmode):hover {
  background-color: var(--G-1, #F3F3F4);
}
.choice-control:not(.is-editmode):hover .choice-control__plus {
  color: #3EAC40;
}
.choice-control:not(.is-editmode):hover .choice-control__minus {
  color: #FF5757;
}
.choice-control.is-dragging {
  pointer-events: all;
}
.choice-control.is-dragging .choice-control__drag {
  cursor: grabbing;
}
.choice-control__drag {
  margin-top: 6px;
  margin-right: 8px;
  background-color: transparent;
  color: var(--G-4, #B2B2B3);
  cursor: grab;
}
.choice-control__drag:hover {
  color: var(--solution-primary-color);
}
.choice-control__drag * {
  pointer-events: none;
}
.choice-control__color {
  margin-right: 10px;
}
.choice-control__color + .choice-control__body {
  padding-left: 0;
}
.choice-control__value {
  flex-basis: 100%;
  min-height: 30px;
  margin-top: -2px;
  margin-bottom: -2px;
}
.choice-control__body {
  display: flex;
  align-items: flex-start;
  flex-basis: 100%;
  padding-left: 5px;
  min-width: 0;
}
.choice-control__text {
  overflow: hidden;
  flex-basis: 100%;
  padding-top: 4px;
}
.choice-control__description {
  margin-bottom: 6px;
}
.choice-control__actions {
  display: flex;
  padding: 6px 10px 0 10px;
}
.choice-control__actions--count {
  display: inline-flex;
  margin-right: 8px;
}
.choice-control__actions button {
  display: flex;
  background-color: transparent;
  color: var(--ic-light, #c7cdcf);
}
.choice-control__actions button:not(:last-child) {
  margin-right: 5px;
}
.field-display-format-dropdown {
  min-height: 55px;
  height: 55px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.031372549);
  border: 1px solid var(--G-1-5, #E9E9E9);
  --arrow-select-top-position: 10px;
  --arrow-select-right-position: 4px;
  transition: box-shadow 150ms ease-out;
}
.field-display-format-dropdown:hover:not(.is-active) {
  border-color: var(--G-3, #C7C8C9);
  transition: box-shadow 200ms ease-in;
}
.field-display-format-dropdown:after {
  display: none;
}
.field-display-format-dropdown.is-active {
  box-shadow: 0px 3px 0px 0px rgba(var(--solution-primary-color-rgb), 0.2);
}
.field-display-format-dropdown-list {
  --select-option-is-hover-background-color: rgba(var(--solution-dw-color), 0.5);
  --select-option-active-background: rgba(var(--solution-dw-color), 0.5);
  --select-option-highlight-background: rgba(var(--solution-dw-color), 0.5);
  --select-option-margin-bottom: 4px;
}
.field-display-format-dropdown-list__option {
  border: 1px solid var(--G-1-5, #E9E9E9);
}
.field-display-format-dropdown-list__option.is-active, .field-display-format-dropdown-list__option:hover {
  border-color: rgba(var(--solution-primary-color-rgb), 0.3);
}
.field-display-format-dropdown-option {
  position: relative;
  min-height: 72px;
  padding: 12px 12px 12px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
  line-height: 20px;
  color: var(--typo-primary, #2E3538);
}
.field-display-format-dropdown-option__icon {
  top: 50%;
  left: 12px;
  margin-top: -8px;
  position: absolute;
}
.field-display-format-dropdown-option__title {
  display: inline-block;
  margin-bottom: 4px;
}
.formula-builder-loader {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  color: var(--solution-primary-color);
}
.formula-builder__help {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 4px 8px;
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  transition: border-color 150ms ease-out;
}
.formula-builder__help:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.formula-picker {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.formula-picker__list {
  --formula-list-margin-bottom: 0;
  padding-top: 15px;
}
.formula-picker__search {
  margin-bottom: 15px;
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.formula-picker__search.is-active {
  border-color: var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.formula-picker__search input::placeholder {
  color: var(--inactive, #B2B2B3);
}
.formula-picker__tabs .switch-button__item {
  min-width: 33.3333%;
}
.formula-picker__scroll {
  flex-grow: 1;
  margin-right: -13px;
}
.formula-picker__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
.formula-error {
  position: absolute;
  z-index: 3;
  bottom: 8px;
  left: 8px;
  right: 8px;
  padding: 9px 15px;
  border-radius: 5px;
}
.formula-error__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.formula-error__message {
  font-family: monospace;
}
.formula-error__learn-more {
  text-decoration: underline;
  margin-left: 4px;
}
.formula-error__learn-more:hover {
  text-decoration: none;
}
.formula-error.is-error {
  background-color: #FEECEE;
  border: 1px solid rgba(255, 87, 87, 0.2);
}
.formula-error.is-error .formula-error__title {
  color: #FF5757;
}
.formula-error.is-warning {
  background-color: #FFF2DC;
  border: 1px solid rgba(255, 185, 56, 0.2);
}
.formula-error.is-warning .formula-error__title {
  color: var(--tertiary, #6B6B6B);
}
.formula-error.is-warning .formula-error__message {
  color: var(--tertiary, #6B6B6B);
}
.formula-editor {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 100%;
}
.formula-editor.is-read-only .cm-gutters .cm-gutterElement.cm-activeLineGutter, .formula-editor.is-empty .cm-gutters .cm-gutterElement.cm-activeLineGutter {
  background-color: transparent;
}
.formula-editor.is-read-only .cm-content .cm-line.cm-activeLine, .formula-editor.is-empty .cm-content .cm-line.cm-activeLine {
  background-color: transparent;
}
.formula-editor__scrollbar {
  height: 100%;
}
.formula-editor__loader {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  color: var(--solution-primary-color);
}
.formula-editor .cm-editor {
  width: 100%;
  background-color: transparent;
  font-size: 13px;
}
.formula-editor .cm-editor.cm-focused {
  outline: none;
}
.formula-editor .cm-gutters {
  border-right: none;
  background-color: transparent;
  font-size: 13px;
  color: var(--G-4, #B2B2B3);
}
.formula-editor .cm-gutters .cm-gutterElement {
  flex-shrink: 0;
  min-width: 37px;
  padding-left: 6px;
  text-align: left;
}
.formula-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter {
  background-color: var(--solution-secondary-color);
  color: var(--G-8, #4d4d4d);
}
.formula-editor .cm-empty {
  color: var(--typo-secondary, #878B92);
}
.formula-editor .cm-editor .cm-matchingBracket {
  color: black;
}
.formula-editor .cm-scroll {
  margin-bottom: -31px;
  margin-right: -31px;
}
.formula-editor .cm-scroll * {
  white-space: pre-wrap;
}
.formula-editor .cm-hints {
  position: absolute;
  z-index: 1000;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 2px;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid silver;
  background: white;
  font-size: 90%;
  font-family: monospace;
  max-height: 20em;
  overflow-y: auto;
}
.formula-editor .cm-scroller {
  z-index: 1;
  overflow-x: hidden;
  padding-top: var(--formula-editor-padding-top, 0);
  padding-bottom: var(--formula-editor-padding-bottom, 0);
}
.formula-editor .cm-content {
  overflow: hidden;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
  max-width: 100%;
  flex-shrink: initial;
}
.formula-editor .cm-content .cm-line {
  padding-right: 15px;
  padding-left: 10px;
}
.formula-editor .cm-content .cm-line.cm-activeLine {
  background-color: rgba(var(--solution-primary-color-rgb), 0.15);
}
.formula-editor .cm-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}
.formula-editor li.cm-hint-active {
  background: #08f;
  color: white;
}
.formula-editor .ss-style-function {
  color: #199A27;
}
.formula-editor .ss-style-field {
  color: #3A86FF;
}
.formula-editor .ss-style-literal-number {
  color: #F1273F;
}
.formula-editor .cm-theme-light {
  display: flex;
  height: auto;
  min-height: 100%;
}
.formula-picker-help {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.formula-picker-help__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 0 9px 0 20px;
}
.formula-picker-help__close {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  background-color: transparent;
  color: var(--G-3, #C7C8C9);
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.formula-picker-help__close:hover {
  background-color: var(--G-1, #F3F3F4);
  color: var(--G-8, #4d4d4d);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.formula-picker-help__scroll {
  overflow: hidden;
  flex-grow: 1;
}
.formula-picker-help-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  height: 100%;
  padding: 0 20px;
}
.formula-picker-help-empty__cover {
  width: 100%;
  max-width: 262px;
  height: auto;
}
.formula-picker-help-empty__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  text-align: center;
}
.formula-picker-content {
  padding: 20px;
}
.formula-picker-content__title {
  margin-bottom: 2px;
  word-break: break-word;
}
.formula-picker-content__subtitle {
  margin-bottom: 24px;
}
.formula-picker-content__subhead {
  margin-bottom: 12px;
}
.formula-picker-content__code:not(.formula-picker-content__code:last-of-type) {
  margin-bottom: 21px;
}
.formula-picker-content__examples .cm-content, .formula-picker-content__code .cm-content {
  width: 100%;
}
.formula-picker-content__examples .cm-line, .formula-picker-content__code .cm-line {
  word-break: break-word;
  white-space: break-spaces;
}
.formula-picker-content .cm-editor {
  background-color: transparent;
  height: auto;
}
.formula-picker-content .style-function {
  color: #199A27;
}
.formula-picker-content .style-field {
  color: #3A86FF;
}
.formula-picker-content .style-literal-number {
  color: #F1273F;
}
.formula-list {
  margin-bottom: var(--formula-list-margin-bottom, 24px);
  padding-right: 13px;
  -webkit-user-select: none;
          user-select: none;
}
.formula-list.is-open .formula-list-head__arrow {
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.formula-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin-bottom: 8px;
  padding-right: 13px;
  cursor: pointer;
}
.formula-list-head__arrow {
  transition: transform 150ms ease-out;
}
.formula-list__items {
  display: flex;
  flex-direction: column;
}
.formula-list-item {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 28px;
  border: 1px solid transparent;
  border-radius: 5px;
  cursor: pointer;
}
.formula-list-item:hover {
  border-color: var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
}
.formula-list-item:hover .formula-list-item__icon {
  color: var(--ic-darker, #151515);
}
.formula-list-item:hover .formula-list-item__help {
  opacity: 1;
}
.formula-list-item__body {
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: 12px;
  width: 100%;
  min-height: 26px;
  padding: 0 32px 0 12px;
  background-color: transparent;
}
.formula-list-item__icon {
  color: var(--G-5, #9B9C9E);
}
.formula-list-item__help {
  opacity: 0;
  position: absolute;
  top: 6px;
  right: 6px;
  transition: opacity 150ms ease-out;
}
.formula-list-item__help button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--G-4, #B2B2B3);
}
.formula-list-item__help button:hover {
  color: var(--G-8, #4d4d4d);
  transition: color 200ms ease-in;
}
.formula-list-item.is-disabled {
  cursor: default;
}
.formula-list-item.is-disabled .formula-list-item__body {
  cursor: default;
}
.formula-list-item.is-disabled:hover {
  border-color: transparent;
  background-color: transparent;
}
.formula-list-item.is-disabled:hover .formula-list-item__icon {
  color: var(--G-5, #9B9C9E);
}
.formula-list-item.is-disabled:hover .formula-list-item__help {
  opacity: 1;
  pointer-events: all;
}
.formula-list-item.is-disabled .formula-list-item__name,
.formula-list-item.is-disabled .formula-list-item__icon {
  opacity: 0.5;
  pointer-events: none;
}
.formula-list-item.is-disabled .formula-list-item__pro {
  cursor: pointer;
  pointer-events: all;
  min-width: 58px;
}
.formula-builder-layout {
  position: relative;
  display: flex;
  height: 100%;
}
.formula-builder-layout-sidebar {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 300px;
  min-width: 150px;
  height: 100%;
  padding: 10px 15px 0 15px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0-5, #FAFAFA);
  will-change: width;
}
.formula-builder-layout-sidebar__resizer {
  left: initial;
  right: -4px;
  width: 8px;
  --resizer-line-left-position: 3px;
  --resizer-slider-left-position: 0px;
}
.formula-builder-layout__body {
  flex-grow: 1;
  flex-shrink: 0;
  min-width: 400px;
  --formula-editor-padding-top: 20px;
  --formula-editor-padding-bottom: 20px;
}
.formula-builder-layout-help {
  position: relative;
  width: 360px;
  min-width: 150px;
  border-left: 1px solid var(--G-1-5, #E9E9E9);
  will-change: width;
}
.formula-builder-layout__actions {
  z-index: 2;
  position: absolute;
  top: 3px;
  right: 3px;
}
.edit-record-field-condition-icon {
  margin-left: 3px;
  margin-right: 5px;
  color: #FFB938;
}
.fields-filter-modal__body {
  --filter-window-content-fields-min-width: 151px;
  --filter-window-content-fields-max-width: 176px;
  --filter-window-content-dropdown-min-width: 115px;
  --filter-window-content-comparison-max-width: none;
  --filter-window-content-dropdown-max-width: 275px;
  --filter-multiple-select-group-min-width: 275px;
  padding: 12px 15px 15px 15px;
  background-color: var(--G-0-5, #FAFAFA);
}
.raw-field-wrapper {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-height: var(---raw-field-wrapper-height, 26px);
}
.raw-field-wrapper:not(.raw-field-wrapper--not-contain) {
  max-width: 100%;
}
.expanded-linked-field-modal {
  width: 800px;
  min-height: 500px;
  max-height: 100vh;
  box-shadow: none;
}
.expanded-linked-field-modal:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 5px 50px 5px 5px;
}
.expanded-linked-field-modal .modal__hat,
.expanded-linked-field-modal .modal__header {
  top: 16px;
}
.expanded-linked-field-modal .modal__header {
  margin-bottom: 16px;
}
.expanded-linked-field-modal--expanded-display .modal__body {
  max-height: calc(100vh - 130px);
}
.expanded-linked-field-modal__no-access {
  width: 100%;
  height: 100%;
  justify-content: center;
  min-height: 333px;
}
.expanded-linked-field-modal__no-found {
  height: 100%;
  max-height: none;
  min-height: 333px;
}
.expanded-linked-field-modal__list {
  padding-top: 32px;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  --item-gutter-left: 20px;
  --item-gutter-right: 30px;
}
.expanded-linked-field-modal__list .ScrollbarsCustom {
  height: 100% !important;
}
.expanded-linked-field-modal__no-records {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  align-items: center;
  min-height: 333px;
}
.expanded-linked-field-modal__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 118px);
}
.expanded-linked-field-modal__footer {
  height: 55px;
  min-height: 55px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 5px 5px;
}
.expanded-linked-field-modal__button {
  width: 100%;
  background-color: var(--solution-primary-color);
  height: 32px;
  border-radius: 5px;
  color: var(--G-0, #FFFFFF);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  transition: background-color 150ms ease-out;
}
.expanded-linked-field-modal__button:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.expanded-linked-field-modal__footer-icon {
  fill: currentColor;
  margin-right: 6px;
}
.expanded-linked-field-modal__search {
  margin: 21px 30px 0;
  width: auto;
  --search-icon-color: var(--solution-primary-color);
}
.expanded-linked-field-modal__scrollbar {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.expanded-linked-field-modal__scrollbar-body {
  width: 100%;
  height: 100% !important;
}
.expanded-linked-field-modal__scrollbar-body .ScrollbarsCustom-Wrapper {
  height: 100%;
  width: 100%;
}
.expanded-linked-field-modal__scrollbar-body .ScrollbarsCustom-Content {
  display: block !important;
}
.expanded-linked-field-modal .linked-record-card-list {
  max-height: calc(100vh - 272px);
  min-height: 300px;
}
.expanded-linked-field-modal .linked-record-card-list__scrollbar {
  min-height: 280px;
}
.expanded-linked-field-modal--expanded-display .linked-record-card-list {
  max-height: calc(100vh - 294px);
}
.linked-record-table-display.r-grid {
  overflow: hidden;
  width: auto;
  padding: 0 30px;
  --table-row-actions-right: 34px;
  margin-top: 11px;
  min-height: 322px;
  max-height: 81vh;
}
.linked-record-table-display.r-grid .grid-side::after {
  display: none;
}
.linked-record-table-display.r-grid .grid-side:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -30px;
  right: -30px;
  height: 32px;
  z-index: 1;
  pointer-events: none;
  background-color: var(--G-0, #FFFFFF);
}
.linked-record-table-display.r-grid .grid-side__rows:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 10px;
  right: 10px;
  border-bottom: 1px solid rgba(var(--solution-primary-color-rgb), 0.15);
}
.linked-record-table-display.r-grid .grid-side.is-scrolled-vertically:before {
  border-bottom: 1px solid var(--G-1, #F3F3F4);
}
.expanded-modal-header {
  height: 40px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  background-color: var(--G-0, #FFFFFF);
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
.expanded-modal-header:before {
  display: block;
  content: "";
  position: absolute;
  top: -1px;
  height: 1px;
  left: 0;
  right: 18px;
  background-color: var(--G-0, #FFFFFF);
}
.expanded-modal-header__icon {
  margin-top: 2px;
}
.expanded-modal-header__titles {
  position: relative;
  padding-left: 10px;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  margin-top: -9px;
  max-width: 95%;
}
.expanded-modal-header__titles:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: -1px;
  height: 36px;
  width: 1px;
  background-color: var(--G-4, #B2B2B3);
  opacity: 0.3;
}
.expanded-modal-header__title {
  margin-bottom: 2px;
  position: relative;
  max-width: 100%;
  padding-right: 5px;
}
.table-more-button {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 10px;
}
.table-more-button::before, .table-more-button::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: var(--table-more-button-line-color, var(--G-1-5, #E9E9E9));
}
.field-new-choice-message {
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
}
.field-new-choice-message__title {
  margin-bottom: 6px;
}
.pill-by-field {
  overflow: hidden;
  display: inline-flex;
  max-width: 100%;
}
.pill-by-field-status {
  padding: 3px 8px;
  border-radius: 6px;
}
.edit-record-other-option {
  margin-top: 8px;
}
.editable-option-description-panel {
  width: 400px;
}
.editable-option-description-panel__header {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.editable-option-description-panel__close {
  color: var(--G-4, #B2B2B3);
  display: flex;
}
.editable-option-description-panel__close:hover {
  color: var(--G-8, #4d4d4d);
}
.editable-option-description-panel__footer {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.editable-option-description-panel__delete {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px 0 6px;
  color: var(--G-4, #B2B2B3);
  height: 28px;
}
.editable-option-description-panel__delete:hover {
  color: var(--G-8, #4d4d4d);
}
.editable-option-description-panel__content {
  padding: 13px 15px;
}
.editable-option-description-panel__editor {
  min-height: 224px;
}
.editable-option-description-panel__editor .ProseMirror {
  padding: 12px 15px;
  height: 100%;
}
.editable-option-description-panel__editor .ProseMirror p {
  font-size: 13px;
}
.editable-option-description-panel-dropdown .dropdown-panel__arrow {
  right: -4px;
  left: auto;
}
.editable-option-tooltip-preview-icon {
  color: var(--G-4, #B2B2B3);
}
.editable-option-tooltip-preview-icon:hover {
  color: var(--G-8, #4d4d4d);
}
.editable-option-tooltip-preview {
  margin-left: 6px;
}
.editable-option-tooltip-preview__content {
  min-width: 150px;
  max-width: 370px;
  padding: 6px 5px;
}
.editable-option-tooltip-preview__title {
  margin-bottom: 2px;
}
.editable-option-tooltip-preview__description.ProseMirror {
  font-size: 13px;
  color: var(--G-0, #FFFFFF);
  line-height: 18px;
}
.editable-option-tooltip-preview__button {
  font-size: 13px;
  color: var(--G-0, #FFFFFF);
  margin-top: 8px;
  display: block;
  opacity: 0.5;
}
.ai-field-agent-edit-record-button {
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-8, #4d4d4d);
  transition: background-color 150ms ease-out;
}
.ai-field-agent-edit-record-button:hover, .ai-field-agent-edit-record-button.is-active {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.ai-field-agent-edit-record-button.is-error {
  background-color: #FCEFEF;
  color: #E05C5C;
}
.ai-field-agent-edit-record-panel {
  padding: 10px 15px 10px 10px;
  display: flex;
  min-width: 288px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.ai-field-agent-edit-record-panel__error-message {
  position: relative;
  padding-left: 12px;
  max-width: 400px;
}
.ai-field-agent-edit-record-panel__error-message:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 6px;
  height: 6px;
  background-color: #E05C5C;
  border-radius: 50%;
}
.field-agent-edited-by-label {
  display: flex;
  gap: 4px;
  align-items: center;
  overflow: hidden;
  flex-grow: 1;
}
.field-agent-edited-by-label__edited-by-ai {
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: calc(100% - 30px);
}
.field-agent-edited-by-label__member-avatar {
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
}
.field-agent-edited-by-label__member-name {
  display: block;
  margin-left: -2px;
}
.field-agent-edited-by-label__info-icon {
  cursor: pointer;
}
.ai-field-agent-edit-record-spinner {
  min-width: 24px;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-field-agent-edit-record-spinner__icon {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ai-field-agent-generating-message-loader {
  color: #4E2E79;
  display: flex;
  font-size: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 6px;
  z-index: 1;
  padding: 12px 15px 12px 29px;
}
.ai-field-agent-generating-message-loader:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background-color: #7A5AC8;
}
.ai-field-agent-generating-message-loader__generating-dots {
  display: inline-block;
  position: relative;
  width: 1.2em;
  text-align: left;
}
.ai-field-agent-generating-message-loader__generating-dots::after {
  content: "...";
  position: absolute;
  left: 0;
  animation: dots 1.5s infinite;
}
.ai-field-agent-generating-message-loader.is-regular-edit-record-field {
  padding: 9px 15px 12px 29px;
}
.ai-field-agent-generating-message-loader.is-regular-edit-record-field:before {
  top: 12px;
}
.ai-field-agent-generating-message-loader.is-out-of-group {
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}
.ai-field-agent-edit-record-message {
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 4px;
  transition: background-color 150ms ease-out;
}
.ai-field-agent-edit-record-message:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.field-agent-expanded-modal {
  background-color: var(--G-0-5, #FAFAFA);
  height: 57px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--G-2, #DEDEDE);
}
.field-agent-expanded-modal.is-draggable-expanded-modal {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.expanded-smartdoc-modal-header {
  min-height: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 30px;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.expanded-smartdoc-modal-header__icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
  border: 1px solid var(--G-1-5, #E9E9E9);
  align-items: center;
  justify-content: center;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 6px;
  position: relative;
}
.expanded-smartdoc-modal-header__close {
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--G-1, #F3F3F4);
  color: var(--G-5, #9B9C9E);
  margin-left: auto;
}
.expanded-smartdoc-modal-header__close:hover {
  color: var(--G-8, #4d4d4d);
}
.expanded-smartdoc-modal-header__field-agent-edited-by-label {
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
.expanded-smartdoc-modal-header__field-agent-edited-by-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 6px;
  background-image: linear-gradient(90deg, rgba(85, 138, 224, 0.16) 0%, rgba(134, 99, 181, 0.16) 100%);
}
.expanded-smartdoc-modal-header__field-agent-edited-by-label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  z-index: -1;
  background-image: linear-gradient(90deg, rgba(238, 243, 252, 0.5) 0%, rgba(243, 239, 248, 0.5) 100%);
  border-radius: 6px;
}
.expanded-smartdoc-modal-header.is-field-agent-enabled .expanded-smartdoc-modal-header__icon:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 6px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #EDB740;
  border: 2px solid var(--G-0, #FFFFFF);
}
.field-outlet-error-boundary {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.field-display-format-preview-outlet {
  padding: 24px 15px 12px 15px;
  background-color: #fbfcfc;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 100%);
}
.field-display-format-preview-outlet__group {
  margin-bottom: 0;
}
.field-display-format-preview-outlet__preview {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 51px;
  padding: 0 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.066);
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  font-size: 14px;
  text-align: center;
}
.map-not-available-modal {
  border-radius: 8px;
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
  border: 1px solid rgba(15, 15, 15, 0.05);
}
.map-not-available-modal__content {
  padding: 20px;
  text-align: center;
}
.map-not-available-modal__title {
  margin-bottom: 6px;
}
.plan-limit-records-modal__title {
  margin: 0 auto 12px;
  max-width: 400px;
}
.plan-limit-records-modal__button {
  margin: 24px auto 0;
}
.plan-limit-records-modal__message {
  width: 100%;
  max-width: 410px;
  margin: 0 auto;
}
.plan-limit-records-modal__members {
  margin: 5px -2px -2px -2px;
  padding: 0;
  --avatar-list-wrapped-size: 32px;
  --avatar-list-wrapped-border-width: 0px;
  --avatar-list-wrapped-margin: 2px;
}
.view-panel {
  z-index: 5;
  position: absolute;
  top: 84px;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  min-width: 400px;
  max-width: 400px;
  border-radius: 12px 0 0 0;
  transform: translateX(var(--view-settings-panel-translate, 100%));
  transition: transform 200ms ease-out;
}
.view-panel::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: -2px;
  right: 0;
  bottom: 0;
  width: 12px;
  background-color: var(--solution-secondary-color);
}
.view-panel::after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 12px 0 0 0;
}
.view-panel__help {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  color: var(--G-3, #C7C8C9);
}
.view-panel__help:hover {
  color: var(--ic-dark, #2D2D2D);
}
.view-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 0 9px 0 30px;
}
.view-panel__title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.view-panel__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.view-panel__close {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  min-width: 24px;
  width: 24px;
  color: var(--G-5, #9B9C9E);
}
.view-panel__close:hover {
  color: var(--G-8, #4d4d4d);
}
.view-panel__body {
  overflow: hidden;
  flex-grow: 1;
}
.view-panel__scrollbar {
  width: 100%;
  height: 100%;
}
.view-panel__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  border-top: 1px solid var(--G-1, #F3F3F4);
  padding: 0 80px 0 15px;
}
.logo-setup {
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.logo-setup__hint {
  display: block;
  margin-top: -19px;
}
.logo-setup__size {
  margin-top: 28px;
  display: block;
  margin-bottom: 12px;
}
.logo-setup__size-control {
  padding: 0;
  height: 2px;
}
.logo-setup__size-control .rc-slider-handle {
  width: 16px;
  height: 16px;
  border: 2px solid var(--G-0, #FFFFFF);
  background-color: var(--solution-primary-color);
}
.logo-setup__size-control .rc-slider-track {
  background-color: var(--solution-primary-color);
}
.logo-setup__size-control.rc-slider-disabled .rc-slider-handle {
  display: none;
}
.logo-canvas {
  border-radius: 3px;
  min-height: 70px;
  padding: 10px 0;
  width: 100%;
  margin-top: 23px;
  border: 1px dashed var(--G-2, #DEDEDE);
  border-radius: 5px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: border-color 150ms ease-out;
}
.logo-canvas:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  z-index: -1;
  border-radius: 3px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 150ms ease-out , background-color 150ms ease-out;
}
.logo-canvas img {
  max-height: 100%;
}
.logo-canvas__update {
  background-color: var(--G-8, #4d4d4d);
  padding: 3px 6px;
  border-radius: 6px;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 150ms ease-out;
}
.logo-canvas__wrapper {
  max-height: 50px;
  max-width: 300px;
  font-size: 0;
}
.logo-canvas.is-uploaded:hover {
  border-color: transparent;
}
.logo-canvas.is-uploaded:hover:before {
  background-color: var(--G-0-5, #FAFAFA);
}
.logo-canvas__remove {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  color: var(--G-5, #9B9C9E);
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.logo-canvas__remove:hover {
  color: var(--G-8, #4d4d4d);
}
.logo-canvas:hover {
  border-color: var(--solution-primary-color);
}
.logo-canvas:hover:before {
  background-color: var(--solution-secondary-color);
  opacity: 0.5;
  transition: opacity 200ms ease-in , background-color 200ms ease-in;
}
.logo-canvas:hover .logo-canvas__remove,
.logo-canvas:hover .logo-canvas__update {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.logo-canvas:hover .logo-canvas__text {
  color: var(--typo-primary, #2E3538);
}
.view-settings-tabs {
  height: 38px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding-left: 30px;
  padding-right: 30px;
}
.tabs-position {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 18px;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
}
.tabs-position__items {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 2px;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
}
.tabs-position__item {
  color: var(--ic-dark, #2D2D2D);
  opacity: 0.4;
  border: 1px solid transparent;
  width: 52px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background-color: transparent;
  transition: opacity 150ms ease-out , background-color 150ms ease-out;
}
.tabs-position__item.is-active {
  opacity: 1;
  background-color: var(--G-0, #FFFFFF);
  border-color: var(--G-1-5, #E9E9E9);
  transition: opacity 200ms ease-in , background-color 200ms ease-in;
}
.tabs-position__tooltip {
  height: 100%;
}
.tabs-position__tooltip .tooltip__outside {
  height: 100%;
}
.tabs-list {
  padding-top: 35px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
}
.tabs-list__button {
  margin-top: 8px;
}
.tabs-list__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.view-tabs-setup {
  padding-left: 30px;
  padding-right: 30px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.action-button-setup {
  padding-left: 30px;
  padding-right: 30px;
}
.action-grouped-item {
  padding: 10px 15px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  position: relative;
}
.action-grouped-item:not(:last-child) {
  margin-bottom: 10px;
}
.action-grouped-item__header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-right: 30px;
}
.action-grouped-item__label {
  border-bottom: 1px dashed transparent;
}
.action-grouped-item__input {
  border-bottom: 1px dashed var(--G-4, #B2B2B3);
  font-size: 13px;
  line-height: 18px;
}
.action-grouped-item__input br {
  display: none;
}
.action-grouped-item__delete {
  position: absolute;
  top: 10px;
  right: 15px;
  display: flex;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.action-grouped-item__delete-button {
  color: var(--G-4, #B2B2B3);
  cursor: pointer;
}
.action-grouped-item__delete-button:hover {
  color: var(--G-8, #4d4d4d);
}
.action-grouped-item:hover .action-grouped-item__delete {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.action-grouped-item:hover .action-grouped-item__label {
  border-bottom: 1px dashed var(--G-4, #B2B2B3);
}
.action-grouped-item.is-error .action-grouped-item__input {
  border-color: #FF5757;
}
.action-grouped-item.is-focused:not(.is-error) .action-grouped-item__input {
  border-color: var(--solution-primary-color);
  border-style: solid;
}
.action-grouped-item-add-button {
  height: 38px;
  background-color: var(--G-0-5, #FAFAFA);
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tertiary, #6B6B6B);
  font-size: 13px;
  font-weight: 500;
  margin-top: 20px;
  gap: 4px;
  width: 100%;
  transition: color 150ms ease-out;
}
.action-grouped-item-add-button__icon {
  color: var(--G-7, #6F7173);
}
.action-grouped-item-add-button:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.action-grouped-item-add-button:hover .action-grouped-item-add-button__icon {
  color: var(--ic-dark, #2D2D2D);
}
.action-grouped-item-add-button.is-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.action-grouped-item-add-button-tooltip {
  width: 100%;
}
.text-color-setup {
  padding-top: 28px;
  border-top: 1px dashed var(--G-2, #DEDEDE);
  margin-top: 25px;
}
.view-main-setup {
  padding: 28px 30px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.view-main-setup__type {
  display: flex;
  gap: 10px;
  padding: 0 10px;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
}
.view-appearance {
  padding-left: 30px;
  padding-right: 30px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.view-appearance-description__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.view-appearance-description__control {
  min-height: 130px;
}
.view-appearance-description__textarea {
  margin-bottom: 7px;
}
.dashboard-view-settings-toggle {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 25px 30px;
}
.dashboard-view-settings-toggle__switch {
  padding: 0 2px;
}
.footer-layout-view {
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding-left: 30px;
  padding-right: 30px;
}
.footer-layout-view__list {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-tagline-setup {
  padding-left: 30px;
  padding-right: 30px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.footer-social-network-setup {
  padding-left: 30px;
  padding-right: 30px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.social-button-edit-panel {
  display: flex;
  flex-direction: column;
  gap: 8px;
  --checkmark-option-gutter: 0;
  --checkmark-option-height: 34px;
}
.footer-social-option {
  --select-option-margin-bottom: 4px;
  --checkmark-option-height: 28px;
}
.footer-social-option-selected {
  --checkmark-option-color: var(--typo-primary, #2E3538);
}
.social-phone-input {
  padding: 0 15px;
}
.social-button-option {
  display: flex;
  align-items: center;
  gap: 7px;
}
.social-network-option {
  margin-bottom: 2px;
}
.dashboard-footer-editor {
  margin-bottom: 20px;
}
.dashboard-footer-editor__editor {
  min-height: 130px;
}
.dashboard-footer-editor__editor .ProseMirror {
  padding: 12px;
  width: 100%;
  min-height: 99px;
}
.dashboard-footer-editor__editor .ProseMirror p {
  font-size: 12px;
  line-height: 18px;
}
.dashboard-footer-editor-text {
  display: block;
  margin-bottom: 8px;
}
.view-settings-style-content {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 25px 30px 0 30px;
}
.view-settings-style-content__title {
  margin-bottom: 20px;
}
.view-settings-field-wrapper {
  margin-bottom: 20px;
}
.view-settings-field-wrapper__title {
  margin-bottom: 8px;
}
.page-style-width {
  display: flex;
  align-items: center;
  gap: 10px;
}
.page-style-width__caption {
  margin-top: -5px;
  line-height: 18px;
}
.background-setup {
  padding-left: 30px;
  padding-right: 30px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.dashboard-tabs-panel {
  z-index: 3;
  position: relative;
  width: 100%;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  flex-shrink: 0;
}
.dashboard-tabs-panel--standard .dashboard-tabs-panel__wrap {
  max-width: calc(90% + 100px);
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .dashboard-tabs-panel--standard .dashboard-tabs-panel__wrap {
    max-width: calc(85% + 100px);
  }
}
@media (min-width: 1440px) and (max-width: 1545px) {
  .dashboard-tabs-panel--standard .dashboard-tabs-panel__wrap {
    max-width: calc(85% + 100px);
  }
}
@media (min-width: 1546px) and (max-width: 1919px) {
  .dashboard-tabs-panel--standard .dashboard-tabs-panel__wrap {
    max-width: calc(80% + 100px);
  }
}
@media (min-width: 1920px) and (max-width: 2559px) {
  .dashboard-tabs-panel--standard .dashboard-tabs-panel__wrap {
    max-width: calc(80% + 100px);
  }
}
@media (min-width: 2560px) {
  .dashboard-tabs-panel--standard .dashboard-tabs-panel__wrap {
    max-width: calc(75% + 100px);
  }
}
.dashboard-tabs-panel--compact .dashboard-tabs-panel__wrap {
  max-width: 1260px;
}
.dashboard-tabs-panel__logo-img {
  max-width: 200px;
}
.dashboard-tabs-panel.is-left .dashboard-tabs-panel__wrap {
  justify-content: flex-start;
}
.dashboard-tabs-panel.is-left .dashboard-tabs-panel__logo {
  margin-right: 0;
}
.dashboard-tabs-panel.is-left .dashboard-tabs-panel__buttons {
  margin-left: auto;
}
.dashboard-tabs-panel.is-left.is-logo.is-action-buttons .dashboard-tabs-panel__buttons {
  margin-left: auto;
}
.dashboard-tabs-panel.is-centered .dashboard-tabs-panel__wrap {
  justify-content: center;
}
.dashboard-tabs-panel.is-centered .dashboard-tabs-panel__logo,
.dashboard-tabs-panel.is-centered .dashboard-tabs-panel__buttons {
  flex: 0 0 auto;
}
.dashboard-tabs-panel.is-centered .dashboard-tabs-panel__center {
  margin: 0 auto;
}
.dashboard-tabs-panel.is-centered.is-can-centered .dashboard-tabs-panel__center {
  position: absolute;
  margin: 0 auto;
}
.dashboard-tabs-panel.is-centered.is-can-centered .dashboard-tabs-panel__buttons {
  margin-left: auto;
}
.dashboard-tabs-panel.is-right .dashboard-tabs-panel__wrap {
  justify-content: flex-end;
}
.dashboard-tabs-panel.is-right .dashboard-tabs-panel__center {
  margin-left: auto;
}
.dashboard-tabs-panel.is-logo .dashboard-tabs-panel__wrap {
  padding-left: 50px;
}
.dashboard-tabs-panel.is-logo .dashboard-tabs-panel__center {
  padding-left: 30px;
}
.dashboard-tabs-panel.is-logo.is-action-buttons .dashboard-tabs-panel__buttons {
  margin-left: 30px;
}
.dashboard-tabs-panel.is-action-buttons .dashboard-tabs-panel__buttons {
  padding-left: 30px;
}
.dashboard-tabs-panel.is-right-visible-arrow.is-action-buttons .dashboard-tabs-panel__center:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 0;
  width: 1px;
  height: 30px;
  background-color: var(--G-2, #DEDEDE);
}
.dashboard-tabs-panel.is-left-visible-arrow.is-logo .dashboard-tabs-panel__center:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 0;
  width: 1px;
  height: 30px;
  background-color: var(--G-2, #DEDEDE);
}
.dashboard-tabs-panel.can-manage:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease-out;
}
.dashboard-tabs-panel.can-manage:hover:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.dashboard-tabs-panel.can-manage:hover .dashboard-tabs-panel__edit-button {
  opacity: 1;
  pointer-events: all;
  transition: opacity 200ms ease-in;
}
.dashboard-tabs-panel__wrap {
  display: flex;
  align-items: center;
  min-height: 70px;
  margin: 0 auto;
  padding: 10px 50px 10px 20px;
}
.dashboard-tabs-panel__items {
  --basic-tab-small-paddings: 10px;
  gap: 7px;
  --basic-tabs-slider-small-bottom: 0px;
}
.dashboard-tabs-panel__items .r-basic-tab {
  color: var(--typo-primary, #2E3538);
  opacity: 0.8;
  height: 28px;
  background-color: transparent;
  white-space: nowrap;
  margin-right: 0;
  border-radius: 8px;
  transition: opacity 150ms ease-out , background-color 150ms ease-out;
}
.dashboard-tabs-panel__items .r-basic-tab.is-active {
  opacity: 0.9;
}
.dashboard-tabs-panel__items .r-basic-tab:not(.is-active):hover {
  opacity: 1;
  background-color: var(--solution-secondary-color);
  transition: opacity 200ms ease-in , background-color 200ms ease-in;
}
.dashboard-tabs-panel__logo {
  padding-right: 30px;
  display: flex;
  align-items: center;
  position: relative;
  margin-right: auto;
  justify-content: center;
}
.dashboard-tabs-panel__logo img {
  max-height: 100%;
  height: auto;
}
.dashboard-tabs-panel__center {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
  max-width: 100%;
}
.dashboard-tabs-panel__tabs {
  overflow: hidden;
  display: flex;
  align-items: center;
}
.dashboard-tabs-panel__tabs-wrapper {
  transition: transform 200ms ease;
}
.dashboard-tabs-panel__arrow {
  background-color: transparent;
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  transition: background-color 150ms ease-out;
}
.dashboard-tabs-panel__arrow:hover {
  background-color: var(--G-1-5, #E9E9E9);
  transition: background-color 200ms ease-in;
}
.dashboard-tabs-panel__arrow--left {
  transform: rotate(90deg);
  left: 4px;
}
.dashboard-tabs-panel__arrow--right {
  right: 4px;
  transform: rotate(-90deg);
}
.dashboard-tabs-panel__edit-button {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease-out;
}
.dashboard-tabs-panel__buttons {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-left: 30px;
}
.dashboard-tabs-panel__tooltip-doc {
  padding: 6px 5px 10px 5px;
}
.dashboard-tabs-panel__tooltip-doc .ProseMirror {
  font-size: 13px;
  color: var(--G-0, #FFFFFF);
}
.dashboard-tabs-panel__tooltip-doc .ProseMirror p:last-of-type {
  margin-bottom: 0;
}
.panel-action-button {
  white-space: nowrap;
}
.panel-action-button.with-icon:not(.is-icon-only) .r-button__content {
  padding-left: 21px;
}
.panel-action-button:not(.is-icon-only) .panel-action-button__icon {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  margin-left: -25px;
}
.panel-action-button__icon {
  min-width: var(--icon-dimension, 20px);
  height: var(--icon-dimension, 20px);
  width: var(--icon-dimension, 20px);
  font-size: var(--icon-size, 16px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.panel-action-button__sub-label {
  display: block;
  margin-top: 3px;
  white-space: normal;
}
.panel-action-button.is-white-background {
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
  border: 1px solid var(--G-2, #DEDEDE);
  background-color: var(--G-0, #FFFFFF) !important;
  --text-color: var(--typo-primary, #2E3538) !important;
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.panel-action-button.is-white-background:hover {
  border-color: var(--G-6, #868788);
  background-color: var(--G-0, #FFFFFF) !important;
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.panel-action-button.is-card.is-new-style-button {
  --icon-dimension: 40px;
  --icon-size: 40px;
  padding: 12px 20px;
}
.panel-action-button.is-card.is-new-style-button.r-button .r-button__content {
  display: block;
  padding-left: 0;
  font-size: 14px;
  font-weight: 500;
}
.panel-action-button.is-card.is-new-style-button:not(.is-icon-only) .panel-action-button__icon {
  position: static;
  margin-top: 0;
  margin-left: 0;
  margin: 0 auto 8px;
}
.panel-action-button.is-card.is-new-style-button .panel-action-button__icon {
  font-variation-settings: "FILL" 0, "GRAD" 0, "wght" 300;
  font-size: 40px;
}
.panel-action-button.is-card.is-new-style-button.is-washed-color:not(.is-border-style) {
  background-color: var(--background) !important;
}
.panel-action-button.is-card.is-new-style-button.is-washed-color:not(.is-border-style):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background-hover);
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease-out;
  border-radius: 8px;
}
.panel-action-button.is-card.is-new-style-button.is-washed-color:not(.is-border-style):hover:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.panel-action-button.is-new-style-button.is-icon-dark .panel-action-button__icon {
  color: var(--ic-dark, #2D2D2D);
}
.panel-action-button.is-new-style-button .panel-action-button__icon {
  font-size: 20px;
  font-variation-settings: "FILL" 0, "GRAD" 0, "wght" 400;
}
.panel-action-button.is-new-style-button:not(.is-icon-only) .panel-action-button__icon {
  margin-left: -27px;
}
.panel-action-button.is-new-style-button.is-border-style .panel-action-button__icon {
  color: var(--icon-color);
  transition: color 150ms ease-out;
}
.panel-action-button.is-new-style-button.is-border-style:hover .panel-action-button__icon {
  color: var(--icon-hover-color);
  transition: color 200ms ease-in;
}
.r-grid {
  --grid-height: 0px;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  overflow: hidden;
}
.r-grid.is-scrolling .grid-scrolling-overlay {
  z-index: 7;
}
.r-grid {
  --grid-height: 0px;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  overflow: hidden;
}
.r-grid.is-scrolling .grid-scrolling-overlay {
  z-index: 7;
}
.grid-side {
  padding-bottom: 34px;
  position: relative;
}
.grid-side__head {
  display: flex;
  position: relative;
  height: 33px;
  z-index: 3;
}
.grid-side__rows {
  position: relative;
  min-width: 100%;
}
.grid-side__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  z-index: 4;
  height: 34px;
  background-color: var(--G-0, #FFFFFF);
}
.grid-side--right {
  flex-grow: 1;
  overflow: hidden;
}
.grid-side--right .grid-side__group:before {
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.grid-side--left {
  flex: 0 0 auto;
}
.grid-side--left .grid-side__group:before {
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  border-left: 1px solid var(--G-1-5, #E9E9E9);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 7px 0 0 7px;
  clip-path: inset(-6px 0 -10px -6px);
}
.grid-side--left .grid-side__head {
  justify-content: flex-end;
}
.grid-side--groups::after, .grid-side.is-scrolled-vertically::after {
  content: "";
  position: absolute;
  top: 32px;
  left: -20px;
  right: 0;
  border-bottom: 1px solid var(--grid-side-header-border-bottom-color, var(--G-1-5, #E9E9E9));
  pointer-events: none;
  z-index: 3;
}
.grid-side--modal-subitems-field {
  padding-bottom: 40px;
}
.grid-side--modal-subitems-field:after {
  display: none;
}
.grid-side--modal-subitems-field .grid-side__footer {
  height: 40px;
}
.grid-side--modal-subitems-field .grid-side__head {
  background-color: var(--G-0, #FFFFFF);
  min-width: 100%;
}
.r-grid-head-cell {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  cursor: grab;
  -webkit-user-select: none;
          user-select: none;
}
.r-grid-head-cell__tooltip {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  right: -1px;
  z-index: 1;
}
.r-grid-head-cell__resizer {
  cursor: col-resize;
}
.r-grid-head-cell__resizer:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  right: -5px;
}
.r-grid-head-cell__resizer:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  right: -1px;
  background-color: var(--solution-primary-color);
  border-radius: 10px;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.r-grid-head-cell--self-resize-hover .r-grid-head-cell__resizer:hover:after {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.r-grid-head-cell--global-resize-hover:hover .r-grid-head-cell__resizer:after {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.r-grid-head-cell.is-resizing {
  cursor: move;
}
.r-grid-head-cell.is-resizing .r-grid-head-cell__menu {
  pointer-events: none;
}
.r-grid-head-cell.is-resizing .r-grid-head-cell__resizer {
  pointer-events: all;
}
.r-grid-head-cell.is-resizing .r-grid-head-cell__resizer:after {
  opacity: 1;
}
.r-grid-head-cell.is-resizing ~ .r-grid-head-cell {
  pointer-events: none;
}
.r-grid-head-cell.is-dragging {
  cursor: grabbing;
}
.r-grid-head-cell.is-dragging .r-grid-head-cell__resizer {
  opacity: 0;
}
.r-grid-head-cell.is-dragging::after {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  right: -1px;
  height: var(--grid-height);
  border-top: 2px solid #c1c1c2;
  border-left: 2px solid #c1c1c2;
  border-right: 2px solid #c1c1c2;
  pointer-events: none;
}
.r-grid-head-cell.is-droparea-visibled {
  color: var(--G-3, #C7C8C9);
  cursor: grabbing;
}
.r-grid-head-cell.is-droparea-visibled:hover {
  background-color: transparent;
}
.r-grid-head-cell.is-droparea-visibled:hover .r-grid-head-cell__icon {
  color: inherit;
}
.r-grid-head-cell.is-droparea-visibled .r-grid-head-cell__resizer,
.r-grid-head-cell.is-droparea-visibled .r-grid-head-cell__menu {
  opacity: 0;
  visibility: hidden;
}
.r-grid-cell {
  position: relative;
}
.r-grid-cell .components-wrapper .display-field-outlet {
  height: 100%;
}
.r-grid-cell--default {
  border-right: 1px solid #dde1e3;
  padding: 0 16px;
}
.r-grid-cell:hover:before, .r-grid-cell.is-selected:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  pointer-events: none;
}
.r-grid-cell:hover .r-grid-cell__lock, .r-grid-cell.is-selected .r-grid-cell__lock {
  display: flex;
}
.r-grid-cell:hover:before {
  z-index: 1;
  border: 1px solid #a7a7a7;
}
.r-grid-cell.is-selected {
  background-color: var(--G-0, #FFFFFF);
  z-index: 2;
}
.r-grid-cell.is-selected:before {
  border: 1px solid var(--solution-primary-color);
}
.r-grid-cell.is-active {
  background-color: #FFF2DC;
}
.r-grid-row {
  position: absolute;
  display: flex;
}
.r-grid-row--size-s {
  height: 41px;
}
.r-grid-row--size-m {
  height: 73px;
}
.r-grid-row--size-l {
  height: 106px;
}
.r-grid-row--size-xl {
  height: 139px;
}
.r-grid-row:first-child ss-grid-expand-arrow-wrapper {
  top: 1px;
  right: 1px;
}
.r-grid-row:first-child .grid-cell-field.is-inline-edit.grid-cell-field--type-userfield, .r-grid-row:first-child .grid-cell-field.is-inline-edit.grid-cell-field--type-linkfield, .r-grid-row:first-child .grid-cell-field.is-inline-edit.grid-cell-field--type-ipaddressfield, .r-grid-row:first-child .grid-cell-field.is-inline-edit.grid-cell-field--type-linkedrecordfield, .r-grid-row:first-child .grid-cell-field.is-inline-edit.grid-cell-field--type-phonefield, .r-grid-row:first-child .grid-cell-field.is-inline-edit.grid-cell-field--type-multipleselectfield, .r-grid-row:first-child .grid-cell-field.is-inline-edit.grid-cell-field--type-tagsfield, .r-grid-row:first-child .grid-cell-field.is-inline-edit.grid-cell-field--type-filefield, .r-grid-row:first-child .grid-cell-field.is-inline-edit.grid-cell-field--type-colorpickerfield {
  top: 0;
  transform: translateY(0);
}
.r-grid-row--fake-records {
  min-width: 100%;
}
.r-grid-row-preview {
  position: relative;
}
.r-grid-row.is-hidden {
  visibility: hidden;
}
.grid-row-add {
  height: 40px;
}
.r-grid-footer {
  display: flex;
  background-color: var(--G-0, #FFFFFF);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: 32px;
}
.r-grid-footer-cell {
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  align-items: flex-end;
}
.r-grid-footer-cell--subitems-field {
  padding-left: 16px;
  align-items: center;
}
.r-grid-footer-cell--subitems-field:first-child {
  padding-left: 10px;
}
.r-grid-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
}
.r-grid-divider.is-dragging {
  z-index: 3;
}
.r-grid-divider.is-dragging .r-grid-divider__line-overlay,
.r-grid-divider.is-dragging .r-grid-divider__line-slider {
  pointer-events: none;
}
.r-grid-divider.is-dragging .r-grid-divider__line-slider:before {
  content: "";
  position: absolute;
  top: -40px;
  left: -40px;
  right: -40px;
  bottom: -40px;
  z-index: 1;
}
.r-grid-divider:hover .r-grid-divider__line-overlay,
.r-grid-divider:hover .r-grid-divider__line-slider, .r-grid-divider.is-dragging .r-grid-divider__line-overlay,
.r-grid-divider.is-dragging .r-grid-divider__line-slider {
  display: block;
}
.r-grid-divider__line {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  z-index: 1;
  opacity: 0;
}
.r-grid-divider__line:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 9px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.r-grid-divider__line-slider {
  position: absolute;
  left: -3px;
  right: -3px;
  background-color: var(--solution-primary-color);
  border-radius: 4px;
  height: 40px;
  display: none;
  z-index: 1;
  cursor: col-resize;
}
.r-grid-divider__line-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: var(--solution-primary-color);
  z-index: 1;
  display: none;
}
.r-grid-divider__line-tooltip {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 15px);
  background-color: #2d2d2d;
  border-radius: 5px;
  padding: 6px 8px;
  min-width: 175px;
  min-height: 41px;
  text-align: right;
  pointer-events: none;
}
.r-grid-divider__line-tooltip:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 6px solid #2d2d2d;
  border-bottom: 5px solid transparent;
}
.r-grid-divider__line.is-shadow-visibled {
  opacity: 1;
}
.r-grid-divider__line.is-shadow-visibled:after {
  opacity: 1;
  left: 0;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.r-grid-divider__head {
  opacity: 1;
  background-color: var(--grid-divider-head-background, var(--G-3, #C7C8C9));
}
.r-grid-divider:hover .r-grid-divider__line, .r-grid-divider.is-dragging .r-grid-divider__line {
  opacity: 1;
}
.r-grid-column-drop-placeholder {
  position: absolute;
  pointer-events: none;
  left: -1px;
  top: 0;
  width: 3px;
  bottom: 0;
  z-index: 7;
  background-color: var(--solution-primary-color);
}
.r-grid-column-drag-preview {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  z-index: 5;
  height: var(--grid-column-drag-preview-height, 100%);
  background-color: rgba(192, 192, 192, 0.2);
}
.r-grid-divider-drop-placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 4;
  width: 7px;
  margin-left: -4px;
  overflow: hidden;
}
.r-grid-divider-drop-line {
  position: absolute;
  pointer-events: none;
  top: 0;
  width: 7px;
  border-right: 1px dashed var(--solution-primary-color);
  border-left: 1px dashed var(--solution-primary-color);
  z-index: 1;
}
.grid-scrolling-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.grid-compact {
  overflow: visible;
  position: relative;
  height: auto;
  max-height: 100%;
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 5px;
}
.grid-compact .grid-side {
  padding-bottom: 0;
}
.grid-compact .grid-side.is-scrolled-vertically::after {
  left: 0;
}
.grid-compact .grid-side--groups:after {
  left: 0;
}
.grid-compact .grid-side--right {
  border-radius: 0 4px 4px 0;
}
.grid-compact .grid-side--left {
  overflow: hidden;
  border-radius: 4px 0 0 4px;
}
.grid-compact .grid-scroll-controller .ScrollbarsCustom-TrackY {
  transform: translate(18px, 0);
}
.grid-compact-row {
  min-height: 32px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.grid-compact-cell {
  overflow: hidden;
  border-right: 1px solid #DDE1E3;
}
.grid-compact-head-cell {
  background-color: var(--G-1, #F3F3F4);
  padding: 0 16px;
  align-items: center;
}
.grid-compact-head-cell__menu.grid-action-menu {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  color: var(--ic-dark, #2D2D2D);
}
.grid-compact-head-cell.is-active .grid-compact-head-cell__menu.grid-action-menu, .grid-compact-head-cell:hover .grid-compact-head-cell__menu.grid-action-menu {
  opacity: 1;
}
.grid-compact-cell {
  overflow: hidden;
  border-right: 1px solid #DDE1E3;
}
.grid-compact-divider__line:before {
  display: none;
}
.grid-action-menu__option {
  min-width: 180px;
}
.favorites-panel {
  height: 100%;
}
.favorites-panel__scrollbar {
  height: 100%;
}
.favorites-panel__scrollbar .scrollbar {
  height: 100%;
}
.favorites-panel__scrollbar .trackYVisible .ScrollbarsCustom-Content {
  padding-right: 9px !important;
}
.favorites-panel__scrollbar .trackYVisible .ScrollbarsCustom-Content div {
  position: relative;
}
.favorites-panel__hr {
  margin: 7px 0 5px;
  border-bottom: 1px solid #E9E9E9;
  border-top: 0;
}
.pin-option {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 6px 10px 6px 7px;
  margin: 0 5px;
  width: calc(100% - 10px);
  border-radius: 5px;
  cursor: pointer;
}
.pin-option:hover {
  background-color: var(--G-1, #F3F3F4);
}
.pin-option:hover .pin-option__pin {
  visibility: visible;
  opacity: 1;
}
.pin-option:hover .pin-option__star {
  visibility: visible;
  opacity: 1;
}
.pin-option__pin {
  cursor: pointer;
  margin-right: 5px;
  visibility: hidden;
  opacity: 0;
  height: 16px;
}
.pin-option__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 26px;
  margin-right: 14px;
  border-radius: 4px;
}
.pin-option__body {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  width: calc(100% - 100px);
}
.pin-option__heading {
  max-width: 100%;
  margin-right: 15px;
}
.pin-option__comment {
  position: relative;
  max-width: 100%;
  padding-left: 15px;
}
.pin-option__comment::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: var(--G-1-5, #E9E9E9);
}
.pin-option__star {
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  margin-left: 10px;
}
.pin-option--pinned .pin-option__pin {
  visibility: visible;
  opacity: 1;
  color: var(--solution-primary-color);
}
.pin-option--pinned .pin-option__pin:hover {
  color: var(--solution-hover-color);
}
.pin-option--pinned + .pin-option--starred {
  margin-top: 13px;
}
.pin-option--pinned + .pin-option--starred::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  height: 1px;
  background-color: #E9E9E9;
}
.pin-option--pinned + .pin-option--starred ~ .pin-option--starred {
  margin-top: 13px;
}
.pin-option--starred .pin-option__pin {
  color: rgba(45, 45, 45, 0.45);
}
.pin-option--starred .pin-option__pin:hover {
  color: rgba(45, 45, 45, 0.65);
}
.pin-option--record .pin-option__icon {
  color: #FFB938;
}
.empty-favorites {
  height: calc(100% - 260px);
  animation: fadeIn 0.5s ease-in forwards;
}
.empty-favorites:first-child {
  height: 100%;
}
.empty-favorites-img {
  margin-bottom: 16px;
}
.empty-favorites-title {
  margin-bottom: 4px;
  font-weight: 600;
}
.empty-favorites-description {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 14px;
  color: var(--tertiary, #6B6B6B);
  padding: 0 10px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.favorites-banner {
  margin: 10px;
  flex-direction: column;
  flex-wrap: nowrap;
  position: relative;
  padding: 30px;
  min-height: auto;
}
.favorites-banner__content {
  width: auto;
  padding-right: 130px;
  margin-bottom: 24px;
}
.favorites-banner__title {
  margin-bottom: 6px;
}
.favorites-banner__desc {
  padding-right: 19px;
}
.favorites-banner__img {
  position: absolute;
  bottom: -2px;
  right: 0px;
  width: 159px;
}
.favorites-banner__button {
  justify-content: start;
  margin-top: 0px;
}
.notifications-panel-item {
  width: 100%;
  cursor: pointer;
}
.notifications-panel-item:last-child .notifications-panel-item__inner {
  margin-bottom: 0;
}
.notifications-panel-item__inner {
  width: 100%;
  padding-bottom: 1px;
  display: flex;
  position: relative;
  padding: 13px 50px 9px 14px;
  margin-bottom: 1px;
  border-radius: 5px;
}
.notifications-panel-item__inner:hover {
  background-color: var(--G-1, #F3F3F4);
}
.notifications-panel-item__inner:hover .notifications-panel-item__select,
.notifications-panel-item__inner:hover .notifications-panel-item__checkbox,
.notifications-panel-item__inner:hover .notifications-panel-item__delete {
  opacity: 1;
  visibility: visible;
}
.notifications-panel-item__inner:hover .notifications-panel-item__text-wrap {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.notifications-panel-item__inner:hover .notifications-panel-item__icon {
  opacity: 0;
  visibility: hidden;
}
.notifications-panel-item__icon {
  height: 26px;
  padding: 3px;
  margin-right: 18px;
}
.notifications-panel-item__select {
  z-index: 5;
  opacity: 0;
  position: absolute;
  top: 16px;
  left: 17px;
  visibility: hidden;
}
.notifications-panel-item__desc {
  width: 100%;
}
.notifications-panel-item__text-wrap {
  color: var(--solution-primary-color);
  transition: color 150ms ease-out;
}
.notifications-panel-item__paragraph {
  word-break: break-word;
}
.notifications-panel-item__paragraph:not(:last-child) {
  margin-right: 4px;
}
.notifications-panel-item__fields {
  text-transform: uppercase;
}
.notifications-panel-item__details {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.notifications-panel-item__reply {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 100%;
  padding-left: 10px;
  margin-left: 10px;
}
.notifications-panel-item__reply::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: var(--G-1-5, #E9E9E9);
}
.notifications-panel-item__reply-icon {
  height: 16px;
  margin-right: 5px;
}
.notifications-panel-item__delete {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 10px;
  right: 25px;
  display: flex;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--G-4, #B2B2B3);
}
.notifications-panel-item__delete:hover {
  color: #FF5757;
}
.notifications-panel-item__checkbox {
  position: absolute !important;
  top: 14px;
  right: 7px;
  display: flex;
}
.notifications-panel-item--read .notifications-panel-item__checkbox {
  opacity: 0;
  visibility: hidden;
}
.notifications-panel-item--view-member .notifications-panel-item__icon {
  padding: 0;
  fill: #FFB938;
}
.notifications-panel-item--view-member.is-home-page-styles.is-icon-name-notification .notifications-panel-item__icon {
  background-color: #FFB938;
}
.notifications-panel-item--view-access .notifications-panel-item__icon {
  height: 24px;
  background-color: #FF5757;
  border-radius: 4px;
}
.notifications-panel-item--selected .notifications-panel-item__icon {
  opacity: 0;
  visibility: hidden;
}
.notifications-panel-item--selected .notifications-panel-item__select {
  opacity: 1;
  visibility: visible;
}
.notifications-panel-item--circle-icon-90 .notifications-panel-item__icon {
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  fill: #FFB938;
}
.notifications-panel-item--circle-icon-90.is-home-page-styles.is-icon-name-notification .notifications-panel-item__icon {
  background-color: #FFB938;
}
.notifications-panel-item--circle-icon-100 .notifications-panel-item__icon {
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  fill: #FF9210;
}
.notifications-panel-item--circle-icon-100.is-home-page-styles.is-icon-name-notification .notifications-panel-item__icon {
  background-color: #FF9210;
}
.notifications-panel-item--circle-icon-overage .notifications-panel-item__icon {
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
  fill: #FF5757;
}
.notifications-panel-item.is-new-styles {
  padding-bottom: 8px;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__inner {
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 12px;
  padding: 12px 50px 12px 14px;
  height: 100%;
  position: relative;
  transition: border-color 150ms ease-out;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__inner:before {
  content: "";
  position: absolute;
  border-radius: 12px;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--solution-secondary-color);
  opacity: 0.3;
  transition: opacity 150ms ease-out;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__inner:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 12px;
  border: 1px solid var(--solution-primary-color);
  opacity: 0;
  z-index: -1;
  transition: opacity 150ms ease-out;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__inner:hover {
  background-color: transparent;
  border-color: transparent;
  transition: border-color 200ms ease-in;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__inner:hover:before {
  opacity: 0.3;
  transition: opacity 200ms ease-in;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__inner:hover:after {
  opacity: 0.5;
  transition: opacity 200ms ease-in;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__icon {
  min-width: 46px;
  margin-right: 0;
  position: absolute;
  left: 14px;
  top: 12px;
  bottom: 12px;
  display: flex;
  align-items: center;
  height: auto;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__select {
  top: 50%;
  left: 23px;
  margin-top: -9px;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__select .checkbox input:checked + .checkbox__label {
  background-color: var(--G-0, #FFFFFF);
  border-color: var(--G-2, #DEDEDE);
}
.notifications-panel-item.is-new-styles .notifications-panel-item__select .checkbox input:checked + .checkbox__label:before {
  opacity: 1;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__select .checkbox__label {
  border-width: 1px;
  background-color: var(--G-0, #FFFFFF);
  border-color: var(--G-2, #DEDEDE);
}
.notifications-panel-item.is-new-styles .notifications-panel-item__select .checkbox__label:before {
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  opacity: 0;
  background-color: var(--solution-primary-color);
  border-radius: 2px;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__desc {
  border-left: 1px solid var(--G-1-5, #E9E9E9);
  padding-left: 14px;
  margin-left: 46px;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__text-wrap {
  display: inline-block;
  margin-right: 4px;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__details {
  margin-top: 10px;
  --timestamp-icon-color: var(--G-6, #868788);
  --timestamp-text-color: var(--typo-secondary, #878B92);
  --timestamp-text-size: 12px;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__delete {
  top: 12px;
  right: 32px;
  color: var(--G-8, #4d4d4d);
  opacity: 0.5;
  transition: opacity 150ms ease-out;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__delete:hover {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__checkbox {
  top: 16px;
  right: 14px;
}
.notifications-panel-item.is-new-styles .notifications-panel-item__checkbox .checkbox__label {
  border: none;
  background-color: var(--solution-primary-color);
}
.notifications-panel-item.is-new-styles.notifications-panel-item--read .notifications-panel-item__inner:after,
.notifications-panel-item.is-new-styles.notifications-panel-item--read .notifications-panel-item__inner:before {
  display: none;
}
.notifications-panel-item.is-new-styles.notifications-panel-item--read .notifications-panel-item__inner:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.notifications-panel-item.is-new-styles.is-icon-name-notification .notifications-panel-item__icon {
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 16px;
  margin-top: -16px;
  fill: var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
}
.notifications-panel-item.is-new-styles.is-icon-name-notification.is-automation_notify_members .notifications-panel-item__icon, .notifications-panel-item.is-new-styles.is-icon-name-notification.is-automation_error .notifications-panel-item__icon, .notifications-panel-item.is-new-styles.is-icon-name-notification.is-auto_increment_off .notifications-panel-item__icon, .notifications-panel-item.is-new-styles.is-icon-name-notification.is-api_limit .notifications-panel-item__icon, .notifications-panel-item.is-new-styles.is-icon-name-notification.is-automation_limit .notifications-panel-item__icon, .notifications-panel-item.is-new-styles.is-icon-name-notification.is-solution_import_failed .notifications-panel-item__icon {
  fill: #FF5757;
  background-color: #FEECEE;
}
.notifications-panel-item.is-new-styles.is-icon-name-notification.is-auto_increment_on .notifications-panel-item__icon, .notifications-panel-item.is-new-styles.is-icon-name-notification.is-auto_increment_charged .notifications-panel-item__icon, .notifications-panel-item.is-new-styles.is-icon-name-notification.is-solution_import_completed .notifications-panel-item__icon {
  fill: #3EAC40;
  background-color: #EEF6EE;
}
.notifications-panel-item.is-new-styles.is-error-type-notification .notifications-panel-item__icon {
  background-color: #FEECEE;
  fill: #FF5757;
}
.notifications-panel-item.is-new-styles.is-error-type-notification .notifications-panel-item__inner:after {
  border-color: #FF5757;
}
.notifications-panel-item.is-new-styles.is-error-type-notification .notifications-panel-item__inner:before {
  background-color: #FCEFEF;
}
.notifications-panel-item.is-new-styles.is-error-type-notification .notifications-panel-item__checkbox .checkbox__label {
  background-color: #FF5757;
}
.notifications-panel {
  height: 100%;
}
.notifications-panel.is-new-styles {
  padding-left: 15px;
  padding-right: 15px;
}
.notifications-panel.is-new-styles .notifications-panel__message {
  margin: 0 5px;
}
.notifications-panel-icon {
  width: 24px;
  height: 24px;
}
.notifications-panel__filter-switch {
  display: flex;
  align-items: center;
}
.notifications-panel__filter-text {
  margin-right: 10px;
}
.notifications-panel__filter-text:last-child {
  margin-right: 0;
  margin-left: 10px;
}
.notifications-panel__filter-dropdown {
  position: absolute;
  top: 4px;
  right: 18px;
  z-index: 1;
}
.notifications-panel__message {
  margin: 0 19px;
  padding: 12px 0 7px;
  border-top: 1px solid var(--G-2, #DEDEDE);
}
.notifications-panel__loader {
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 88px;
  width: 100%;
  background-color: var(--G-0, #FFFFFF);
}
.notifications-panel__spinner-wrapper {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  z-index: 1;
  opacity: 1;
}
.notifications-panel__spinner {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid var(--G-3, #C7C8C9);
  border-bottom-color: transparent;
  animation: spinner 2s linear infinite;
  display: block;
  will-change: transform;
}
.notifications-panel__no-notifications {
  padding: 0 10px;
}
.notifications-panel__no-notifications-description {
  color: var(--tertiary, #6B6B6B);
}
.notifications-panel__no-notifications-title {
  font-weight: 600;
}
.notifications-panel-banner {
  padding: 30px;
  margin: 5px 10px 10px;
  position: relative;
}
.notifications-panel-banner__content {
  width: auto;
  padding-right: 108px;
}
.notifications-panel-banner__button {
  justify-content: flex-start;
  margin-top: 24px;
}
.notifications-panel-banner__img {
  position: absolute;
  right: 0px;
  bottom: -51px;
}
.notifications-panel-banner__desc {
  padding-right: 32px;
}
.notifications-panel-icon {
  color: var(--G-5, #9B9C9E);
}
.notifications-panel-icon:hover {
  color: var(--G-8, #4d4d4d);
}
.new-notifications-panel-dots-menu {
  --menu-option-height: 28px;
  --menu-option-bottom-margin: 4px;
}
.new-notifications-panel-dots-menu .menu-button {
  --r-menu-button-color: var(--G-3, #C7C8C9) !important;
  --r-menu-button-hover-color: var(--G-8, #4d4d4d) !important;
  --r-menu-button-active-color: var(--G-8, #4d4d4d) !important;
  --r-menu-button-hover-background: var(--G-1, #F3F3F4) !important;
}
.new-notifications-panel-dots-menu .menu-option-wrapper__additional {
  padding-bottom: 5px;
  padding-top: 4px;
  background-color: var(--G-0, #FFFFFF);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.new-notifications-panel-dots-menu .menu-option-static {
  height: 28px;
}
.new-notifications-panel-dots-menu .menu-option-static:not(:last-child) {
  margin-bottom: 4px;
}
@keyframes spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.notifications-list__scrollbar {
  height: 100%;
}
.notifications-list__scrollbar .scrollbar {
  height: 100%;
}
.notifications-list__scrollbar .trackYVisible .ScrollbarsCustom-Content {
  padding-right: 9px !important;
}
.notifications-list__body {
  margin: var(--notification-body-margin, 0 5px);
  height: calc(100% - 41px);
}
.notifications-settings {
  position: absolute;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  background-color: var(--G-0, #FFFFFF);
  transform: translateX(105%);
  border-top-left-radius: 5px;
  transition: transform 150ms ease-out;
}
.notifications-settings__header {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 12px 18px 12px 9px;
  background-color: var(--G-0-5, #FAFAFA);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px 0 0 0;
}
.notifications-settings__body {
  height: 100%;
  padding: 11px 21px 11px 17px;
}
.notifications-settings__scrollbar {
  width: 100%;
  height: calc(100% - 50px);
}
.notifications-settings__button {
  margin-right: 7px;
}
.notifications-settings.is-open {
  transform: translateX(0);
  transition: transform 200ms ease-in;
}
.settings-item {
  display: flex;
  align-items: flex-start;
}
.settings-item__content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
  margin-left: 8px;
}
.settings-item__title {
  margin-bottom: 5px;
}
.settings-item__img {
  width: 23px;
  height: 23px;
  margin-left: auto;
}
.settings-item__desc {
  width: 100%;
}
.settings-item:not(:last-child) {
  margin-bottom: 12px;
}
.settings-card__heading {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.settings-card__title {
  margin-right: 7px;
}
.settings-card__tooltip {
  padding: 10px;
}
.settings-card__tooltip-text {
  margin-top: 8px;
}
.settings-card__body {
  padding: 11px 15px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
}
.settings-card__message {
  margin-bottom: 13px;
}
.settings-card__links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.settings-card__links a {
  margin-right: 15px;
}
.settings-card__links img {
  height: 47px;
}
.settings-card:not(:last-child) {
  margin-bottom: 21px;
}
.settings-card-group {
  margin-bottom: 24px;
}
.settings-card-group__head {
  display: flex;
  align-items: center;
  padding: 5px 0 3px;
  margin-bottom: 12px;
  cursor: pointer;
}
.settings-card-group__image {
  width: 24px;
  height: 24px;
}
.settings-card-group__heading {
  padding-left: 10px;
  margin-left: 12px;
  position: relative;
  width: 100%;
}
.settings-card-group__heading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: var(--G-2, #DEDEDE);
}
.settings-card-group__tooltip {
  margin-left: 7px;
}
.settings-card-group__tooltip-content {
  padding: 10px;
}
.settings-card-group__tooltip-text {
  margin-top: 8px;
}
.settings-card-group__title {
  margin-right: 7px;
}
.settings-card-group__body {
  padding: 11px 15px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
}
.settings-card-group__arrow {
  display: flex;
  margin-left: 11px;
  color: var(--G-7, #6F7173);
  transform: rotate(-180deg);
  transition: transform 150ms ease-out , color 150ms ease-out;
}
.settings-card-group__item-assigned + .settings-card-group__item-resolved, .settings-card-group__item-resolved + .settings-card-group__item-access, .settings-card-group__item-access + .settings-card-group__item-team, .settings-card-group__item-team + .settings-card-group__item-follow {
  border-top: 1px solid var(--G-2, #DEDEDE);
  padding-top: 21px;
  margin-top: 10px;
}
.settings-card-group.is-expanded .settings-card-group__arrow {
  transform: rotate(0deg);
  color: var(--solution-primary-color);
  transition: transform 200ms ease-in , color 200ms ease-in;
}
.notifications-item-select-actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 0 13px 0 5px;
  background-color: var(--solution-primary-color);
}
.notifications-item-select-actions__selected {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  margin-right: auto;
  padding: 0 14px 0 9px;
  border-radius: 14px;
  background-color: var(--solution-highlight-color);
  color: var(--G-0, #FFFFFF);
}
.notifications-item-select-actions__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
}
.notifications-item-select-actions__button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 0 8px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0);
  color: var(--G-0, #FFFFFF);
  transition: background-color 150ms ease-out;
  cursor: pointer;
}
.notifications-item-select-actions__button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  transition: background-color 200ms ease-in;
}
.notifications-item-select-actions__button:hover .notifications-item-select-actions__text {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.notifications-item-select-actions__button:not(:last-child) {
  margin-right: 2px;
}
.notifications-item-select-actions__icon {
  margin-right: 8px;
}
.notifications-item-select-actions__text {
  opacity: 0.7;
  transition: opacity 150ms ease-out;
}
.notifications-item-select-actions.is-new-styles {
  background-color: var(--G-0, #FFFFFF);
  padding-left: 13px;
  padding-right: 5px;
  height: 36px;
  border-radius: 8px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  margin-left: 10px;
  margin-right: 10px;
  top: -10px;
}
.notifications-item-select-actions.is-new-styles .notifications-item-select-actions__icon {
  margin-right: 0;
}
.notifications-item-select-actions.is-new-styles .notifications-item-select-actions__selected {
  color: var(--typo-primary, #2E3538);
  background-color: transparent;
  gap: 9px;
  padding: 0;
}
.notifications-item-select-actions.is-new-styles .notifications-item-select-actions__button {
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  color: var(--typo-primary, #2E3538);
  padding-left: 8px;
  padding-right: 12px;
  gap: 6px;
  transition: border-color 150ms ease-out;
}
.notifications-item-select-actions.is-new-styles .notifications-item-select-actions__button:hover {
  border-color: var(--G-5, #9B9C9E);
  transition: border-color 200ms ease-in;
}
.notifications-item-select-actions.is-new-styles .notifications-item-select-actions__button:not(:last-child) {
  margin-right: 8px;
}
.notifications-item-select-actions.is-new-styles .notifications-item-select-actions__text {
  opacity: 1;
}
.notifications-item-actions {
  position: relative;
  display: flex;
  background-color: var(--solution-secondary-color);
}
.notifications-item-actions::before {
  content: " ";
  opacity: 0.2;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background-color: var(--solution-primary-color);
}
.notifications-item-actions__button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 100%;
  height: 36px;
  cursor: pointer;
}
.notifications-item-actions__button:hover::before {
  opacity: 0.15;
  transition: opacity 200ms ease-in;
}
.notifications-item-actions__button::before {
  content: " ";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--solution-primary-color);
  transition: opacity 150ms ease-out;
}
.notifications-item-actions__button:not(:last-child)::after {
  content: " ";
  opacity: 0.2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--solution-primary-color);
}
.notifications-item-actions__button--mark {
  color: #3A86FF;
}
.notifications-item-actions__button--delete {
  color: #FF5757;
}
.notifications-item-actions__icon {
  display: flex;
  margin-right: 8px;
}
.notifications-panel-group__head {
  position: relative;
  display: flex;
  align-items: center;
  height: 38px;
  padding: 0 11px 0 14px;
  margin-top: 12px;
  margin-bottom: 4px;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: background-color 150ms ease-out;
}
.notifications-panel-group__head:hover {
  background-color: var(--G-1, #F3F3F4);
}
.notifications-panel-group__icon {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 16px;
  border-radius: 5px;
  font-size: 16px;
  color: var(--G-0, #FFFFFF);
  background-color: var(--solution-primary-color);
}
.notifications-panel-group__title {
  overflow: hidden;
  display: flex;
  margin-right: auto;
  padding-right: 15px;
}
.notifications-panel-group__badge {
  display: flex;
}
.notifications-panel-group__arrow {
  display: flex;
  margin-left: 11px;
  color: var(--G-7, #6F7173);
  transform: rotate(-180deg);
  transition: transform 150ms ease-out , color 150ms ease-out;
}
.notifications-panel-group__body {
  padding: 4px 0 10px 0;
}
.notifications-panel-group--solution .notifications-panel-group__head {
  margin-bottom: 2px;
  margin-top: 0;
}
.notifications-panel-group.is-expanded .notifications-panel-group__head {
  background-color: var(--solution-secondary-color);
  transition: background-color 200ms ease-in;
}
.notifications-panel-group.is-expanded .notifications-panel-group__arrow {
  transform: rotate(0deg);
  color: var(--solution-primary-color);
  transition: transform 200ms ease-in , color 200ms ease-in;
}
.notifications-panel-group.is-new-styles {
  padding-bottom: 8px;
  margin-bottom: 0;
  padding-top: 10px;
}
.notifications-panel-group.is-new-styles .notifications-panel-group__head {
  height: 24px;
  margin-bottom: 0;
  margin-top: 0;
  background-color: transparent;
  padding: 0;
}
.notifications-panel-group.is-new-styles .notifications-panel-group__icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  font-size: 15px;
}
.notifications-panel-group.is-new-styles .notifications-panel-group__arrow {
  color: var(--G-8, #4d4d4d);
  margin-right: 4px;
  transform: rotate(90deg);
  margin-left: auto;
}
.notifications-panel-group.is-new-styles .notifications-panel-group__title {
  margin-right: 0;
  padding-right: 10px;
}
.notifications-panel-group.is-new-styles .notifications-panel-group__badge {
  min-height: 18px;
  background-color: var(--G-0-5, #FAFAFA);
  border: 1px solid var(--G-1-5, #E9E9E9);
  color: var(--tertiary, #6B6B6B);
}
.notifications-panel-group.is-new-styles .notifications-panel-group__badge .text {
  font-weight: 500;
}
.notifications-panel-group.is-new-styles.is-expanded .notifications-panel-group__arrow {
  transform: rotate(0);
}
.notifications-panel-group-by-date__title {
  padding: 10px 15px 8px 15px;
}
.notifications-panel-group-by-date__body {
  padding: 4px 0 18px 0;
}
.notifications-panel-group-by-date.is-new-styles .notifications-panel-group-by-date__title {
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
}
.notification-panel-no-results {
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.notification-panel-no-results img {
  margin-bottom: 6px;
  width: 40px;
  height: 40px;
}
.replying-comment-view__body {
  max-height: 80vh;
  padding: 0 10px;
  margin: -24px -30px -37px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 5px 5px;
}
.workspace-administration-topbar {
  height: 50px;
  background-color: var(--solution-primary-color);
  --topbar-text-color: var(--G-0, #FFFFFF);
  --topbar-account-name-text-color: var(--G-0, #FFFFFF);
  --topbar-button-default-background: var(--G-0, #FFFFFF);
  --topbar-button-hover-background: var(--G-0, #FFFFFF);
  --topbar-button-default-color: var(--solution-primary-color);
  --topbar-notification-badge-background: var(--solution-highlight-color);
  --topbar-member-arrow-default-color: var(--G-0, #FFFFFF);
  --topbar-member-arrow-active-color: var(--G-0, #FFFFFF);
  --topbar-line-color: var(--G-0, #FFFFFF);
  --topbar-square-color: var(--G-0, #FFFFFF);
  --topbar-search-icon-color: var(--G-0, #FFFFFF);
  --topbar-search-icon-hover-color: var(--G-0, #FFFFFF);
  --topbar-search-icon-opacity: 0.7;
  --topbar-button-color: var(--solution-primary-color);
}
.workspace-administration-sidebar {
  z-index: 3;
  position: fixed;
  top: 50px;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: 250px;
  min-width: 250px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.workspace-administration-sidebar::before {
  opacity: 0.5;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--solution-secondary-color);
}
.workspace-administration-sidebar__body {
  z-index: 2;
  position: relative;
  overflow-y: auto;
  flex-grow: 1;
  padding: 26px 15px 0 15px;
}
.workspace-administration-sidebar__body::-webkit-scrollbar {
  width: 13px;
}
.workspace-administration-sidebar__body::-webkit-scrollbar-track {
  background-color: transparent;
}
.workspace-administration-sidebar__body::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.4);
  border: 4px solid transparent;
  border-radius: 13px;
  background-color: transparent;
}
.workspace-administration-sidebar__body::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.6);
}
.workspace-administration-sidebar__actions {
  z-index: 2;
  position: relative;
  margin-top: auto;
  padding: 10px 15px;
}
.workspace-administration-sidebar__back {
  justify-content: center;
  width: 100%;
}
.workspace-administration-nav-group {
  margin-bottom: 20px;
}
.workspace-administration-nav-group__title {
  margin-bottom: 12px;
}
.workspace-administration-nav-group__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.workspace-administration-nav-option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 30px;
  padding: 0 10px;
  border-radius: 7px;
  background-color: transparent;
  color: var(--tertiary, #6B6B6B);
  text-decoration: none;
}
.workspace-administration-nav-option:hover, .workspace-administration-nav-option.is-active {
  color: var(--typo-primary, #2E3538);
}
.workspace-administration-nav-option:hover::before, .workspace-administration-nav-option.is-active::before {
  opacity: 0.1;
  transition: opacity 200ms ease-in;
}
.workspace-administration-nav-option::before {
  opacity: 0;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background-color: var(--solution-primary-color);
  transition: opacity 150ms ease-out;
}
.workspace-administration-nav-option__icon {
  z-index: 2;
  position: relative;
  color: var(--G-8, #4d4d4d);
}
.workspace-administration-nav-option__title {
  z-index: 2;
  position: relative;
  color: var(--tertiary, #6B6B6B);
}
.workspace-administration-nav-option--stars .workspace-administration-nav-option__icon {
  fill: #EDB740 !important;
}
.recycle-bin-modal-view {
  height: 90vh;
}
.recycle-bin-modal-view__header {
  display: flex;
  align-items: center;
  min-height: 48px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  padding: 0 30px 16px 30px;
  background-color: var(--G-0, #FFFFFF);
}
.recycle-bin-modal-view__controls {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: var(--G-0-5, #FAFAFA);
  padding: 21px 30px 16px;
}
.recycle-bin-modal-view__controls + .recycle-bin-modal-view__body {
  height: calc(80vh - 154px);
}
.recycle-bin-modal-view__icon {
  width: 46px;
  height: 46px;
  margin-right: 15px;
  padding-top: 0;
  line-height: 46px;
  background-color: var(--solution-primary-color);
  border-radius: 5px;
}
.recycle-bin-modal-view__search {
  max-width: 50%;
  width: 100%;
  margin-right: 20px;
}
.recycle-bin-modal-view__filter {
  position: absolute;
  top: 21px;
  right: 30px;
  display: flex;
  max-width: 45%;
}
.recycle-bin-modal-view__dropdown {
  min-width: 200px;
}
.recycle-bin-modal-view__dropdown:not(:last-child) {
  margin-right: 4px;
}
.recycle-bin-modal-view__all {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 6px 0 10px;
}
.recycle-bin-modal-view__option-badge {
  margin-right: 6px;
}
.recycle-bin-modal-view__member {
  height: 36px;
}
.recycle-bin-modal-view__body {
  display: flex;
  flex-direction: column;
  padding: 0;
  height: 100%;
  border-radius: 0 0 5px 5px;
}
.recycle-bin-modal-view__scrollbar {
  height: 100%;
}
.recycle-bin-modal-view__no-result {
  min-height: 200px;
}
.recycle-bin-modal-view__no-result-image {
  height: 70%;
}
.recycle-bin-modal-view__no-result-title {
  margin-bottom: 0;
}
.recycle-bin-modal-view-banner {
  padding: 30px;
}
.recycle-bin-modal-view-banner__content {
  width: 531px;
}
.recycle-bin-modal-view-banner__title {
  margin-bottom: 6px;
}
.recycle-bin-modal-view-banner__button {
  justify-content: flex-start;
  margin-top: 24px;
}
.recycle-bin-modal-view-banner__img {
  position: absolute;
  top: 10px;
  right: 17px;
  width: 300px;
}
.recycle-bin-list {
  height: 100%;
}
.recycle-bin-list__wrap {
  padding: 5px 30px 25px;
}
.recycle-bin-list__scrollbar {
  height: 100%;
}
.recycle-bin-item {
  position: relative;
  transition: box-shadow 0.2s ease-in-out;
}
.recycle-bin-item:not(:last-child) {
  margin-bottom: 12px;
}
.recycle-bin-item:hover::after {
  opacity: 1;
}
.recycle-bin-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid rgba(45, 45, 45, 0);
  border-radius: 5px;
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 30, 0.1), 0px 1px 2px 0 rgba(0, 0, 30, 0.1);
  transition: border 0.2s ease-in-out;
  z-index: 0;
}
.recycle-bin-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 4px 13px 0 rgba(0, 0, 30, 0.15), 0px 1px 6px 0 rgba(0, 0, 30, 0.15);
  border-radius: 5px;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.recycle-bin-item__inner {
  position: relative;
  display: flex;
  z-index: 1;
}
.recycle-bin-item__icon-holder {
  width: 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 5px;
}
.recycle-bin-item__icon-holder::before {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 0;
  width: 1px;
  display: block;
  background-color: var(--G-1, #F3F3F4);
}
.recycle-bin-item__icon {
  margin-bottom: 6px;
}
.recycle-bin-item__icon-title {
  text-transform: uppercase;
}
.recycle-bin-item__body {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding: 13px 21px 14px 20px;
  overflow: hidden;
}
.recycle-bin-item__info {
  display: flex;
  align-items: flex-start;
}
.recycle-bin-item__desc {
  max-width: 581px;
  width: 100%;
  margin-left: 10px;
}
.recycle-bin-item__paragraph {
  color: var(--typo-primary, #2E3538);
  margin-bottom: 6px;
}
.recycle-bin-item__type {
  cursor: pointer;
  transition: color 150ms ease-out;
}
.recycle-bin-item__type:hover {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.recycle-bin-item__details {
  position: relative;
  display: flex;
}
.recycle-bin-item__details-paragraph {
  cursor: default;
  display: inline;
  margin-left: 4px;
}
.recycle-bin-item__controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  height: 100%;
  padding-right: 21px;
  padding-left: 30px;
  min-width: 200px;
  border-radius: 0 5px 5px 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 16%);
}
.recycle-bin-item__restore {
  margin-right: 20px;
}
.recycle-bin-item__delete {
  font-size: 0;
  color: rgba(45, 45, 45, 0.25);
}
.recycle-bin-item__delete:hover {
  color: #FF5757;
}
.recycle-bin-item__confirm {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  padding-left: 30px;
  padding-right: 21px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 324px;
  border-radius: 0 5px 5px 0;
  z-index: 1;
}
.recycle-bin-item__confirm::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.recycle-bin-item__confirm--restored {
  padding: 0;
  justify-content: center;
  width: calc(100% - 2px);
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  z-index: 2;
}
.recycle-bin-item__confirm--restored::before {
  background-color: rgba(62, 172, 64, 0.05);
}
.recycle-bin-item__confirm--deleted {
  padding: 0;
  justify-content: center;
  width: calc(100% - 2px);
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  z-index: 2;
}
.recycle-bin-item__confirm--deleted::before {
  background-color: rgba(255, 87, 87, 0.05);
}
.recycle-bin-item__confirm--warning {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 16%);
}
.recycle-bin-item__confirm--warning::before {
  background-image: linear-gradient(to right, rgba(255, 87, 87, 0), rgba(255, 87, 87, 0.05) 16%);
}
.recycle-bin-item__confirm-btn:not(:last-child) {
  margin-right: 10px;
}
.recycle-bin-item__confirm-icon {
  height: 16px;
  margin-right: 10px;
}
.recycle-bin-item__confirm-type {
  text-transform: capitalize;
}
.recycle-bin-item--deleted:hover::after, .recycle-bin-item--restored:hover::after {
  opacity: 0;
}
.recycle-bin-item--deleted::before {
  border: 1px solid #FF5757;
  background-color: rgba(255, 87, 87, 0.05);
}
.recycle-bin-item--deleted .recycle-bin-item__confirm {
  color: #FF5757;
}
.recycle-bin-item--deleted:hover::before {
  border: 1px solid #FF5757;
}
.recycle-bin-item--deleted:hover .recycle-bin-item__icon-holder::after {
  border-right: 1px solid rgba(45, 45, 45, 0.1);
}
.recycle-bin-item--warning::before {
  border: 1px solid #FF5757;
  background-color: rgba(255, 87, 87, 0.05);
}
.recycle-bin-item--warning .recycle-bin-item__confirm {
  color: #FF5757;
}
.recycle-bin-item--warning .recycle-bin-item__icon-holder::before {
  opacity: 0.1;
  background-color: #FF5757;
}
.recycle-bin-item--restored::before {
  border: 1px solid #57A773;
  background-color: rgba(62, 172, 64, 0.05);
}
.recycle-bin-item--restored .recycle-bin-item__confirm {
  color: #3EAC40;
}
.recycle-bin-item--restored:hover::before {
  border: 1px solid #57A773;
}
.recycle-bin-item--restored:hover .recycle-bin-item__icon-holder::after {
  border-right: 1px solid rgba(45, 45, 45, 0.1);
}
.recycle-bin-single-select {
  position: relative;
}
.recycle-bin-single-select::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 34px;
  display: block;
  background-color: var(--G-1, #F3F3F4);
  border: 1px solid var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.recycle-bin-single-select:after {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  opacity: 0;
  pointer-events: none;
  border: 3px solid var(--solution-primary-color);
  visibility: hidden;
  border-radius: 8px;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.recycle-bin-single-select.is-active::before {
  border-color: var(--solution-primary-color);
  background-color: var(--G-0, #FFFFFF);
}
.recycle-bin-single-select.is-active::after {
  visibility: visible;
  opacity: 0.3;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.recycle-bin-single-select .single-select__placeholder {
  height: 34px;
}
.recycle-bin-account-administration-view__body {
  border-radius: 0 0 5px 5px;
}
.recycle-bin-solution-dropdown {
  width: 245px;
  position: relative;
  min-width: 135px;
}
.recycle-bin-solution-dropdown__list-items {
  position: relative;
}
.recycle-bin-solution-dropdown__list-items::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 34px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  top: -34px;
}
.flip-vertical .recycle-bin-solution-dropdown__list-items::before {
  top: auto;
  bottom: -34px;
}
.recycle-bin-solution-dropdown__list-items::after {
  content: "";
  display: block;
  position: absolute;
  top: -18px;
  border-bottom: 6px solid var(--solution-primary-color);
  border-left: 6px solid transparent;
  width: auto;
  height: auto;
  right: 12px;
  border-radius: 0;
  transform: rotate(225deg);
}
.flip-vertical .recycle-bin-solution-dropdown__list-items::after {
  top: auto;
  bottom: -21px;
}
.flip-horizontal .recycle-bin-solution-dropdown__list-items::after {
  right: auto;
  left: 12px;
}
.recycle-bin-solution-dropdown__option {
  max-width: 400px;
}
.recycle-bin-solution-dropdown__selected-option {
  overflow: hidden;
  max-width: 400px;
  padding-right: 0;
  padding-left: 0;
}
.recycle-bin-solution-dropdown__all {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 6px 0 10px;
}
.recycle-bin-solution-dropdown__option-badge {
  margin-right: 6px;
  display: flex;
}
.recycle-bin-solution-dropdown.is-horizontal-flipped {
  --single-select-wrap-left: auto;
  --single-select-wrap-right: 0;
}
.select-account-default-button {
  align-items: center;
  background: var(--G-0, #FFFFFF);
  border-radius: 50%;
  border: 1px dashed var(--G-4, #B2B2B3);
  display: inline-flex;
  height: 16px;
  justify-content: center;
  width: 16px;
  transition: background 150ms ease-out , color 150ms ease-out;
}
.select-account-default-button:hover:not(.is-active):not(.is-disabled) {
  background: #E5F8FF;
  border-color: #3A86FF;
}
.select-account-default-button.is-active::before {
  background: #3EAC40;
  border-radius: 50%;
  content: " ";
  height: 10px;
  width: 10px;
}
.select-account-default-button.is-active.is-disabled::before {
  background: #D7D7DB;
}
.select-account-default-button.is-active.is-disabled::before {
  cursor: default;
}
.select-account-modal {
  width: 602px;
  display: flex;
  min-height: 570px;
  box-shadow: rgba(15, 15, 15, 0.0509803922) 0 0 0 1px, rgba(15, 15, 15, 0.1019607843) 0 3px 6px, rgba(15, 15, 15, 0.2) 0 9px 24px;
  border-radius: 10px;
  position: relative;
}
.select-account-modal__close-button {
  z-index: 1;
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  color: rgba(45, 45, 45, 0.6);
}
.select-account-modal__close-button:hover {
  color: var(--ic-dark, #2D2D2D);
}
.select-account-modal__title {
  font-size: 36px;
  line-height: 43px;
}
.select-account-modal__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: var(--G-0, #FFFFFF);
  padding: 50px 60px 30px;
  border-radius: 10px;
  position: relative;
}
.select-account-modal__list-wrapper {
  margin-top: 30px;
  flex: 1;
}
.select-account-modal__list {
  padding-right: 2px;
}
.select-account-modal__scrollbar {
  height: 100%;
}
.select-account-modal__image {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 500px;
  height: auto;
  transform: translate(-50%);
  pointer-events: none;
}
.select-account-modal__add-button {
  display: flex;
  height: 42px;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--G-0-5, #FAFAFA);
  margin-top: 8px;
  border-radius: 6px;
  color: var(--typo-primary, #2E3538);
  text-decoration: none;
  font-size: 13px;
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.select-account-modal__add-button--disabled {
  cursor: default;
}
.select-account-modal__add-button:hover:not(.select-account-modal__add-button--disabled) {
  background-color: #E7F0FE;
  transition: background-color 200ms ease-in;
}
.select-account-modal__add-button:hover:not(.select-account-modal__add-button--disabled) svg {
  color: #3A86FF;
}
.select-account-modal__add-button svg {
  margin-right: 10px;
}
.select-account-list-item {
  cursor: pointer;
  width: 100%;
  height: 68px;
  padding: 4px 14px 4px 4px;
  display: flex;
  align-items: center;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 6px;
  text-decoration: none;
  color: var(--typo-primary, #2E3538);
  transition: border-color 150ms ease-out;
}
.select-account-list-item:hover, .select-account-list-item.is-active {
  border-color: var(--solution-primary-color);
  color: var(--solution-primary-color);
}
.select-account-list-item:not(:last-of-type) {
  margin-bottom: 8px;
}
.select-account-list-item__logo {
  line-height: 0;
  max-width: 180px;
  min-width: 180px;
  height: 60px;
  margin-right: 15px;
  max-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-account-list-item__logo img {
  border-radius: 3px;
  max-height: 100%;
}
.select-account-list-item__name {
  flex: 1;
  color: var(--typo-primary, #2E3538);
  min-width: 0;
}
.select-account-list-item__default-option {
  line-height: 0;
  padding: 5px;
  margin: 0 5px;
}
.select-account-list-item__icon {
  transform: rotate(-90deg);
  color: var(--G-4, #B2B2B3);
  transition: color 150ms ease-out;
}
.select-account-list-item__default-tooltip-content {
  color: var(--G-0, #FFFFFF);
  padding: 16px 10px;
}
.select-account-list-item__default-tooltip-content > *:not(:last-child) {
  margin-bottom: 10px;
}
.search-modal-view {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.search-modal-view__tabs {
  padding: 0 30px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
}
.search-modal-view__paragraph {
  margin-bottom: 10px;
}
.search-modal-view__blur {
  position: absolute;
  top: -58px;
  z-index: 200;
  width: calc(100% - 15px);
  height: 108px;
  background-color: var(--G-0-5, #FAFAFA);
  filter: opacity(0.7);
}
.search-modal-view__footer {
  display: flex;
  align-items: center;
  height: 34px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 30px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 12px 12px;
}
.search-modal-view__hotkey {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
}
.search-modal-view__shortcut div {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 6px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  color: var(--tertiary, #6B6B6B);
}
.search-modal-view__shortcut div:not(:last-child) {
  margin-right: 3px;
}
.search-modal-view__no-result {
  position: absolute;
  max-width: 480px;
  height: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.search-modal-view__no-result .results-not-found__description {
  color: var(--typo-primary, #2E3538);
  font-size: 14px;
  line-height: 20px;
}
.search-modal-view__no-result .results-not-found__title {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
}
.search-modal-view__no-result .results-not-found__image {
  margin-bottom: 40px;
}
.search-modal-header {
  height: 60px;
  background-color: var(--G-0, #FFFFFF);
  border-bottom: 1px solid var(--h-line-70, rgba(222, 222, 222, 0.7));
  padding: 0 30px;
  display: flex;
  position: relative;
  z-index: 2;
}
.search-modal-header__icon {
  min-width: 46px;
  height: 46px;
  width: 46px;
  border-radius: 5px;
  background-color: var(--solution-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-modal-header__body, .search-modal-header__inner {
  display: flex;
  width: 100%;
}
.search-modal-header__inner {
  margin-top: -2px;
  align-items: flex-start;
}
.search-modal-header__body {
  padding-top: 5px;
}
.search-solution-dropdown {
  width: 245px;
  margin-right: 10px;
  position: relative;
}
.search-solution-dropdown__list-items {
  position: relative;
}
.search-solution-dropdown__list-items::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 34px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  top: -34px;
}
.search-solution-dropdown__list-items::after {
  content: "";
  display: block;
  position: absolute;
  top: -18px;
  border-bottom: 6px solid var(--solution-primary-color);
  border-left: 6px solid transparent;
  width: auto;
  height: auto;
  right: 12px;
  border-radius: 0;
  transform: rotate(225deg);
}
.search-solution-dropdown__option {
  max-width: 400px;
}
.search-modal-input {
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 10px;
  flex-grow: 1;
}
.search-modal-input__input {
  font-size: 24px;
  font-weight: 400;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.search-modal-input__input::placeholder {
  color: #cdcdcd;
  font-weight: 400;
}
.search-modal-input__clear {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--G-3, #C7C8C9);
  border-radius: 5px;
  background-color: transparent;
  transition: background 150ms ease-out;
}
.search-modal-input__clear:hover {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
  transition: background 200ms ease-in;
}
.search-record-item {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
  height: 38px;
  border-radius: 5px;
  align-items: center;
  background-color: transparent;
  position: relative;
  z-index: 1;
  transition: background 150ms ease-out;
}
.search-record-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  transform: translateX(0);
  opacity: 0;
  z-index: -1;
  transition: transform 150ms ease-out;
}
.search-record-item:after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  z-index: -1;
  background-color: transparent;
  box-shadow: 0px 4px 13px 0 rgba(0, 0, 30, 0.15), 0px 1px 6px 0 rgba(0, 0, 30, 0.15);
}
.search-record-item__body {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.search-record-item__icon {
  min-width: 27px;
  width: 27px;
  height: 26px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
}
.search-record-item__texts {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-right: 10px;
}
.search-record-item__title {
  transition: color 150ms ease-out;
}
.search-record-item__subtitle {
  color: var(--typo-secondary, #878B92);
  transition: opacity 150ms ease-out;
  opacity: 0;
  padding-left: 15px;
  position: relative;
}
.search-record-item__subtitle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  height: 2px;
  width: 2px;
  border-radius: 5px;
  background-color: var(--typo-secondary, #878B92);
}
.search-record-item:hover .search-record-item__title {
  color: #3A86FF;
  transition: color 200ms ease-in;
}
.search-record-item:hover .search-record-item__application-button:hover {
  background-color: currentColor;
  color: currentColor;
  transition: background 200ms ease-in , color 200ms ease-in;
}
.search-record-item:hover .search-record-item__application-button:hover .search-record-item__application-button-content {
  color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in , opacity 200ms ease-in;
}
.search-record-item:hover .search-record-item__application-button-content {
  color: var(--tertiary, #6B6B6B);
  opacity: 1;
  transition: color 200ms ease-in , opacity 200ms ease-in;
}
.search-record-item:hover .search-record-item__subtitle {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.search-record-item--grey {
  padding: 0 0 0 8px;
}
.search-record-item--grey:not(:last-child) {
  margin-bottom: 1px;
}
.search-record-item--grey:before {
  background-color: var(--G-0, #FFFFFF);
  transition: background 200ms ease-in;
}
.search-record-item--grey:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in;
}
.search-record-item--grey:hover:before {
  opacity: 1;
  transform: translateX(8px);
  background-color: var(--G-1, #F3F3F4);
  transition: transform 200ms ease-in;
}
.search-record-item--grey:hover .search-record-item__application-button {
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--tertiary, #6B6B6B);
}
.search-record-item--grey:hover .search-record-item__application-button:before {
  display: none;
}
.search-record-item--white:not(:last-child) {
  margin-bottom: 8px;
}
.search-record-item--white:before {
  opacity: 1;
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 30, 0.1), 0px 1px 2px 0 rgba(0, 0, 30, 0.1);
}
.search-record-item--white:hover:before {
  display: none;
}
.search-record-item--white:hover:after {
  display: block;
}
.search-record-item--white:hover .search-record-item__application-button {
  background-color: var(--G-1, #F3F3F4);
  color: var(--tertiary, #6B6B6B);
}
.search-record-item--white:hover .search-record-item__application-button:before {
  display: none;
}
.search-record-list {
  padding-top: 12px;
}
.go-to-application-button {
  height: 26px;
  max-width: 250px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding: 0 15px;
  position: relative;
  transition: color 150ms ease-out;
}
.go-to-application-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: inherit;
  border-radius: 5px;
  transform: translateX(0);
  transition: transform 150ms ease-out;
}
.go-to-application-button__text {
  color: var(--typo-secondary, #878B92);
  transition: opacity 150ms ease-out , color 150ms ease-out;
}
.go-to-application-button__arrow {
  position: absolute;
  top: 50%;
  opacity: 0;
  margin-top: -8px;
  right: -6px;
  transform: rotate(-90deg);
  transition: opacity 150ms ease-out , color 150ms ease-out;
}
.go-to-application-button:hover .go-to-application-button__arrow {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.go-to-application-button:hover:before {
  transform: translateX(8px);
  transition: transform 200ms ease-in;
}
.search-modal-content {
  height: calc(100vh - 156px);
  display: flex;
  flex-direction: column;
  background-color: var(--G-0-5, #FAFAFA);
}
.search-modal-content__tabs {
  height: 48px;
  padding: 0 30px;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.search-modal-content__tabs:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--h-line-70, rgba(222, 222, 222, 0.7));
}
.search-modal-content__tabs-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}
.search-modal-content__body {
  padding-top: 21px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 48px);
  overflow: hidden;
}
.search-result-list-wrapper {
  height: 100%;
}
.search-result-list-wrapper__scrollarea {
  height: 100%;
}
.search-result-list-wrapper__body {
  padding: 0 30px;
}
.search-result-toolbar {
  margin: 0 30px;
  min-height: 56px;
  max-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--h-line-70, rgba(222, 222, 222, 0.7));
}
.search-result-toolbar__body {
  display: flex;
  align-items: center;
}
.search-result-toolbar__viewmode {
  margin-left: 10px;
  padding: 2px 4px;
}
.search-result-toolbar__viewmode-item:not(:last-child) {
  margin-right: 1px;
}
.search-result-toolbar__viewmode-item .text {
  display: flex;
  line-height: 100%;
}
.recently-accessed-records-toolbar {
  padding-top: 16px;
  padding-bottom: 6px;
}
.recently-accessed-record-list {
  padding-top: 12px;
}
.search-page-item {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
  height: 38px;
  border-radius: 5px;
  align-items: center;
  background-color: transparent;
  position: relative;
  z-index: 1;
  transition: background 150ms ease-out;
}
.search-page-item:not(:last-child) {
  margin-bottom: 1px;
}
.search-page-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  transform: translateX(0);
  opacity: 0;
  z-index: -1;
  transition: transform 150ms ease-out;
}
.search-page-item__body {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.search-page-item__icon {
  min-width: 27px;
  width: 27px;
  height: 26px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
  background-color: #3A86FF;
}
.search-page-item__texts {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-right: 10px;
}
.search-page-item__title {
  transition: color 150ms ease-out;
}
.search-page-item__subtitle {
  color: var(--typo-secondary, #878B92);
  transition: opacity 150ms ease-out;
  opacity: 0;
  padding-left: 15px;
  position: relative;
}
.search-page-item__subtitle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  height: 2px;
  width: 2px;
  border-radius: 5px;
  background-color: var(--typo-secondary, #878B92);
}
.search-page-item:hover .search-page-item__title {
  color: #3A86FF;
  transition: color 200ms ease-in;
}
.search-page-item:hover .search-page-item__account-administration-button:hover {
  background-color: #3A86FF;
  color: currentColor;
  transition: background 200ms ease-in , color 200ms ease-in;
}
.search-page-item:hover .search-page-item__account-administration-button:hover .search-page-item__account-administration-button-content {
  color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in , opacity 200ms ease-in;
}
.search-page-item:hover .search-page-item__account-administration-button-content {
  color: var(--tertiary, #6B6B6B);
  opacity: 1;
  transition: color 200ms ease-in , opacity 200ms ease-in;
}
.search-page-item:hover .search-page-item__subtitle {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.search-page-item--grey {
  padding: 0 0 0 8px;
}
.search-page-item--grey:before {
  background-color: var(--G-0, #FFFFFF);
  transition: background 200ms ease-in;
}
.search-page-item--grey:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in;
}
.search-page-item--grey:hover:before {
  opacity: 1;
  transform: translateX(8px);
  background-color: var(--G-1, #F3F3F4);
  transition: transform 200ms ease-in;
}
.search-page-item--grey:hover .search-page-item__account-administration-button {
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--tertiary, #6B6B6B);
}
.search-page-item--grey:hover .search-page-item__account-administration-button:before {
  display: none;
}
.search-report-item {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
  height: 38px;
  border-radius: 5px;
  align-items: center;
  background-color: transparent;
  position: relative;
  z-index: 1;
  transition: background 150ms ease-out;
}
.search-report-item:not(:last-child) {
  margin-bottom: 1px;
}
.search-report-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  transform: translateX(0);
  opacity: 0;
  z-index: -1;
  transition: transform 150ms ease-out;
}
.search-report-item__body {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.search-report-item__icon {
  min-width: 27px;
  width: 27px;
  height: 26px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
}
.search-report-item__texts {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-right: 10px;
}
.search-report-item__title {
  transition: color 150ms ease-out;
}
.search-report-item:hover .search-report-item__title {
  color: #3A86FF;
  transition: color 200ms ease-in;
}
.search-report-item:hover .search-report-item__application-button:hover {
  background-color: currentColor;
  color: currentColor;
  transition: background 200ms ease-in , color 200ms ease-in;
}
.search-report-item:hover .search-report-item__application-button:hover .search-report-item__application-button-content {
  color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in , opacity 200ms ease-in;
}
.search-report-item:hover .search-report-item__application-button-content {
  color: var(--tertiary, #6B6B6B);
  opacity: 1;
  transition: color 200ms ease-in , opacity 200ms ease-in;
}
.search-report-item:hover .search-report-item__subtitle {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.search-report-item--grey {
  padding: 0 0 0 8px;
}
.search-report-item--grey:before {
  background-color: var(--G-0, #FFFFFF);
  transition: background 200ms ease-in;
}
.search-report-item--grey:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in;
}
.search-report-item--grey:hover:before {
  opacity: 1;
  transform: translateX(8px);
  background-color: var(--G-1, #F3F3F4);
  transition: transform 200ms ease-in;
}
.search-report-item--grey:hover .search-report-item__application-button {
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--tertiary, #6B6B6B);
}
.search-report-item--grey:hover .search-report-item__application-button:before {
  display: none;
}
.search-sort-by-dropdown__option {
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.search-sort-by-dropdown__option-selected {
  height: 33px;
  margin-right: 8px;
  padding: 0;
}
.search-sort-by-dropdown .single-select {
  border-radius: 5px;
}
.search-sort-by-dropdown .single-select.is-open {
  background-color: var(--G-1, #F3F3F4);
}
.search-file-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 12px;
}
.search-file-item {
  cursor: pointer;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0 5px 0 7px;
  height: 38px;
  border-radius: 5px;
  align-items: center;
  background-color: transparent;
  position: relative;
  z-index: 1;
  transition: background 150ms ease-out;
}
.search-file-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  transform: translateX(0);
  opacity: 0;
  z-index: -1;
  transition: transform 150ms ease-out;
}
.search-file-item:after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  z-index: -1;
  background-color: transparent;
  box-shadow: 0px 4px 13px 0 rgba(0, 0, 30, 0.15), 0px 1px 6px 0 rgba(0, 0, 30, 0.15);
}
.search-file-item__body {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.search-file-item__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 14px;
}
.search-file-item__icon:hover .search-file-item__download {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.search-file-item__download {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  color: var(--ic-darker, #151515);
  transition: opacity 150ms ease-out;
}
.search-file-item__texts {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: auto;
}
.search-file-item__file-size {
  position: relative;
  margin-right: 15px;
}
.search-file-item__file-size:before, .search-file-item__file-size:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -7px;
  height: 2px;
  width: 2px;
  border-radius: 5px;
  background-color: rgba(46, 53, 56, 0.6);
  transform: translateY(-50%);
}
.search-file-item__file-size:after {
  left: auto;
  right: -7px;
}
.search-file-item__title {
  transition: color 150ms ease-out;
}
.search-file-item__file-info {
  color: rgba(46, 53, 56, 0.6);
  opacity: 0;
  padding: 0 15px;
  white-space: nowrap;
  transition: opacity 150ms ease-out;
}
.search-file-item:hover .search-file-item__title {
  color: #3A86FF;
  transition: color 200ms ease-in;
}
.search-file-item:hover .search-file-item__application-button:hover {
  background-color: currentColor;
  color: currentColor;
  transition: background 200ms ease-in , color 200ms ease-in;
}
.search-file-item:hover .search-file-item__application-button:hover .search-file-item__application-button-content {
  color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in , opacity 200ms ease-in;
}
.search-file-item:hover .search-file-item__application-button-content {
  color: var(--tertiary, #6B6B6B);
  opacity: 1;
  transition: color 200ms ease-in , opacity 200ms ease-in;
}
.search-file-item:hover .search-file-item__subtitle,
.search-file-item:hover .search-file-item__file-info {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.search-file-item--grey {
  padding: 0 0 0 8px;
}
.search-file-item--grey:not(:last-child) {
  margin-bottom: 1px;
}
.search-file-item--grey:before {
  background-color: var(--G-0, #FFFFFF);
  transition: background 200ms ease-in;
}
.search-file-item--grey:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in;
}
.search-file-item--grey:hover:before {
  opacity: 1;
  transform: translateX(8px);
  background-color: var(--G-1, #F3F3F4);
  transition: transform 200ms ease-in;
}
.search-file-item--grey:hover .search-file-item__application-button {
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--tertiary, #6B6B6B);
}
.search-file-item--grey:hover .search-file-item__application-button:before {
  display: none;
}
.search-file-item--white {
  margin-bottom: 8px;
}
.search-file-item--white:before {
  opacity: 1;
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 30, 0.1), 0px 1px 2px 0 rgba(0, 0, 30, 0.1);
}
.search-file-item--white:hover:before {
  display: none;
}
.search-file-item--white:hover:after {
  display: block;
}
.search-file-item--white:hover .search-file-item__application-button {
  background-color: var(--G-1, #F3F3F4);
  color: var(--tertiary, #6B6B6B);
}
.search-file-item--white:hover .search-file-item__application-button:before {
  display: none;
}
.search-member-item {
  cursor: pointer;
  display: flex;
  width: 100%;
  padding: 12px 10px;
  border-radius: 5px;
  align-items: center;
  background-color: transparent;
  position: relative;
  border: 1px solid var(--G-1-5, #E9E9E9);
  z-index: 1;
  transition: border 150ms ease-out;
}
.search-member-item:not(:last-child) {
  margin-bottom: 8px;
}
.search-member-item__name {
  display: flex;
  flex-direction: column;
  width: 240px;
  margin-right: 10px;
}
.search-member-item__avatar {
  margin-right: 10px;
}
.search-member-item__button {
  max-width: 100%;
}
.search-member-item__text {
  width: 140px;
  margin-right: 10px;
}
.search-member-item__links {
  display: flex;
}
.search-member-item__link:not(:last-child) {
  margin-right: 5px;
}
.search-member-item__name-popover {
  max-width: 100%;
  width: max-content;
}
.search-member-item:hover {
  border: 1px solid var(--G-4, #B2B2B3);
  transition: border 200ms ease-in;
}
.search-member-list--card {
  display: flex;
  flex-wrap: wrap;
  padding-top: 12px;
}
.search-member-list__headings {
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 64px;
}
.search-member-list__text {
  width: 140px;
}
.search-member-list__text:not(:last-child) {
  margin-right: 10px;
}
.search-member-list__text:first-child {
  width: 240px;
}
.search-start-image {
  position: absolute;
  left: 0;
  right: 0;
  height: auto;
  min-height: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.search-start-image-description {
  color: var(--typo-primary, #2E3538);
}
.search-start-image-title {
  font-weight: 700;
  margin-bottom: 6px;
}
.search-start-image-image {
  margin-bottom: 26px;
}
.search-file-card {
  overflow: hidden;
  width: 100%;
  max-width: 214px;
  margin: 0 15px 15px 0;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 30, 0.1), 0px 2px 4px 0 rgba(0, 0, 30, 0.1);
  border-radius: 8px;
  cursor: pointer;
  transition: box-shadow 150ms ease-out;
}
.search-file-card:nth-child(4n) {
  margin-right: 0;
}
.search-file-card:hover {
  box-shadow: 0px 4px 13px 0 rgba(0, 0, 30, 0.15), 0px 1px 6px 0 rgba(0, 0, 30, 0.15);
  transition: box-shadow 200ms ease-in;
}
.search-file-card:hover .search-file-card__application {
  display: none;
}
.search-file-card:hover .search-file-card__meta {
  display: block;
}
.search-file-card:hover .search-file-card__title {
  color: var(--solution-primary-color);
}
.search-file-card__thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 111px;
  background-color: var(--G-1, #F3F3F4);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.search-file-card__icon {
  color: var(--G-0, #FFFFFF);
}
.search-file-card__body {
  position: relative;
  padding: 24px 15px 22px 14px;
}
.search-file-card__avatar {
  position: absolute;
  top: -16px;
  right: 16px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--G-0, #FFFFFF);
}
.search-file-card__title {
  margin-bottom: 4px;
}
.search-file-card__meta {
  display: none;
}
.search-member-card {
  overflow: hidden;
  width: 100%;
  max-width: 214px;
  margin: 0 15px 15px 0;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 30, 0.1), 0px 2px 4px 0 rgba(0, 0, 30, 0.1);
  border-radius: 8px;
  cursor: pointer;
  transition: box-shadow 150ms ease-out;
}
.search-member-card:nth-child(4n) {
  margin-right: 0;
}
.search-member-card:hover {
  box-shadow: 0px 4px 13px 0 rgba(0, 0, 30, 0.15), 0px 1px 6px 0 rgba(0, 0, 30, 0.15);
  transition: box-shadow 200ms ease-in;
}
.search-member-card:hover .search-member-card__title {
  color: var(--solution-primary-color);
  transition: color 200ms ease-in;
}
.search-member-card:hover .search-member-card__role {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.search-member-card:hover .search-member-card__type {
  color: var(--tertiary, #6B6B6B);
  transition: color 200ms ease-in;
}
.search-member-card__head {
  position: relative;
  height: 115px;
  margin-bottom: 40px;
  background-color: var(--G-1, #F3F3F4);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.search-member-card__avatar {
  position: absolute;
  left: 50%;
  bottom: 0;
  box-shadow: 0 0 0 2px var(--G-0, #FFFFFF);
  transform: translate(-50%, 50%);
}
.search-member-card__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
}
.search-member-card__title {
  margin-bottom: 5px;
  transition: color 150ms ease-out;
}
.search-member-card__role {
  margin-bottom: 1px;
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.search-member-card__type {
  color: var(--typo-secondary, #878B92);
  transition: color 150ms ease-out;
}
.search-banner {
  margin: 9px -2px;
  flex-wrap: nowrap;
  position: relative;
  padding: 30px;
  flex-direction: column;
}
.search-banner__content {
  width: auto;
  max-width: 514px;
  margin-bottom: 24px;
}
.search-banner__title {
  margin-bottom: 6px;
}
.search-banner__button {
  margin-top: 0;
  justify-content: start;
}
.search-banner__img {
  position: absolute;
  right: 10px;
  bottom: 32px;
  width: 300px;
}
.search-comments {
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.search-comment-item {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 12px 10px 8px;
  cursor: pointer;
  transition: border-color 150ms ease-out;
}
.search-comment-item:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.search-comment-item__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.search-comment-item__header-content {
  display: flex;
  flex-direction: column;
}
.search-comment-item__name {
  margin-bottom: 2px;
}
.search-comment-item__index span {
  font-weight: 700;
}
.search-comment-item__file {
  display: flex;
  align-items: center;
  gap: 5px;
}
.search-comment-item__email {
  padding-left: 54px;
  padding-right: 10px;
  display: block;
  margin-bottom: 10px;
}
.search-comment-item__message {
  padding-left: 54px;
  padding-right: 10px;
  display: flex;
}
.search-comment-item__message p {
  font-size: 13px;
  line-height: 18px;
}
.search-comment-item__file {
  padding-left: 54px;
  padding-right: 10px;
  display: flex;
}
.search-comment-item__path {
  margin-left: 3px;
}
.search-comment-item__data {
  padding-left: 54px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.search-comment-item__data .text {
  color: var(--typo-secondary, #878B92);
}
.search-comment-item__data .icon {
  fill: var(--typo-secondary, #878B92);
}
.search-comment-item__assigned {
  margin-left: auto;
}
.r-member-directory {
  position: relative;
  height: 100%;
  background-color: var(--G-0, #FFFFFF);
}
.r-member-directory__wrapper {
  height: 100%;
}
.r-member-directory__footer {
  z-index: 5;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  border-top: 1px solid var(--G-1-6, #E8E8E8);
  padding: 10px 20px;
  background-color: var(--G-0, #FFFFFF);
}
.r-member-directory__body {
  height: calc(100% - 48px);
  padding: 5px 0 0 5px;
}
.r-member-directory__scrollarea {
  height: 100%;
  padding-right: 5px;
}
.member-directory-actions {
  width: 100%;
  display: flex;
  align-items: center;
}
.member-directory-actions__search {
  width: 55%;
}
.member-directory-actions__filter {
  position: relative;
  margin-left: auto;
}
.member-directory-dots-menu {
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -12px;
}
.r-group-members {
  padding-top: 15px;
  padding-bottom: 3px;
}
.r-group-members__head {
  display: flex;
  margin-left: 14px;
  align-items: center;
  padding-bottom: 7px;
  margin-bottom: 3px;
  border-bottom: 1px solid var(--G-1-6, #E8E8E8);
  cursor: pointer;
}
.r-group-members__arrow {
  margin-right: 6px;
  font-size: 0;
  transform: rotate(0deg);
  transition: transform 150ms ease-out;
}
.r-group-members__title {
  margin-right: 12px;
  font-size: 0;
  max-width: calc(100% - 90px);
}
.r-group-members__count {
  font-size: 0;
}
.r-group-members--timezone .r-group-members__title {
  max-width: calc(100% - 190px);
}
.r-group-members.is-collapsed {
  padding-bottom: 0;
}
.r-group-members.is-collapsed .r-group-members__arrow {
  transform: rotate(-90deg);
  transition: transform 200ms ease-in;
}
.member-directory-settings {
  z-index: 25;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--G-0, #FFFFFF);
  transform: translateX(105%);
  border-top-left-radius: 5px;
  transition: transform 150ms ease-out;
}
.member-directory-settings.is-open {
  transform: translateX(0);
  transition: transform 200ms ease-in;
}
.member-directory-settings.is-open.is-opened-profile {
  width: calc(100% - 500px);
}
.member-directory-settings__header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 12px 18px 12px 9px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px 0 0 0;
  cursor: pointer;
}
.member-directory-settings__back {
  margin-right: 7px;
}
.member-directory-settings__body {
  height: 100%;
  padding: 20px 25px 15px 15px;
}
.member-directory-settings__scrollbar {
  width: 100%;
  height: calc(100% - 50px);
}
.member-directory-settings__title {
  margin-bottom: 10px;
}
.member-directory-settings__options {
  margin-bottom: 24px;
}
.member-directory-settings__option {
  padding: 15px;
  --radio-single-select-option-checked-bg: #FAFAFA;
  color: var(--tertiary, #6B6B6B);
}
.member-directory-settings__option:not(:last-child) {
  margin-bottom: 5px;
}
.member-directory-settings__option.is-checked {
  color: var(--typo-primary, #2E3538);
}
.member-directory-widget-banner {
  margin-left: 6px;
  margin-right: 5px;
  flex-direction: column;
  position: relative;
  padding: 30px;
  min-height: 200px;
}
.member-directory-widget-banner__content {
  width: auto;
  padding-right: 126px;
  margin-bottom: 24px;
}
.member-directory-widget-banner__title {
  margin-bottom: 6px;
}
.member-directory-widget-banner__img {
  position: absolute;
  bottom: -3px;
  right: 0px;
  width: 157px;
}
.member-directory-widget-banner__button {
  justify-content: start;
  margin-top: 0px;
}
.personal-information {
  padding: 28px 14px 15px;
}
.personal-information__phone:not(:last-child) {
  margin-bottom: 2px;
}
.personal-information__hr {
  margin: 30px -14px 15px;
  border-top: 0;
  border-bottom: 1px solid rgba(222, 222, 222, 0.7);
}
.personal-information__tag {
  margin-right: 2px;
}
.personal-information__link {
  color: #3A86FF;
}
.personal-information__link:hover {
  color: #0C41F3;
}
.manage-personal-info-modal-body__tabs {
  padding: 0 32px 8px;
}
.manage-personal-info-modal-body__content {
  background-color: var(--G-0-5, #FAFAFA);
  padding: 28px 30px;
}
.general-info-phone__item {
  display: flex;
  margin: -12px 0;
}
.general-info-phone__input {
  width: 100%;
}
.general-info-phone__hr {
  margin: 11px 0 12px;
  border-top: 0;
  border-bottom: 1px solid rgba(222, 222, 222, 0.7);
}
.general-info-phone__delete {
  margin-left: 11px;
}
.general-info-phone.is-empty {
  margin-top: 14px;
}
.about-me__title {
  margin: 21px 0 8px;
}
.about-me__block {
  padding: 15px 11px;
  margin-bottom: 8px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.about-me__input-group {
  display: flex;
}
.about-me__dropdown {
  width: 50%;
}
.about-me__dropdown .react-input-group {
  border: 0;
}
.about-me__dropdown .react-input-group__body {
  border: 0;
}
.about-me__dropdown:not(:last-child) {
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.profile-picture__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.profile-picture__action {
  margin-left: auto;
}
.profile-picture__content, .profile-picture__cover-images {
  display: flex;
  flex-direction: column;
  height: 363px;
  padding: 14px 16px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
}
.profile-picture__group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
.profile-picture__group:not(:last-child) {
  margin-bottom: 23px;
}
.profile-picture__group-title {
  height: 18px;
  grid-column-start: 1;
  grid-column-end: 4;
}
.profile-picture__group-item {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
}
.profile-picture__group-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: block;
  background-color: transparent;
  border: 3px solid var(--solution-primary-color);
  border-radius: 5px;
  z-index: 1;
  transition: opacity 150ms ease-out , background-color 150ms ease-out;
}
.profile-picture__group-item:hover .profile-picture__group-checkmark {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.profile-picture__group-item.is-active {
  cursor: default;
}
.profile-picture__group-item.is-active::before {
  background-color: rgba(var(--solution-primary-color), 0.4);
  opacity: 1;
  transition: opacity 200ms ease-in , background-color 200ms ease-in;
}
.profile-picture__group-item.is-active .profile-picture__group-checkmark {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.profile-picture__group-checkmark {
  opacity: 0;
  color: var(--G-0, #FFFFFF);
  transition: opacity 150ms ease-out;
}
.profile-picture__head {
  display: flex;
  align-items: center;
}
.profile-picture__add-button {
  margin-right: 10px;
}
.profile-picture__hr {
  margin: 12px 0;
  border-top: 0;
  border-bottom: 1px solid rgba(222, 222, 222, 0.7);
}
.profile-picture__no-image-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--G-0-5, #FAFAFA);
  flex-grow: 1;
}
.social-link-item:not(:last-child) {
  margin-bottom: 12px;
}
.map-not-vizualize {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
}
.map-not-vizualize__text {
  margin-top: 4px;
}
.empty-location {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
}
.manage-general-info-modal-body {
  padding: 30px;
}
.manage-notification-settings-modal-body {
  padding: 25px 30px;
  background-color: var(--G-0-5, #FAFAFA);
}
.manage-notification-settings-modal-body__card-body {
  background-color: var(--G-1, #F3F3F4);
}
.manage-account-info-modal-body {
  padding: 30px;
  background-color: var(--G-0-5, #FAFAFA);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
}
.manage-account-info-modal-body__team {
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 23px;
}
.manage-account-info-modal-body__team-title {
  margin-bottom: 11px;
}
.manage-change-password-modal-view {
  padding: 30px;
}
.manage-change-password-modal-view__input {
  color: #FF5757;
}
.manage-change-password-modal-view__input:first-child {
  margin-bottom: 20px;
}
.manage-change-password-modal-view__link-wrap .field-group-compact__body {
  width: 0;
  padding: 20px;
  border: 0;
}
.manage-change-password-modal-view__link {
  width: max-content;
  position: absolute;
  top: 0;
  left: 0;
}
.general-information {
  padding: 29px 15px;
}
.general-information__tooltip {
  display: block;
  font-size: 13px;
  margin-top: 6px;
  color: var(--G-0, #FFFFFF);
}
.general-information__text {
  margin-bottom: 5px;
}
.notification-settings {
  padding: 31px 14px 26px;
}
.notification-settings-card:not(:last-child) {
  margin-bottom: 24px;
}
.notification-settings-card__title {
  margin-bottom: 4px;
}
.notification-settings-card__body {
  display: flex;
  align-items: center;
  background-color: var(--G-0-5, #FAFAFA);
  padding: 12px 15px;
  border-radius: 5px;
}
.notification-settings-card__image {
  margin-right: 16px;
}
.notification-settings-card__list {
  flex-grow: 1;
}
.notification-settings-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
}
.notification-settings-item:not(:last-child) {
  border-bottom: 1px solid #E1E1E1;
}
.notification-settings-item__label {
  display: flex;
  align-items: center;
  width: max-content;
  height: 24px;
  padding: 0 11px;
  border-radius: 45px;
}
.notification-settings-item__label.is-enable {
  background-color: #3EAC40;
}
.notification-settings-item__label.is-disable {
  background-color: var(--G-1-5, #E9E9E9);
}
.notification-settings-item__links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 14px;
}
.notification-settings-item__link {
  margin-right: 15px;
}
.notification-settings-item__image {
  height: 47px;
}
.notification-settings-item--mobile-enable .notification-settings-item__title {
  margin-left: 5px;
}
.notification-settings-item--mobile-enable .notification-settings-item__label {
  margin-bottom: 7px;
}
.notification-settings-item--mobile-enable, .notification-settings-item--mobile-push {
  display: block;
}
.member-account-information {
  padding: 29px 15px;
  display: flex;
  flex-wrap: wrap;
}
.member-account-information__info, .member-account-information__plan {
  width: calc(50% - 15px);
}
.member-account-information__plan {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.member-account-information__teams {
  width: 100%;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid var(--G-2, #DEDEDE);
}
.member-account-information__team:not(:last-of-type) {
  margin-right: 10px;
}
.change-password {
  display: flex;
  align-items: center;
  padding: 20px 15px;
}
.change-password__image {
  margin-right: 32px;
}
.change-password__paragraph {
  margin: 6px 0 8px;
}
.change-password__link {
  color: #3A86FF;
}
.change-password__link:hover {
  color: #0C41F3;
}
.api-key {
  padding: 18px 15px;
  display: flex;
  align-items: center;
}
.api-key__wrap {
  position: relative;
  width: 100%;
}
.api-key__image {
  margin-right: 32px;
}
.api-key__title {
  margin-bottom: 12px;
}
.api-key__link {
  position: absolute;
  top: 0;
  right: 0;
  color: #3A86FF;
}
.api-key__link:hover {
  color: #0C41F3;
}
.api-key__paragraph {
  line-height: 33px;
  padding: 0 10px;
}
.api-key__button {
  color: #3A86FF;
}
.api-key__button:hover {
  color: #0C41F3;
}
.api-key__button:hover .api-key__button-icon {
  color: #0C41F3;
}
.connected-emails {
  padding: 17px 15px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 5px 5px;
}
.connected-emails__description {
  margin-bottom: 24px;
}
.connected-emails__list {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 15px;
}
.connected-emails-item {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 38px;
  padding: 0 11px 0 15px;
  border-radius: 6px;
  background-color: var(--G-0-5, #FAFAFA);
}
.connected-emails-item__icon {
  cursor: pointer;
}
.connected-emails-item__body {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 15px;
  flex-grow: 1;
}
.connected-emails-item__actions {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: auto;
}
.connected-emails__actions {
  display: flex;
  gap: 15px;
}
.connected-emails__add {
  justify-content: center;
  width: 100%;
}
.connected-emails__add-inner {
  display: flex;
  align-items: center;
  gap: 15px;
}
.connected-emails__add.is-disabled {
  opacity: 1;
  border-color: var(--G-0-5, #FAFAFA);
  background-color: var(--G-0-5, #FAFAFA);
  color: var(--G-4, #B2B2B3);
}
.connected-emails__add.is-disabled svg {
  filter: grayscale(1);
}
.connected-emails__add svg {
  max-width: 18px;
}
.connected-emails__soon {
  padding: 3px 8px;
  background-color: var(--G-3, #C7C8C9);
  border-radius: 10px;
  color: var(--G-0, #FFFFFF);
}
.connected-emails__upgrade {
  margin-top: 15px;
}
.record-comments-assignee-picker__action {
  display: flex;
  align-items: center;
}
.record-comments-assignee-picker__button {
  min-width: 0;
}
.record-comments-assignee-picker__button .empty-button__content {
  max-width: 100%;
}
.record-comments-assignee-picker__button-content {
  display: flex;
  align-items: center;
}
.record-comments-assignee-picker__button-content svg {
  margin-left: 2px;
}
.record-comments-assignee-picker__button-name {
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.record-comments-dropdown {
  position: relative;
  margin-left: 5px;
}
.record-comments-dropdown > button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 6px;
  color: var(--G-3, #C7C8C9);
}
.record-comments-dropdown > button:hover {
  color: var(--solution-hover-color);
}
.record-comments-dropdown__option {
  --menu-option-height: 28px;
  --menu-option-bottom-margin-last: 4px;
  --menu-option-bottom-margin: 4px;
}
.record-comments-dropdown__separator {
  margin-top: 9px;
  margin-bottom: 4px;
}
.record-comments-field {
  position: relative;
  padding: 5px 10px 0 10px;
}
.record-comments-field:hover .record-comments-field__title {
  color: var(--solution-hover-color);
}
.record-comments-field::after {
  content: " ";
  position: absolute;
  right: 10px;
  bottom: 0;
  left: 10px;
  border-bottom: 1px solid rgba(222, 222, 222, 0.7);
}
.record-comments-field__button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding-bottom: 5px;
  cursor: pointer;
}
.record-comments-field__icon {
  color: var(--G-5, #9B9C9E);
}
.record-comments-field__title {
  overflow: hidden;
}
.record-comments-form {
  position: relative;
  padding: 12px 15px 7px 15px;
  height: 100%;
  flex-direction: column;
  display: flex;
}
.record-comments-form__field {
  position: relative;
  overflow: hidden;
  margin: -3px;
  padding: 3px;
}
.record-comments-form__field .components-wrapper,
.record-comments-form__field ss-comments-editor,
.record-comments-form__field .comments-editor,
.record-comments-form__field ss-editor,
.record-comments-form__field .editor,
.record-comments-form__field .editor__body {
  height: 100%;
}
.record-comments-form__field .editor__body {
  display: flex;
  flex-direction: column;
}
.record-comments-form__tip {
  position: absolute;
  left: 14px;
  bottom: 35px;
  pointer-events: none;
}
@media only screen and (max-height: 615px) {
  .record-comments-form__tip {
    display: none;
  }
}
.record-comments-form__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0 0 0;
}
.record-comments-form__actions-buttons {
  display: flex;
  align-items: center;
}
.record-comments-form__cancel {
  margin-right: 5px;
}
.record-comments-form__action-button {
  width: max-content;
  padding-left: 20px;
}
.record-comments-form__actions-assignee {
  min-width: 0;
}
.record-comments-inline-form {
  display: flex;
  align-items: center;
  height: 55px;
  padding: 0 15px;
}
.record-comments-inline-form--focus .record-comments-inline-form__in {
  border-color: var(--solution-primary-color);
  transition: border-color 150ms ease-out;
}
.record-comments-inline-form--focus .record-comments-inline-form__icon {
  color: var(--ic-dark, #2D2D2D);
}
.record-comments-inline-form__in {
  position: relative;
  flex-grow: 1;
  display: flex;
  height: 35px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  transition: border-color 200ms ease-in;
}
.record-comments-inline-form__icon {
  display: flex;
  align-items: center;
  height: 33px;
  padding-left: 10px;
  color: var(--G-3, #C7C8C9);
}
.record-comments-inline-form__input {
  flex-grow: 1;
}
.record-comments-inline-form__input input {
  width: 100%;
  height: 33px;
  border: none;
  padding: 0 10px;
  background: transparent;
  border-radius: 5px;
  color: var(--typo-primary, #2E3538);
}
.record-comments-inline-form__input input:placeholder {
  color: var(--typo-secondary, #878B92);
}
.record-comments-inline-form__actions {
  display: flex;
  padding-right: 10px;
  position: absolute;
  right: 0;
}
.record-comments-inline-form__actions-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 27px;
  height: 33px;
  color: rgba(45, 45, 45, 0.6);
  transition: color 150ms ease-out;
}
.record-comments-inline-form__actions-button:hover {
  color: var(--solution-hover-color);
  transition: color 200ms ease-in;
}
.record-comments-like--opened .record-comments-like__button {
  background-color: var(--G-1-5, #E9E9E9);
  color: var(--ic-dark, #2D2D2D);
}
.record-comments-like__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  color: var(--ic-light, #c7cdcf);
  border-radius: 5px;
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.record-comments-like__button:hover {
  color: var(--solution-hover-color);
}
.record-comments-message .ProseMirror {
  font-size: 13px;
}
.record-comments-message .ProseMirror p {
  line-height: 18px;
}
.record-comments-message__subject {
  margin-bottom: 5px;
  display: inline-block;
}
.record-comments-message iframe.editor-display {
  width: 100%;
}
.record-comments-reactions {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 7px 64px;
}
.record-comments-reactions--opened .record-comments-reactions__add {
  border-color: var(--G-2, #DEDEDE);
  color: var(--solution-primary-color);
}
.record-comments-reactions__list {
  display: flex;
}
.record-comments-reactions__item {
  display: inline-flex;
  align-items: center;
  height: 24px;
  margin: 0 5px 5px 0;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 4px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 12px;
  transition: border-color 150ms ease-out;
}
.record-comments-reactions__item:not(.record-comments-reactions__item--active):hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.record-comments-reactions__item--active {
  border-color: var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
}
.record-comments-reactions__item--readonly {
  cursor: initial;
}
.record-comments-reactions__item span {
  font-size: 14px;
}
.record-comments-reactions__item .text {
  padding: 2px 9px 0 6px;
}
.record-comments-reactions__add {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--G-1, #F3F3F4);
  border-radius: 50%;
  background-color: var(--G-0-5, #FAFAFA);
  color: var(--G-5, #9B9C9E);
  cursor: pointer;
}
.record-comments-reactions__add:hover {
  border-color: var(--G-2, #DEDEDE);
  color: var(--solution-primary-color);
}
.record-comments-reactions-list {
  display: flex;
  align-items: center;
  padding: 12px 10px 8px 10px;
}
.record-comments-reactions-list__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 5px;
  font-size: 25px;
  line-height: 34px;
  transition: background-color 150ms ease-out;
}
.record-comments-reactions-list__item:hover {
  background-color: var(--G-1-5, #E9E9E9);
  transition: background-color 200ms ease-in;
}
.record-comments-reactions-list__item:not(:last-child) {
  margin-right: 2px;
}
.comments-banner {
  margin: 10px 14px;
  flex-direction: column;
  position: relative;
  padding: 30px;
  min-height: 200px;
}
.comments-banner__content {
  width: auto;
  padding-right: 152px;
  margin-bottom: 24px;
}
.comments-banner__title {
  margin-bottom: 6px;
}
.comments-banner__img {
  position: absolute;
  bottom: -3px;
  right: 0px;
}
.comments-banner__button {
  justify-content: start;
  margin-top: 0px;
}
.record-comments-footer-form {
  height: 100%;
}
.record-comments-footer-form__field {
  display: flex;
  align-items: center;
  padding: 12px 15px 0 15px;
}
.record-comments-footer-form__field_icon {
  margin-right: 5px;
  margin-left: 10px;
}
.record-comments-filter {
  height: 28px;
  --single-select-min-height: 28px;
  --arrow-select-top-position: -2px;
}
.communication-settings-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--G-0-5, #FAFAFA);
  z-index: 10;
  transform: translateX(100%);
  transition: transform 250ms ease-out;
}
.communication-settings-panel.is-active {
  transform: translateX(0);
  transition: transform 250ms ease-in;
}
.communication-settings-panel__header {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 50px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 15px 0 19px;
  color: var(--typo-primary, #2E3538);
}
.communication-settings-panel__icon {
  margin-right: 11px;
}
.communication-settings-panel__content {
  padding: 22px 28.5px;
}
.communication-footer-actions {
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 55px;
  width: 100%;
}
.communication-footer-actions__button {
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  border-radius: 5px;
  margin: 0 5px;
  position: relative;
  z-index: 1;
}
.communication-footer-actions__button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  z-index: -1;
  border: 1px solid var(--solution-primary-color);
  opacity: 0.3;
  transition: opacity 150ms ease-out;
}
.communication-footer-actions__button:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 4px;
  background-color: var(--solution-secondary-color);
  opacity: 0.5;
  z-index: -1;
  transition: opacity 150ms ease-out;
}
.communication-footer-actions__button:hover:before {
  opacity: 0.4;
  transition: opacity 200ms ease-in;
}
.communication-footer-actions__button:hover:after {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.communication-footer-actions__icon {
  margin-right: 10px;
}
.communication-footer-actions--only-email .communication-footer-actions__button {
  width: 100%;
}
.communication-setting-item {
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1, #F3F3F4);
  border-radius: 8px;
  padding: 10px;
}
.communication-setting-item:not(:last-child) {
  margin-bottom: 10px;
}
.communication-setting-item__head {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  margin-bottom: 6px;
  padding-bottom: 8px;
}
.communication-setting-item__icon {
  min-width: 36px;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 11px;
  background-color: var(--solution-secondary-color);
}
.communication-setting-item__actions {
  margin-left: auto;
}
.communication-setting-item__title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.communication-center-panel-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--G-0-5, #FAFAFA);
}
.communication-center-panel-view__hat {
  z-index: 3;
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  min-height: 44px;
  padding-left: 15px;
}
.communication-center-panel-view__actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.communication-center-panel-view__tooltip:not(:last-child) {
  margin-right: 14px;
}
.communication-center-panel-view__head {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  min-height: 50px;
  flex-shrink: 0;
  padding: 0 15px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.communication-center-panel-view__filter {
  z-index: 5;
  position: relative;
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  margin-right: 5px;
}
.communication-center-panel-view__filter .capsule-select .single-select__placeholder {
  padding-right: 5px;
  border-radius: 5px;
}
.communication-center-panel-view__body {
  position: relative;
  flex-grow: 1;
}
.communication-center-panel-view__no-comments {
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.communication-center-panel-view__no-comments-title {
  margin-bottom: 4px;
  font-weight: 600;
}
.communication-center-panel-view__no-comments-description {
  color: var(--tertiary, #6B6B6B);
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 14px;
  min-width: 333px;
}
.communication-center-panel-view__no-comments-image {
  width: 300px;
  margin-bottom: 16px;
}
.communication-center-panel-view__scrollarea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.communication-center-panel-view__scrollarea .ScrollbarsCustom-Content {
  display: flex !important;
  flex-direction: column;
}
.communication-center-panel-view__foot {
  border-top: 1px solid var(--G-2, #DEDEDE);
  overflow: hidden;
  background-color: var(--G-0, #FFFFFF);
}
.communication-center-panel-view__tabs {
  --basic-tab-small-paddings: 6px 8px;
  --basic-tab-small-gap: 0;
  --basic-tabs-slider-small-bottom: 0;
  --basic-tabs-slider-height: 2px;
  border: none;
  width: 100%;
  margin-top: 5px;
  margin-bottom: -1px;
  margin-left: -4px;
  margin-right: 4px;
}
.communication-center-panel-view--show-banner .communication-center-panel-view__no-comments {
  height: auto;
}
.communication-center-panel-view--show-banner .communication-center-panel-view__scrollarea {
  height: calc(100% - 263px);
  top: 263px;
}
.communication-center-panel-view--tabs-enabled .communication-center-panel-view__head {
  padding-top: 12px;
}
.communication-center-panel-view--show-hat {
  --preloader-top: 35px;
}
.communication-card {
  position: relative;
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
  transition: border-color 150ms ease-out;
}
.communication-card.is-active {
  cursor: initial;
}
.communication-card:hover, .communication-card.is-active {
  --record-emails-element-opacity: 1;
}
.communication-card--static {
  margin-bottom: 12px;
}
.communication-card--static:last-child:after {
  display: none;
}
.communication-card--static:after {
  content: " ";
  position: absolute;
  right: 14px;
  bottom: 0;
  left: 14px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.communication-card--static .communication-card__body {
  margin-right: 5px;
  margin-left: 5px;
}
.communication-card--static .record-comments-resolved,
.communication-card--static .record-comments-assigned {
  padding-right: 15px;
  padding-left: 15px;
}
.communication-card--bordered {
  margin: 0 14px 12px 14px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
}
.communication-card--bordered:first-child {
  margin-top: 12px;
}
.communication-card--bordered.is-active {
  border-color: transparent;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.communication-card--bordered.is-focused {
  border-color: var(--G-1, #F3F3F4);
  background-color: var(--G-1, #F3F3F4);
}
.communication-card--bordered:not(.is-active):hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.communication-card-assigned {
  display: flex;
  align-items: center;
  padding: 4px 10px;
  background-color: var(--G-1, #F3F3F4);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.communication-card-assigned--hover .communication-card-assigned__action {
  opacity: 1;
}
.communication-card-assigned--me {
  background-color: var(--solution-secondary-color);
}
.communication-card-assigned__avatar {
  display: flex;
  justify-content: center;
  width: 45px;
  margin-right: 10px;
}
.communication-card-assigned__body {
  flex-grow: 1;
}
.communication-card-assigned__action {
  opacity: 0;
  display: flex;
  color: var(--typo-secondary, #878B92);
  transition: opacity 150ms ease-out;
}
.communication-card-resolved {
  display: flex;
  align-items: center;
  padding: 4px 10px;
  background-color: #EEF6EE;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.communication-card-resolved__icon {
  display: flex;
  justify-content: center;
  width: 45px;
  margin-right: 10px;
  color: #3EAC40;
}
.communication-card-resolved__body {
  flex-grow: 1;
}
.communication-card-resolved__action {
  display: flex;
}
.communication-comments-replies__line {
  display: flex;
  align-items: center;
  margin: -4px 10px 8px 64px;
  padding: 6px 5px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.communication-comments-replies__line:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.communication-comments-replies__line:hover .communication-comments-replies__count {
  color: var(--solution-hover-color);
}
.communication-comments-replies__members {
  display: flex;
  margin-right: 10px;
}
.communication-comments-replies__members .r-avatar:not(:last-child) {
  margin-right: 5px;
}
.communication-comments-replies__count {
  margin-right: 10px;
  color: var(--solution-primary-color);
}
.communication-comments-replies__hide {
  margin: 0 0 12px 64px;
}
.communication-comments-item {
  position: relative;
}
.communication-comments-item--reply::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 10px;
  left: 10px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.communication-comments-item__data {
  display: flex;
  align-items: center;
}
.communication-comments-item__separator {
  margin: 0 8px;
  height: 16px;
  width: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.communication-comments-item__email {
  opacity: 0.6;
}
.communication-comments-item__additional-info {
  display: flex;
  align-items: center;
  overflow: hidden;
  opacity: var(--record-emails-element-opacity, 0);
}
.communication-comments-item__head {
  display: flex;
  align-items: flex-start;
  padding: 12px 10px;
}
.communication-comments-item__avatar {
  margin-right: 10px;
  position: relative;
}
.communication-comments-item__email-icon {
  position: absolute;
  bottom: -5px;
  right: -5px;
  border: 2px solid var(--G-0, #FFFFFF);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--solution-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.communication-comments-item__info {
  flex: 1;
  overflow: hidden;
}
.communication-comments-item__name {
  margin-bottom: 2px;
}
.communication-comments-item__datetime {
  display: flex;
  align-items: center;
  margin: 1px 0;
  color: var(--G-9, #232B36);
}
.communication-comments-item__datetime .text {
  margin-left: 4px;
}
.communication-comments-item-attach-list {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.communication-comments-item-attach {
  display: flex;
  align-items: center;
  border: 1px solid var(--G-2, #DEDEDE);
  margin: 0 0 12px 0;
  padding: 10px;
  border-radius: 5px;
}
.communication-comments-item-attach__icon {
  display: flex;
  margin: 0 15px 0 0;
}
.communication-comments-item-attach__in {
  overflow: hidden;
  flex-grow: 1;
}
.communication-comments-item-attach__in .text {
  margin-top: 2px;
}
.communication-comments-item-attach__download {
  display: none;
}
.communication-comments-item-attach:hover .communication-comments-item-attach__download {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.communication-comments-item-replies {
  display: flex;
  align-items: center;
  margin: 0 0 7px 0;
  padding: 6px 5px;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.communication-comments-item-replies:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.communication-comments-item-replies:hover .communication-comments-item-replies__count {
  color: var(--solution-hover-color);
}
.communication-comments-item-replies__members {
  display: flex;
  margin-right: 10px;
}
.communication-comments-item-replies__members .r-avatar:not(:last-child) {
  margin-right: 4px;
}
.communication-comments-item-replies__count {
  margin-right: 10px;
  color: var(--solution-primary-color);
}
.communication-comments-item__body {
  padding: 0 20px 0 64px;
  margin: 0 0 12px 0;
}
.communication-comments-item__text.collapsed {
  max-height: 180px;
  overflow: hidden;
  position: relative;
}
.communication-comments-item__collapse {
  margin: 8px 0;
}
.communication-comments-item__edited {
  margin-top: 8px;
}
.communication-comments-item__border {
  margin: 0 -10px;
  border-bottom: 1px dashed var(--ic-light, #c7cdcf);
}
.communication-comments-item__options {
  align-items: center;
  display: flex;
  margin-left: 6px;
  margin-top: -7px;
  height: 24px;
}
.communication-comments-item--menu-opened, .communication-comments-item:hover {
  --comments-counter-margin-right: 0;
  --comments-actions-opacity: 1;
}
.communication-comments-item--email .communication-comments-item__body {
  padding-left: 10px;
  padding-right: 10px;
}
.communication-comments-item--email .communication-comments-item__reactions {
  margin-left: 10px;
}
.communication-comments-item--email .communication-comments-item__show-more {
  margin-bottom: 10px;
}
.record-comments-card-actions {
  display: flex;
  align-items: center;
}
.record-comments-card-actions__counter {
  display: flex;
  align-items: center;
  height: 18px;
  padding-right: 5px;
}
.record-comments-card-actions.is-animated .record-comments-card-actions__counter {
  margin-right: var(--comments-counter-margin-right, -28px);
  transition: margin-right 500ms cubic-bezier(0, 1, 0.5, 1);
}
.record-comments-card-actions.is-animated .record-comments-card-actions__counter.record-comments-card-actions__counter--reactions-visible {
  margin-right: var(--comments-counter-margin-right, var(--comments-counter-margin-right-initial, -63px));
}
.record-comments-card-actions__actions {
  opacity: var(--comments-actions-opacity, 0);
  display: flex;
  align-items: center;
  transition: opacity 500ms cubic-bezier(0, 1, 0.5, 1);
}
#eD3cTbnCSRp19 {
  animation: eD3cTbnCSRp19__sz 2000ms linear infinite normal forwards;
}
@keyframes eD3cTbnCSRp19__sz {
  0% {
    width: 86.496068px;
    height: 16px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  70% {
    width: 171.596586px;
    height: 16px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  100% {
    width: 86.496068px;
    height: 16px;
  }
}
#eD3cTbnCSRp20 {
  animation: eD3cTbnCSRp20__sz 2000ms linear infinite normal forwards;
}
@keyframes eD3cTbnCSRp20__sz {
  0% {
    width: 100.999489px;
    height: 16px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  60% {
    width: 200.369426px;
    height: 16px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  100% {
    width: 100.999489px;
    height: 16px;
  }
}
#eD3cTbnCSRp21 {
  animation: eD3cTbnCSRp21__sz 2000ms linear infinite normal forwards;
}
@keyframes eD3cTbnCSRp21__sz {
  0% {
    width: 67.996068px;
    height: 16px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  50% {
    width: 134.89507px;
    height: 16px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  100% {
    width: 67.996068px;
    height: 16px;
  }
}
#eD3cTbnCSRp22 {
  animation: eD3cTbnCSRp22__sz 2000ms linear infinite normal forwards;
}
@keyframes eD3cTbnCSRp22__sz {
  0% {
    width: 118.959663px;
    height: 16px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  40% {
    width: 236px;
    height: 16px;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  100% {
    width: 118.959663px;
    height: 16px;
  }
}
.comments-preloader {
  position: absolute;
  top: var(--preloader-top, 0);
  left: 0;
  right: 0;
  font-size: 0;
}
.communication-back-button {
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  max-width: 100%;
}
.communication-back-button:hover .communication-back-button__icon,
.communication-back-button:hover .communication-back-button__text {
  color: var(--solution-hover-color);
}
.communication-back-button__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  color: var(--G-8, #4d4d4d);
}
.communication-empty-field-comments {
  position: absolute;
  top: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 100%;
  padding: 40px;
  text-align: center;
}
.communication-empty-field-comments__icon {
  margin-bottom: 6px;
  color: var(--G-4, #B2B2B3);
}
.record-emails-filter {
  height: 28px;
  --single-select-min-height: 28px;
  --arrow-select-top-position: -2px;
}
.record-emails-comments-dropdown {
  position: relative;
}
.record-emails-comments-dropdown > button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 6px;
  color: var(--G-3, #C7C8C9);
}
.record-emails-comments-dropdown > button:hover {
  color: var(--solution-hover-color);
}
.record-emails-comments-dropdown__option {
  --menu-option-height: 28px;
  --menu-option-bottom-margin-last: 4px;
  --menu-option-bottom-margin: 4px;
}
.record-emails-comments-dropdown__separator {
  margin-top: 9px;
  margin-bottom: 4px;
}
.record-emails-comments-dropdown__separator--top {
  margin-bottom: 9px;
}
.record-emails-comments-dropdown__members {
  min-width: 250px;
  max-width: 250px;
  --select-option-margin-bottom: 12px;
}
.record-emails-comments-dropdown__member {
  padding: 2px 12px;
}
.record-emails-comments-expand {
  margin: 0 10px;
}
.record-emails-comments-expand.is-hidden {
  display: none;
}
.record-emails-comments-expand.is-full-screen {
  position: relative;
  z-index: 1;
}
.record-emails-comments-expand.is-full-screen:before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  left: -4px;
  bottom: -4px;
  border-radius: 5px;
  background-color: var(--solution-secondary-color);
  z-index: -1;
}
.record-emails-card-actions {
  --comments-counter-margin-right-initial: -94px;
}
.communication-item-email-actions.communication-comments-item__options {
  position: absolute;
  right: 10px;
}
.record-emails-entry__assigned {
  background-color: var(--solution-secondary-color);
}
.record-emails-entry__editor {
  padding: 0 10px 12px;
}
.record-emails-entry__replies .communication-comments-replies__line {
  margin: -4px 10px 8px 10px;
  border-top: 1px solid var(--G-2, #DEDEDE);
  border-radius: 0;
}
.record-emails-entry__replies .communication-comments-replies__line:hover {
  background-color: transparent;
}
.record-emails-button-actions {
  display: flex;
  align-items: center;
  opacity: var(--record-emails-element-opacity, 0);
  transition: opacity 150ms ease-out;
}
.record-emails-button-actions__button {
  height: 24px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 0 12px 0 8px;
}
.record-emails-button-actions__button:not(:last-child) {
  margin-right: 10px;
}
.record-emails-button-actions__icon {
  margin-right: 6px;
}
.record-email-fullscreen-view {
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  min-width: 965px;
  max-width: 965px;
  max-height: 700px;
  display: flex;
  flex-direction: column;
}
.record-email-fullscreen-header {
  display: flex;
  align-items: center;
  height: 84px;
  max-height: 84px;
  padding: 0 15px 0 30px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.record-email-fullscreen-header__avatar {
  position: relative;
}
.record-email-fullscreen-header__email-icon {
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 24px;
  height: 24px;
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--solution-primary-color);
}
.record-email-fullscreen-header__data {
  padding-left: 12px;
}
.record-email-fullscreen-header__title {
  margin-bottom: 2px;
}
.record-email-fullscreen-header__actions {
  display: flex;
  align-items: center;
  --comments-actions-opacity: 1;
  margin-left: auto;
  margin-bottom: auto;
  padding-top: 12px;
}
.record-email-fullscreen-header__separator {
  height: 24px;
  width: 1px;
  background-color: var(--G-1-5, #E9E9E9);
  margin: 0 15px;
}
.record-email-fullscreen-footer {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 15px 0 30px;
  border-top: 1px solid var(--G-1, #F3F3F4);
}
.record-email-fullscreen-fields {
  background-color: var(--G-0-5, #FAFAFA);
  padding: 10px 30px;
}
.record-email-fullscreen-fields__field {
  font-size: 0;
}
.record-email-fullscreen-fields__field:not(:last-child) {
  padding-bottom: 4px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.record-email-fullscreen-fields__field:not(:first-child) {
  padding-top: 4px;
}
.record-email-fullscreen-content {
  height: calc(100vh - 261px);
  max-height: 495px;
}
.record-email-fullscreen-content__button {
  height: 24px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 0 12px 0 8px;
}
.record-email-fullscreen-content__icon {
  margin-right: 6px;
}
.record-email-fullscreen-content__scrollbar {
  height: 100%;
}
.record-email-fullscreen-content__scrollbar .ScrollbarsCustom-Content {
  padding: 20px 30px !important;
  height: 100%;
}
.record-email-fullscreen-content__scrollbar .ProseMirror {
  margin-bottom: 20px;
}
.record-email-fullscreen-content__scrollbar .ProseMirror p {
  font-size: 14px;
  line-height: 20px;
}
.record-email-fullscreen-content__scrollbar iframe.editor-display {
  height: calc(100% - 24px);
  width: 100%;
  border: none;
}
.manage-email-templates-modal-header {
  display: flex;
  align-items: center;
  height: 83px;
  padding-left: 30px;
  padding-right: 18px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.manage-email-templates-modal-header__icon {
  background-color: var(--solution-primary-color);
  border-radius: 5px;
  min-width: 48px;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.manage-email-templates-modal-header__actions {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 12px;
}
.manage-email-templates-empty-message {
  font-size: 0;
  width: calc(100% - 380px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.manage-email-templates-empty-message__title {
  margin-bottom: 8px;
}
.manage-email-templates-empty-message__image {
  margin-bottom: 10px;
}
.manage-email-templates-empty-message__description {
  max-width: 670px;
  margin: 0 auto 30px;
}
.manage-email-templates-sidebar {
  padding-top: 20px;
  min-width: 380px;
  max-width: 380px;
  padding-left: 27px;
  padding-right: 27px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.manage-email-templates-sidebar__title {
  margin-bottom: 8px;
  display: inline-block;
}
.manage-email-templates-sidebar__search {
  border: none;
  background-color: var(--G-0-5, #FAFAFA);
  margin-bottom: 26px;
}
.manage-email-templates-sidebar__add {
  padding: 0 15px;
  margin-bottom: 13px;
}
.manage-email-templates-modal-view {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
}
.manage-email-templates-modal {
  height: calc(100vh - 177px);
  margin: 0 20px;
  min-height: 700px;
}
.manage-email-templates-list {
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding-top: 5px;
  height: 100%;
  overflow: hidden;
  margin: 0 -27px;
}
.manage-email-templates-list__scrollbar {
  height: 100%;
  max-height: 100%;
}
.manage-email-templates-list__wrapper {
  padding-left: 27px;
  padding-right: 27px;
}
.manage-email-templates-list__message {
  padding-top: 9px;
  padding-left: 42px;
  padding-right: 15px;
  display: inline-block;
}
.manage-email-templates-item {
  width: 100%;
  display: flex;
  align-items: center;
  height: 36px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 3px solid transparent;
  background-color: transparent;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: background-color 150ms ease-out;
}
.manage-email-templates-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: var(--solution-secondary-color);
  opacity: 0;
  z-index: -1;
  transition: opacity 150ms ease-out;
}
.manage-email-templates-item:not(:last-child) {
  margin-bottom: 4px;
}
.manage-email-templates-item__icon {
  color: var(--solution-primary-color);
  opacity: 0.6;
  margin-right: 10px;
  transition: opacity 150ms ease-out;
}
.manage-email-templates-item__text {
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.manage-email-templates-item.is-active, .manage-email-templates-item:hover {
  transition: background-color 200ms ease-in , border-color 200ms ease-in;
}
.manage-email-templates-item.is-active .manage-email-templates-item__icon, .manage-email-templates-item:hover .manage-email-templates-item__icon {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.manage-email-templates-item.is-active .manage-email-templates-item__text, .manage-email-templates-item:hover .manage-email-templates-item__text {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.manage-email-templates-item:hover {
  background-color: var(--G-0-5, #FAFAFA);
}
.manage-email-templates-item.is-active {
  background-color: transparent;
  border-color: var(--solution-primary-color);
}
.manage-email-templates-item.is-active:before {
  opacity: 0.5;
}
.manage-email-template-composer {
  position: relative;
  width: calc(100% - 380px);
  height: calc(100% - 55px);
  padding-top: 19px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.manage-email-template-composer.read-only .manage-email-template-composer__editor .email-composer__field-subject .email-composer__subject-editor .field-picker-editor .ProseMirror .field-type-pill.is-error {
  display: none;
}
.manage-email-template-composer__title {
  margin: 0 27px 23px;
  width: auto;
}
.manage-email-template-composer__title .plain-form-control__required {
  color: transparent;
  pointer-events: none;
}
.manage-email-template-composer__title .plain-form-control__required::before {
  content: "*";
  background: transparent;
  height: 6px;
  width: 6px;
  font-size: 14px;
  color: #FF5757;
}
.manage-email-template-composer__menu {
  position: absolute;
  right: 27px;
  top: 10px;
}
.manage-email-template-composer__menu.is-active .menu-button.is-active {
  background: #E7F0FE;
}
.manage-email-template-composer__menu-wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.manage-email-template-composer__menu-separator {
  margin: 6px 0 6px;
}
.manage-email-template-composer__composer {
  border-radius: 8px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  height: 100%;
  margin: 0 27px 20px;
}
.manage-email-template-composer__composer.read-only .email-composer__editor .ProseMirror .field-type-pill.is-error {
  display: none;
}
.manage-email-template-composer__editor {
  --email-composer-height: 100%;
}
.manage-email-template-composer__editor .email-composer__message-field {
  flex: 1;
  overflow: hidden;
}
.manage-email-template-composer__editor .email-composer__editor .ProseMirror {
  padding: 16px 20px 10px;
}
.manage-email-template-composer__editor .email-composer__editor .ProseMirror p {
  line-height: 25px;
}
.manage-email-template-composer__editor .email-composer__editor .editor-react-plugin-wrapper--EditorStaticToolbarPluginView {
  position: sticky;
  bottom: 0;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 0 0 7px 7px;
}
.manage-email-template-composer__editor .email-composer__field-subject.is-readonly .email-composer__subject-editor .field-picker-editor .ProseMirror .field-type-pill.is-error {
  display: none;
}
.menu-option-wrapper__list:has(.manage-email-template-composer__menu-wrapper) {
  padding: 6px 0 6px;
  width: 250px;
}
.manage-email-template-composer-footer {
  display: flex;
  align-items: center;
  min-height: 55px;
  padding: 0 27px;
  border-top: 1px solid var(--G-2, #DEDEDE);
  background-color: var(--G-0, #FFFFFF);
  width: calc(100% - 380px);
  margin-left: auto;
  margin-top: -55px;
  position: relative;
}
.manage-email-template-composer-footer__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.manage-email-template-info {
  min-height: 18px;
  display: inline-block;
}
.modal-login-history-view {
  max-width: 1200px;
  width: 95vw;
}
.modal-login-history-view__body {
  overflow: hidden;
  height: calc(100vh - 125px);
  margin-top: 25px;
  padding-top: 0;
  padding-bottom: 0;
}
.modal-login-history-view__empty {
  width: 100%;
  height: 100%;
}
.modal-login-history-header {
  z-index: 30;
  position: relative;
  display: flex;
  align-items: center;
  height: 37px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  padding: 1px 30px 17px 30px;
  background-color: var(--G-0, #FFFFFF);
}
.modal-login-history-header__title {
  display: flex;
  align-items: center;
}
.modal-login-history-header__title > .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.modal-login-history-header__results-wrapper {
  min-width: 120px;
}
.modal-login-history-header__results {
  display: inline-flex;
  align-items: center;
  height: 26px;
  margin-left: 20px;
  margin-right: 5px;
  padding: 0 10px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  white-space: nowrap;
}
.modal-login-history-header__filter {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}
.modal-login-history-header__date {
  margin-left: 10px;
}
.modal-login-history-header__calendar-picker {
  margin-right: 5px !important;
}
.mywork-view {
  width: calc(100% - 60px);
  max-width: 1600px;
  height: calc(100vh - 60px);
}
.mywork-view__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--G-0-5, #FAFAFA);
}
.mywork-view__banner {
  margin-bottom: 30px;
}
.mywork-view__group-loader {
  position: relative;
}
.mywork-view__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.mywork-view__no-results-image {
  margin-bottom: 48px;
}
.mywork-view__no-results-title {
  margin-bottom: 4px;
}
.mywork-view__no-results-description {
  font-size: 12px;
  line-height: 18px;
  color: var(--typo-primary, #2E3538);
}
.mywork-view__no-results-link {
  margin-top: 0px;
}
.mywork-view__scrollbar {
  height: 100%;
}
.mywork-view__scrollbar .scrollbar {
  height: 100%;
}
.mywork-view-header {
  position: relative;
  display: flex;
  align-items: center;
  height: 62px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 5px 30px 23px 30px;
  background-color: var(--G-0, #FFFFFF);
}
.mywork-view-header__in {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.mywork-view-header__avatar {
  margin-right: 12px;
}
.mywork-view-header__title {
  margin-right: 30px;
}
.mywork-view-header__tabs {
  position: relative;
  margin-right: 30px;
  padding-left: 30px;
}
.mywork-view-header__tabs::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 50px;
  background-color: var(--G-1, #F3F3F4);
  transform: translate(0, -50%);
}
.mywork-view-header__controls {
  align-items: center;
  display: flex;
}
.mywork-view-header__action {
  margin-right: 10px;
}
.mywork-view-header__hide {
  display: none;
}
.mywork-view-header__button {
  min-width: 59px;
}
.mywork-record {
  width: 100%;
  min-height: 89px;
  padding-bottom: 8px;
}
.mywork-record--completed .mywork-record__checkbox {
  background-color: #EEF6EE;
}
.mywork-record--completed .mywork-record__title {
  text-decoration: line-through;
}
.mywork-record:hover .mywork-record__drag {
  opacity: 1;
  transition: opacity 200ms ease-in , color 200ms ease-in;
}
.mywork-record:hover .mywork-record__title {
  color: var(--solution-primary-color);
}
.mywork-record:hover .mywork-record__in {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.mywork-record__drag {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 89px;
  color: var(--G-4, #B2B2B3);
  cursor: grab;
  transition: opacity 150ms ease-out , color 150ms ease-out;
}
.mywork-record__drag:hover {
  color: var(--solution-primary-color);
}
.mywork-record__state {
  min-width: 38px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px 0 0 5px;
}
.mywork-record__state > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 89px;
}
.mywork-record__in {
  border: 1px solid var(--G-1-5, #E9E9E9);
  position: relative;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  padding: 0 16px 0px 32px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  transition: border-color 150ms ease-out;
}
.mywork-record__col {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10px 0;
}
.mywork-record__col--general {
  flex-grow: 1;
  padding-right: 20px;
}
.mywork-record__col--priority {
  min-width: 90px;
  max-width: 90px;
  height: 89px;
}
.mywork-record__col--status {
  min-width: 170px;
  max-width: 170px;
  height: 89px;
  padding-right: 20px;
}
.mywork-record__col--status .select-placeholder .select-placeholder__arrow {
  --status-arrow-color: var(--G-0, #FFFFFF);
  padding-right: 6px;
}
.mywork-record__col--status .status-single-option__heading {
  padding-right: 16px;
  min-width: 50px;
}
.mywork-record__col--duedate {
  min-width: 165px;
  max-width: 165px;
  height: 89px;
  padding-right: 20px;
}
.mywork-record__col--solution {
  min-width: 220px;
  max-width: 220px;
  height: 89px;
}
.mywork-record-head {
  position: relative;
  display: flex;
  align-items: center;
  height: 41px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 46px 0 30px;
  background-color: var(--G-1, #F3F3F4);
}
.mywork-record-head__group {
  display: flex;
  align-items: center;
}
.mywork-record-head__group .react-input-group {
  margin-left: -5px;
}
.mywork-record-head__group .react-input-group:hover, .mywork-record-head__group .react-input-group.is-active {
  background-color: transparent;
}
.mywork-record-head__group .react-input-group .select-placeholder.is-active .select-placeholder__arrow, .mywork-record-head__group .react-input-group .select-placeholder:hover .select-placeholder__arrow {
  color: var(--ic-dark, #2D2D2D);
}
.mywork-record-head__group .react-input-group .select-placeholder__arrow {
  padding-top: 8px;
  color: var(--ic-dark, #2D2D2D);
}
.mywork-record-head__group .react-input-group .select-placeholder__value {
  padding-right: 25px;
}
.mywork-record-head__group--closed-tab {
  margin-left: 5px;
}
.mywork-record-head__fields {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}
.mywork-record-head-column {
  display: flex;
}
.mywork-record-head-column--priority {
  width: 90px;
}
.mywork-record-head-column--status {
  width: 170px;
}
.mywork-record-head-column--due_date, .mywork-record-head-column--resolved_date {
  width: 165px;
}
.mywork-record-head-column--relates_to {
  width: 220px;
}
.mywork-record-head-column__in {
  display: inline-flex;
  align-items: center;
  color: var(--tertiary, #6B6B6B);
  letter-spacing: 0.41px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.mywork-record-head-column__in:hover {
  color: var(--typo-primary, #2E3538);
}
.mywork-group:not(:first-of-type) {
  padding-top: 22px;
}
.mywork-group.is-expanded .mywork-group__arrow .icon {
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.mywork-group__head {
  display: flex;
  align-items: center;
  max-width: max-content;
  margin: 0 0 8px 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.mywork-group__title {
  display: inline-flex;
  text-transform: capitalize;
}
.mywork-group__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  margin-left: 2px;
}
.mywork-group__arrow .icon {
  transform: rotate(90deg);
  transition: transform 150ms ease-out;
}
.mywork-group__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 26px;
  margin-right: 10px;
  border-radius: 5px;
}
.mywork-group__counter {
  margin-left: 10px;
}
.mywork-group__counter:first-child {
  margin-left: 0;
}
.mywork-group__empty {
  margin-bottom: 18px;
  margin-left: 54px;
}
.mywork-record-field {
  display: flex;
  margin-top: 7px;
}
.mywork-record-field--checklist_item .mywork-record-field__icon {
  background-color: #FFEDE5;
  color: #FF9210;
}
.mywork-record-field--comment .mywork-record-field__icon {
  background-color: #EBF4F4;
  color: #17C4C4;
}
.mywork-record-field--record .mywork-record-field__icon {
  background-color: #EEF6EE;
  color: #3EAC40;
}
.mywork-record-field--sub_item .mywork-record-field__icon {
  background-color: #F2EAFA;
  color: #883CD0;
}
.mywork-record-field__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 5px;
}
.mywork-record-field__in {
  flex-grow: 1;
}
.mywork-record-field__in b {
  font-weight: 700;
  text-transform: uppercase;
}
.mywork-record-field__more {
  display: inline;
  text-decoration: underline;
  cursor: pointer;
}
.mywork-record-field__more:hover {
  color: var(--solution-primary-color);
}
.mywork-record-field__content {
  overflow-wrap: anywhere;
}
.mywork-state {
  display: inline-flex;
}
.mywork-task--new .mywork-task__body {
  margin-top: 0;
}
.mywork-task--new .mywork-task-sidebar__in {
  padding-top: 36px;
}
.mywork-task__in {
  display: flex;
}
.mywork-task__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 75vh;
  margin-top: -18px;
  padding: 36px 30px 0 30px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px 0 0 0;
}
.mywork-task__name {
  margin-bottom: 6px;
}
.mywork-task__title {
  position: relative;
  width: max-content;
  min-width: 20px;
  max-width: 100%;
  height: 24px;
  margin: 0 0 24px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: var(--typo-primary, #2E3538);
}
.mywork-task__title::after {
  content: " ";
  position: absolute;
  right: 0;
  bottom: -4px;
  left: 0;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
}
.mywork-task__title span {
  visibility: hidden;
  opacity: 0;
}
.mywork-task__title input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  color: inherit;
}
.mywork-task__title input::placeholder {
  font-weight: normal;
  color: var(--G-4, #B2B2B3);
}
.mywork-task__description {
  position: relative;
  flex-grow: 1;
  margin-right: -20px;
}
.mywork-task__description textarea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border: none;
  padding: 0 20px 15px 0;
  font-size: 15px;
  line-height: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: var(--typo-primary, #2E3538);
  resize: none;
}
.mywork-task__description textarea::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.mywork-task__description textarea::-webkit-scrollbar-track {
  background-color: transparent;
}
.mywork-task__description textarea::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.mywork-task__description textarea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.mywork-task__description textarea::placeholder {
  color: var(--G-4, #B2B2B3);
}
.mywork-task-sidebar {
  display: flex;
  width: 350px;
  min-width: 350px;
  background-color: var(--G-0-5, #FAFAFA);
}
.mywork-task-sidebar__scrollbar {
  width: 100%;
}
.mywork-task-sidebar__in {
  padding: 0 27px 0 30px;
}
.mywork-task-sidebar__actions {
  display: flex;
  justify-content: flex-end;
}
.mywork-task-sidebar__menuoption {
  color: var(--tertiary, #6B6B6B);
}
.mywork-task-sidebar__option {
  margin-bottom: 25px;
}
.mywork-task-sidebar__option .status-single-select .select-placeholder .select-placeholder__arrow {
  color: var(--G-0, #FFFFFF);
}
.mywork-task-sidebar__label {
  margin-bottom: 8px;
}
.mywork-task-sidebar__assignee {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  --select-placeholder-arrow-filled-right: 0;
}
.mywork-task-sidebar__assignee .select-placeholder__value {
  padding-left: 0;
}
.mywork-task-sidebar__assignee .avatar-pill__name,
.mywork-task-sidebar__assignee .r-avatar-pill {
  padding-right: 30px;
}
.check-icon__placeholder {
  display: block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border: 2px solid var(--G-2, #DEDEDE);
  border-radius: 50%;
  background-color: var(--G-0, #FFFFFF);
}
.solution-label {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 17px;
}
.solution-label__color {
  position: absolute;
  top: 3px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 4px;
}
.solution-label__name {
  color: var(--tertiary, #6B6B6B);
}
.mywork-duedate-select {
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.mywork-duedate-select__label {
  display: flex;
  cursor: pointer;
}
.mywork-duedate-select__label .components-wrapper {
  overflow: hidden;
  position: absolute;
  width: 90%;
  max-width: 145px;
  max-height: 0px;
}
.mywork-duedate-select__label ss-ui-calendar {
  max-width: 145px;
}
.mywork-duedate-select__label .ui-calendar-value-container {
  display: none !important;
}
.mywork-duedate-select__label--date {
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.mywork-attachment__list {
  margin-bottom: 10px;
  margin-left: -10px;
}
.mywork-attachment-file {
  overflow: hidden;
  display: flex;
  border-radius: 5px;
}
.mywork-attachment-file:hover .mywork-attachment-file__in {
  background-color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-in;
}
.mywork-attachment-file:hover .mywork-attachment-file__remove {
  width: 34px;
  background-color: var(--G-0, #FFFFFF);
  transition: width 200ms ease-in , background-color 200ms ease-in;
}
.mywork-attachment-file__in {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 30px;
  padding: 0 10px;
  transition: background-color 150ms ease-out;
  cursor: pointer;
}
.mywork-attachment-file__in:hover .mywork-attachment-file__name {
  color: var(--solution-primary-color);
  transition: color 200ms ease-in;
}
.mywork-attachment-file__in:hover .mywork-attachment-file__download {
  color: var(--G-5, #9B9C9E);
}
.mywork-attachment-file__icon {
  margin-right: 7px;
}
.mywork-attachment-file__name {
  overflow: hidden;
  flex-grow: 1;
  transition: color 150ms ease-out;
}
.mywork-attachment-file__download {
  color: var(--ic-light, #c7cdcf);
}
.mywork-attachment-file__remove {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 30px;
  margin-left: 1px;
  background-color: var(--G-0, #FFFFFF);
  transition: width 150ms ease-out , background-color 150ms ease-out;
  cursor: pointer;
}
.mywork-attachment-file__remove:hover .icon {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.mywork-attachment-file__remove .icon {
  opacity: 0.75;
  transition: opacity 150ms ease-out;
}
.my-work-onboarding-modal__image {
  justify-content: flex-end;
}
.my-work-solution__select {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 0;
}
.my-work-solution__clear-option {
  height: 32px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.my-work-solution__clear-option p {
  margin-left: 15px;
}
.my-work-solution--selected .my-work-solution__select {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 45px;
  height: 26px;
  padding-left: 10px;
  align-items: center;
  border: 1px solid var(--G-1-5, #E9E9E9);
}
.my-work-solution .select-placeholder__value {
  padding-left: 0;
}
.my-work-solution .solution-label {
  padding-right: 10px;
}
.mywork-records-wrapper {
  flex-grow: 1;
}
.mywork-records-wrapper__body {
  padding: 15px 30px 30px 30px;
}
.activity-history-solution-dropdown {
  background-color: var(--G-0, #FFFFFF);
  padding: 10px 18px;
  border-bottom: 2px solid var(--G-1-6, #E8E8E8);
}
.activity-history-solution-dropdown .capsule-select {
  height: 34px;
  width: 100%;
}
.activity-history-solution-dropdown .single-select {
  z-index: 3;
}
.activity-history-solution-dropdown .single-select__placeholder .text {
  font-size: 12px;
}
.activity-history-solution-dropdown .select-placeholder--arrow-filled .select-placeholder__arrow {
  right: 5px;
  top: 5px;
}
.activity-history-solution-header {
  background-color: var(--G-1, #F3F3F4);
  padding: 9px 10px 7px 16px;
  min-height: 49px;
  display: flex;
  align-items: center;
  position: relative;
  transition: width 300ms ease-out;
}
.activity-history-solution-header__icon {
  margin-right: 10px;
  color: #FFB938;
}
.activity-history-solution-header__heading {
  margin-right: 5px;
}
.activity-history-solution-header__close {
  margin-left: auto;
  cursor: pointer;
  background-color: transparent;
  color: var(--ic-light, #c7cdcf);
  font-size: 0;
  transition: transform 300ms ease-in;
  padding: 6px;
}
.activity-history-solution-header__close:hover {
  color: #FF5757;
}
.activity-history-solution {
  position: relative;
  height: 100%;
  min-width: 492px;
  width: 100%;
  background-color: var(--G-0, #FFFFFF);
}
.activity-history-solution .panel-default {
  min-width: 492px;
}
.activity-history-solution__body {
  padding: 0px 20px;
  height: calc(100% - 113px);
}
.activity-history-item__header {
  position: relative;
  padding-right: 20px;
  padding-top: 2px;
  -webkit-user-select: none;
          user-select: none;
  cursor: default;
}
.activity-history-item__header.is-active .activity-history-item__switcher {
  transform: rotate(180deg);
  color: var(--solution-primary-color);
}
.activity-history-item__pointer {
  cursor: pointer;
}
.activity-history-item__pointer .timestamp {
  cursor: pointer;
}
.activity-history-item__switcher {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  color: #D7D7DB;
}
.activity-history-item__body {
  padding-top: 14px;
  padding-right: 20px;
}
.activity-history-item__title {
  margin-bottom: 4px;
  -webkit-user-select: text;
          user-select: text;
}
.activity-history-item .timestamp {
  -webkit-user-select: text;
          user-select: text;
}
.activity-history-record-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 42px;
  padding: 0 14px;
}
.activity-history-record-header::after {
  content: " ";
  position: absolute;
  right: 14px;
  bottom: 0;
  left: 14px;
  border-bottom: 1px solid #D8D8D8;
}
.activity-history-record-header__filter {
  z-index: 5;
  position: relative;
  display: flex;
  margin-left: -10px;
  overflow: hidden;
  flex-shrink: 1;
}
.activity-history-record-header__filter .capsule-select .single-select__placeholder {
  background-color: transparent;
  z-index: 4;
}
.activity-history-record-header__filter .capsule-select .single-select__wrap {
  max-width: 245px;
}
.activity-history-record-header__filter.is-open {
  overflow: visible;
  width: 245px;
}
.activity-history-record-header__filter.is-open .capsule-select {
  width: 100%;
}
.activity-history-record-header__date {
  overflow: hidden;
  margin: 0 10px 0 auto;
  padding-left: 10px;
  min-width: max-content;
}
.activity-history-record-header__tooltip {
  height: auto;
}
.activity-history-record-day {
  padding-top: 24px;
}
.activity-history-record-day__date {
  margin-bottom: 16px;
}
.activity-history-record-day__event {
  position: relative;
}
.activity-history-record-day__event:not(:last-child) {
  padding-bottom: 15px;
}
.activity-history-record-day__event:not(:last-child)::before {
  display: block;
  content: "";
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  border: 1px dashed #979797;
  opacity: 0.5;
}
.activity-history-record-day__event.is-clickable {
  cursor: pointer;
}
.activity-history-record {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: var(--G-0-5, #FAFAFA);
}
.activity-history-record__body {
  padding: 0px 15px;
  height: calc(100% - 49px);
}
.activity-history-record__button {
  position: absolute;
  top: 50%;
  left: -14px;
  margin-top: -14px;
  width: 28px;
  height: 28px;
  background-color: var(--solution-primary-color);
  border-radius: 50%;
  color: var(--G-0, #FFFFFF);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  z-index: 20;
}
.activity-history-record__button:hover {
  background-color: #FF9210;
}
.activity-history-record__scroll {
  width: 100%;
  height: 100%;
}
.activity-history-record__scroll .scrollbar__track {
  overflow: visible;
}
.activity-history-record__panel {
  opacity: 0;
  transition: opacity 300ms ease-in;
}
.activity-history-record__panel.is-active {
  opacity: 1;
  transition: opacity 300ms ease-out;
}
.activity-history-record--banner .activity-history-record__body {
  height: calc(100% - 315px);
}
.activity-history-record__preloader {
  position: relative;
  margin: 10px;
}
.activity-history-created {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: var(--G-1, #F3F3F4);
  border-radius: 5px;
  padding: 12px 20px;
  margin-top: 11px;
  color: #7f8385;
}
.activity-history-created__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.activity-history-created__text {
  white-space: nowrap;
}
.activity-history-created__text:not(:last-child) {
  margin-right: 5px;
}
.activity-history-created__text:last-child {
  margin-left: 5px;
}
.activity-history-created__text span {
  font-weight: 500;
  margin-right: 5px;
}
.activity-history-created__button {
  opacity: 0.6;
  color: var(--typo-primary, #2E3538);
  font-size: 12px;
  border: 0;
  background-color: transparent;
  text-decoration: underline;
  word-break: break-word;
  transition: opacity 150ms ease-out;
}
.activity-history-created__button:hover {
  opacity: 1;
  cursor: pointer;
  transition: opacity 200ms ease-in;
}
.activity-history-created__popover-wrapper {
  display: flex;
}
.activity-content-switcher {
  width: 100%;
  margin-top: 7px;
  text-decoration: underline;
  padding: 0px;
  height: 20px;
}
.activity-content-switcher:hover {
  text-decoration: none;
}
.activity-history-dropdown__option {
  color: var(--tertiary, #6B6B6B);
  display: flex;
  align-items: center;
  padding: 6px 5px;
}
.activity-history-dropdown__option.is-selected {
  color: var(--typo-primary, #2E3538);
  padding: 0;
}
.activity-history-dropdown__option.is-selected .activity-history-dropdown__name {
  margin-left: 7px;
}
.activity-history-dropdown__name {
  margin-left: 10px;
}
.activity-history-dropdown .options-list__option:hover .activity-history-dropdown__name {
  color: var(--typo-primary, #2E3538);
}
.activity-history-dropdown .options-list__option.is-active {
  background-color: var(--solution-primary-color);
}
.activity-history-dropdown .options-list__option.is-active .activity-history-dropdown__name {
  color: var(--typo-white, var(--G-0, #FFFFFF));
}
.activity-history-member-avatar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.activity-history-member-avatar::before {
  content: " ";
  opacity: 0.2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid currentColor;
  border-radius: inherit;
}
.activity-history-member-avatar--automation, .activity-history-member-avatar--form {
  background-color: #FFF2DC;
  color: #FFB938;
}
.empty-activity-history {
  height: calc(100% - 288px);
}
.empty-activity-history:first-child {
  height: 100%;
}
.empty-activity-history-results {
  padding: 30px 0;
  min-height: 100%;
  height: auto;
  position: absolute;
}
.empty-activity-history-results-image {
  height: 150px;
  width: 300px;
  margin-bottom: 16px;
}
.empty-activity-history-results-title {
  margin-bottom: 4px;
}
.empty-activity-history-results-description {
  color: var(--tertiary, #6B6B6B);
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 14px;
}
.activity-history-banner {
  margin: 10px 15px 0;
  flex-direction: column;
  position: relative;
  padding: 30px;
  min-height: 200px;
}
.activity-history-banner__content {
  width: auto;
  padding-right: 136px;
  margin-bottom: 24px;
}
.activity-history-banner__title {
  margin-bottom: 6px;
}
.activity-history-banner__img {
  position: absolute;
  bottom: -2px;
  right: 0px;
  width: 157px;
}
.activity-history-banner__button {
  justify-content: start;
  margin-top: 0px;
}
.record-form-layout-container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.record-modal-overlay {
  justify-content: space-evenly;
}
.record-modal-field-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.record-modal-field-actions__button {
  width: 24px;
  height: 24px;
  padding: 0;
}
.record-modal-angular-field-wrapper .checklist-progress__text {
  top: 0;
  right: 100px;
  height: 24px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  padding-right: 10px;
  opacity: 0;
  transition: opacity 150ms ease-out , right 150ms ease-out;
}
.record-modal-angular-field-wrapper:hover .checklist-progress__text {
  opacity: 1;
}
.record-modal-angular-field-wrapper .edit-record-field--filefield .file-upload,
.record-modal-angular-field-wrapper .edit-record-field--filefield .edit-record-field__body {
  position: initial;
}
.record-modal-angular-field-wrapper .file-upload__scale,
.record-modal-angular-field-wrapper .file-upload__viewmode {
  opacity: 0;
  transition: opacity 150ms ease-out , right 150ms ease-out;
}
.record-modal-angular-field-wrapper .file-upload__viewmode {
  border-right: 1px solid var(--G-1-5, #E9E9E9) !important;
  padding-right: 15px !important;
  right: 134px !important;
  top: 0px !important;
}
.record-modal-angular-field-wrapper .file-upload__scale {
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  padding-right: 15px;
  right: 177px !important;
  top: 0px !important;
}
.record-modal-angular-field-wrapper:hover .file-upload__scale, .record-modal-angular-field-wrapper:hover .file-upload__viewmode {
  opacity: 1;
}
.record-modal-angular-field-wrapper--custom-background {
  position: relative;
  --solution-primary-color: var(--custom-highlight-color);
}
.record-modal-angular-field-wrapper--custom-background .record-modal-field-actions {
  color: var(--custom-highlight-color) !important;
}
.record-modal-angular-field-wrapper--custom-background .record-modal-field-actions .icon-button {
  color: var(--custom-highlight-color) !important;
}
.record-modal-angular-field-wrapper--custom-background .record-modal-field-actions .icon-button:hover {
  color: var(--custom-highlight-color) !important;
  background-color: var(--custom-deep-washed-color) !important;
}
.record-modal-angular-field-wrapper .edit-record-field--linkedrecordfield.edit-record-field--custom-color .input-group--block {
  position: static;
}
.record-modal-angular-field-wrapper .edit-record-field--linkedrecordfield.edit-record-field--custom-color .input-group--block .input-group__body {
  position: static;
}
.record-modal-angular-field-wrapper .edit-record-field--linkedrecordfield .linked-record-select-button {
  top: 0 !important;
  right: 84px !important;
}
.record-modal-angular-field-wrapper .record-modal-field-wrapper .textarea-accelerator {
  opacity: 0;
  transition: opacity 150ms ease-out , right 150ms ease-out;
}
.record-modal-angular-field-wrapper .record-modal-field-wrapper.is-active .textarea-accelerator {
  opacity: 1;
}
.record-modal-angular-field-wrapper--expanded .smartdoc-field-input--form .input-group__column::after {
  display: none;
}
.record-modal-angular-field-wrapper--expanded .smartdoc-field-input--form .input-group__body {
  background-color: transparent !important;
  border: none !important;
}
.record-modal-angular-field-wrapper--expanded .smartdoc-field-input--form .ProseMirror {
  padding: 4px !important;
}
.record-modal-quick-add-field {
  width: 24px;
  height: 24px;
}
.record-form-field-migrating {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  color: var(--solution-primary-color);
}
.record-form-field-migrating::before {
  content: " ";
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  background-color: var(--solution-secondary-color);
}
.field-comment-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1px;
  min-width: 24px;
  min-height: 24px;
  padding: 0 4px;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.field-comment-badge:hover, .field-comment-badge.is-active {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.field-comment-badge__count {
  min-width: 12px;
  padding-right: 3px;
  padding-left: 3px;
  text-align: center;
}
.field-comment-badge__icon {
  color: var(--G-8, #4d4d4d);
}
.record-modal-header-button {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 11px;
  font-weight: 600;
  color: var(--record-modal-header-color, var(--G-0, #FFFFFF));
  border-radius: 5px;
  height: 24px;
  background-color: transparent;
  padding: 0 4px;
  z-index: 1;
  transition: background-color 150ms ease-out;
}
.record-modal-header-button__icon {
  display: flex;
  width: 16px;
  height: 16px;
  color: var(--record-modal-action-color, var(--G-0, #FFFFFF));
}
.record-modal-header-button--position-left .record-modal-header-button__content:not(:empty) {
  margin-left: 5px;
}
.record-modal-header-button--position-right .record-modal-header-button__content:not(:empty) {
  margin-right: 5px;
}
.record-modal-header-button:hover {
  color: var(--G-0, #FFFFFF);
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 200ms ease-in;
}
.record-modal-header-button:hover .record-modal-header-button__icon {
  color: var(--record-modal-action-color-active, var(--G-0, #FFFFFF));
}
.record-modal-header-button:hover::before {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.record-modal-header-button--active {
  color: var(--G-0, #FFFFFF);
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 200ms ease-in;
}
.record-modal-header-button--active:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.record-modal-header-button--active .record-modal-header-button__icon {
  color: var(--record-modal-action-color-active, var(--G-0, #FFFFFF));
}
.record-modal {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  transition: width 150ms ease-out , height 150ms ease-out;
}
.record-modal--layout-single_column {
  width: 650px;
  max-width: calc(100% - 200px);
}
.record-modal--layout-fifty_fifty {
  width: calc(100% - 200px);
  max-width: 1000px;
}
.record-modal--layout-seventy_thirty {
  width: 1130px;
  max-width: calc(100% - 200px);
}
.record-modal .modal__body {
  height: calc(100vh - 153px - 20px * var(--record-modal-index));
  display: flex;
  overflow: visible;
  z-index: 1;
  background-color: #fefefe;
}
@media screen and (max-device-width: 1024px) {
  .record-modal .modal__body {
    height: calc(100dvh - 153px - 20px * var(--record-modal-index));
  }
}
.record-modal .modal-header {
  align-items: flex-start;
}
.record-modal .modal-header__actions {
  flex-grow: 0;
}
.record-modal .modal-footer {
  border-radius: 0 0 12px 12px;
}
.record-modal__scrollbar {
  flex: 1;
  height: 1px;
  max-height: 100%;
}
.record-modal__scrollbar .scrollbar {
  min-height: 100%;
}
.record-modal__body {
  flex: 1;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.record-modal__content {
  height: 100%;
}
.record-modal__footer-buttons {
  display: flex;
  align-items: center;
}
.record-modal__footer-buttons > *:not(:last-child) {
  margin-right: 15px;
}
.record-modal--sidebar-open.record-modal--layout-single_column:not(.record-modal--sidebar-open.record-modal--fullscreen) {
  width: 1090px;
}
.record-modal--sidebar-open.record-modal--layout-fifty_fifty:not(.record-modal--sidebar-open.record-modal--fullscreen) {
  width: calc(100% - 200px);
  max-width: 1440px;
}
@media only screen and (min-width: 1730px) {
  .record-modal--sidebar-open.record-modal--layout-seventy_thirty:not(.record-modal--sidebar-open.record-modal--fullscreen) {
    width: 1440px;
  }
}
.record-modal--fullscreen {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  box-shadow: none;
  border-radius: 0;
}
.record-modal--fullscreen .record-modal__content {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 50px;
}
.record-modal.is-subrecord {
  --record-modal-background: var(--solution-secondary-color);
  --record-modal-background-opacity: 0.5;
  --record-modal-header-color: var(--typo-primary, #2E3538);
  --record-modal-action-color: var(--solution-primary-color);
  --record-modal-action-color-active: $G-0;
  --record-number-icon-color: var(--solution-primary-color);
  --record-number-icon-opacity: 0.8;
  --record-number-background: var(--solution-primary-color);
  --record-number-background-opacity: 0.15;
  --record-number-opacity: 0.7;
  --record-following-background: transparent;
  --record-modal-follow-opacity: 0.15;
  --record-modal-following-color: var(--typo-primary, #2E3538);
}
.record-modal.is-subrecord .modal__header:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 2px;
  background-color: var(--solution-primary-color);
  opacity: 0.2;
  z-index: 2;
}
.record-modal.is-subrecord .modal__hat:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  right: 18px;
  height: 18px;
  background-color: var(--solution-secondary-color);
  border-radius: 5px 0 0 0;
  opacity: 0.5;
}
.record-modal.is-subrecord .modal__body {
  height: calc(100vh - 186px - 20px * var(--record-modal-index));
}
.record-modal-autonumber-badge {
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding: 4px 10px 3px;
  cursor: pointer;
  position: relative;
  opacity: var(--record-number-opacity, 1);
}
.record-modal-autonumber-badge:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: var(--record-number-background, rgba(0, 0, 0, 0.09));
  opacity: var(--record-number-background-opacity, 1);
}
.record-modal-autonumber-badge__icon {
  margin-left: 5px;
  color: var(--record-number-icon-color, var(--G-0, #FFFFFF));
  opacity: var(--record-number-icon-opacity, 1);
}
.record-modal-following-dropdown__options {
  display: flex;
  flex-direction: column;
  padding: 5px;
}
.record-modal-following-dropdown__options.is-disabled {
  pointer-events: none;
}
.record-modal-following-dropdown__options.is-disabled .record-modal-following-dropdown__following {
  color: var(--typo-secondary, #878B92);
  border-radius: 5px 5px 0 0;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-bottom: 0;
  padding-bottom: 8px;
}
.record-modal-following-dropdown__button--following {
  border-radius: 16px;
  padding: 0 7px 0 10px;
  background: var(--record-following-background, rgba(0, 0, 0, 0.15));
}
.record-modal-following-dropdown__button--following:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  background-color: var(--solution-primary-color);
  opacity: var(--record-modal-follow-opacity, 0);
  transition: opacity 150ms ease-out;
}
.record-modal-following-dropdown-limitation {
  background-color: #FEECEE;
  padding: 6px 6px 6px 44px;
  border-radius: 5px;
  position: relative;
  top: -5px;
}
.record-modal-following-dropdown-limitation__text {
  color: #F1273F;
}
.record-modal-following-dropdown-limitation__icon {
  position: absolute;
  top: 7px;
  left: 18px;
}
.record-modal-header {
  z-index: 1;
  position: relative;
  display: flex;
  padding: 12px 12px 12px 30px;
  color: var(--record-modal-header-color, var(--G-0, #FFFFFF));
}
.record-modal-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px 12px 0 0;
  background-color: var(--record-modal-background, var(--solution-primary-color));
  opacity: var(--record-modal-background-opacity, 1);
  z-index: -1;
  pointer-events: none;
}
.record-modal-header__inner {
  flex-grow: 1;
}
.record-modal-header__actions {
  float: right;
}
.record-modal-header__content {
  margin-top: 11px;
}
.record-modal-header__application-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  top: 4px;
}
.record-modal-header__autonumber {
  margin-left: 10px;
}
.record-modal-header__custom-corner {
  overflow: hidden;
  width: 18px;
  height: 18px;
  position: absolute;
  top: -18px;
  right: 0;
  pointer-events: none;
  color: var(--solution-secondary-color);
  opacity: 0.5;
}
.record-modal-header__custom-corner svg {
  margin-left: -1px;
}
.record-modal-header__icon {
  margin-right: 10px;
}
.record-modal-header--fullscreen {
  padding-top: 20px;
}
.record-modal-header.is-subrecord .record-modal-header__content {
  display: flex;
  align-items: center;
}
.record-modal-title__title {
  margin-bottom: -1px;
  font-size: 26px;
  line-height: 32px;
  word-break: break-word;
  position: relative;
  max-height: 64px;
  margin-right: 10px;
}
.record-modal-title__title--untitled {
  opacity: 0.4;
}
.record-modal-title__favorite {
  display: inline-block;
  transform: translate(5px, 0);
  margin-left: 4px;
}
.record-modal-title__tooltip {
  padding-left: 5px;
  cursor: pointer;
}
.record-modal-header-actions {
  display: flex;
  align-items: center;
  justify-items: flex-start;
}
.record-modal-header-actions > *:not(:last-child) {
  margin-right: 15px;
}
.record-modal-header-actions__divider {
  width: 1px;
  height: 24px;
  background: rgba(255, 255, 255, 0.2);
}
.record-modal-header-actions__comments-count {
  position: absolute;
  top: -6px;
  right: -6px;
  z-index: 1;
}
.record-modal-header-actions__close {
  width: 32px;
  height: 32px;
  color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.1);
  transition: background-color 150ms ease-out;
}
.record-modal-header-actions__close:hover {
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 200ms ease-in;
}
.record-modal-navigation-arrows {
  position: relative;
  margin: 0 20px;
  color: var(--G-0, #FFFFFF);
}
.record-modal-navigation-arrows::before {
  content: " ";
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 84px;
  height: 84px;
  margin-top: -42px;
  margin-left: -42px;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  transform: scale(0.5);
  will-change: transform;
  transition: opacity 150ms ease-out , transform 150ms ease-out;
}
.record-modal-navigation-arrows:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: transparent;
}
.record-modal-navigation-arrows:hover::before {
  opacity: 1;
  transform: scale(1);
  transition: opacity 200ms ease-in , transform 200ms ease-in;
}
.record-modal-navigation-arrows--prev {
  order: -1;
  left: 30px;
}
.record-modal-navigation-arrows--next {
  order: 999;
  right: 30px;
}
.record-modal-navigation-arrows--fullscreen {
  margin: 0;
  top: 50%;
  position: absolute;
  color: var(--G-3, #C7C8C9);
}
.record-modal-navigation-arrows--fullscreen:hover {
  color: var(--G-5, #9B9C9E);
}
.record-modal-sidebar-content {
  height: 100%;
  background: var(--G-0-5, #FAFAFA);
}
.record-modal-navigation-button {
  height: 22px;
  width: 26px;
  border-radius: 3px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-0, #FFFFFF);
  transition: background 150ms ease-out;
}
.record-modal-navigation-button__wrapper {
  font-size: 0;
}
.record-modal-navigation-button:hover, .record-modal-navigation-button.is-active {
  background-color: rgba(0, 0, 0, 0.09);
  transition: background 200ms ease-in;
}
.record-modal-navigation-button.is-rotated-icon .record-modal-navigation-button__wrapper {
  font-size: 0;
  transform: rotate(180deg) translateY(-1px);
  transition: transform 150ms ease-out;
}
.record-modal-navigation-button.is-rotated-icon.is-active .record-modal-navigation-button__wrapper {
  transform: rotate(0) translateX(0);
  transition: transform 200ms ease-in;
}
.nested-record-modal-navigation {
  display: flex;
  align-items: center;
  margin-right: 18px;
}
.nested-record-modal-navigation__separate {
  height: 12px;
  width: 1px;
  margin: 0 6px;
  display: inline-block;
  background-color: var(--G-0, #FFFFFF);
  opacity: 0.4;
}
.record-tree-map-panel {
  max-width: 500px;
  padding: 12px 10px 12px 5px;
  display: inline-flex;
  flex-direction: column;
}
.record-tree-map-panel-scrollbar {
  max-height: 450px;
  min-width: 305px;
  max-width: 500px;
}
.record-tree-map-item {
  height: 42px;
  padding: 4px 7px;
}
.record-tree-map-item:not(:last-child) {
  margin-bottom: 6px;
}
.record-tree-map-item__header {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.record-tree-map-item__color {
  min-width: 10px;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-right: 5px;
  display: inline-block;
}
.record-tree-map-item__record-name {
  padding-left: 14px;
}
.record-modal-save-button-tooltip-content {
  display: flex;
  flex-direction: column;
}
.record-modal-save-button-tooltip-content__description span {
  margin-left: 3px;
  color: var(--G-0, #FFFFFF);
}
.record-modal-save-button-side-menu__option .menu-option__text {
  color: var(--tertiary, #6B6B6B);
}
.record-modal-save-button-side-menu__option .shortcuts {
  column-gap: 4px;
  padding-left: 4px;
}
.record-modal-save-button-side-menu__option .shortcuts__item {
  border-radius: 5px;
  border: 1px solid var(--G-2, #DEDEDE);
  color: var(--G-3, #C7C8C9);
  height: 24px;
  margin-right: 0;
  padding: 6px;
}
.record-modal-save-button-side-menu__option .shortcuts__item .text {
  font-size: 12px;
  font-weight: 600;
  line-height: 10px;
}
.record-modal-save-button-side-menu__option:not(.is-disabled):hover .menu-option__text {
  color: var(--typo-primary, #2E3538);
}
.record-modal-save-button-side-menu__option:not(.is-disabled):hover .shortcuts__item {
  color: var(--G-4, #B2B2B3);
}
.save-main-text {
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}
.save-main-text span {
  display: block;
  font-size: 14px;
  margin-top: -1px;
}
.save-side-arrow {
  padding: 7px 10px 7px 5px;
}
.record-modal-cover {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-top: 8px;
  width: 56px;
  height: 56px;
  min-width: 56px;
  margin-right: 14px;
  background-color: rgba(255, 255, 255, 0.2);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
}
.record-modal-cover.is-clickable {
  cursor: pointer;
}
.record-modal-cover.is-clickable:hover .record-modal-cover__overlay {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.record-modal-cover__overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: var(--G-0, #FFFFFF);
  transition: opacity 150ms ease-out;
}
.record-modal-cover.is-file-type {
  background-size: contain;
}
.export-wrapper {
  padding-top: 5px;
  padding-bottom: 5px;
  min-width: 310px;
  max-width: 310px;
}
.export-wrapper__templates {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.export-wrapper__scrollbar {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  max-height: 70vh;
  margin-top: 4px;
}
.export-wrapper__text {
  padding-left: 12px;
  padding-right: 12px;
}
.export-wrapper__empty {
  margin-top: 9px;
  display: block;
  padding-left: 17px;
  padding-right: 17px;
  padding-bottom: 9px;
}
.export-submenu-wrapper {
  min-width: 220px;
  max-width: 220px;
}
.record-modal-tabs {
  display: flex;
  flex-direction: column;
}
.record-modal-tabs.--align-center .scrollbar:not(.trackXVisible) {
  --tabs-justify-content: center;
}
.record-modal-tabs.--align-right .scrollbar:not(.trackXVisible) {
  --tabs-justify-content: flex-end;
}
.record-modal-tabs__inner {
  overflow: hidden;
  position: relative;
  display: flex;
  height: 48px;
  background-color: rgb(var(--solution-dw-color));
}
.record-modal-tabs__inner::before {
  content: " ";
  opacity: 0.1;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: var(--solution-primary-color);
}
.record-modal-tabs__scroll {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.record-modal-tab-button-tooltip .tooltip-item__in {
  background-color: var(--G-0, #FFFFFF) !important;
  padding: 10px 15px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.record-modal-tab-button-tooltip-content {
  font-size: 13px;
  line-height: 18px;
}
.record-modal-tab-button-tooltip-content p {
  margin-bottom: 0;
}
.record-modal-basic-tabs {
  display: flex;
  align-items: center;
  justify-self: var(--tabs-justify-content, flex-start);
  gap: 20px;
  height: 48px;
  margin: 0 30px;
}
.record-modal-basic-tabs__tab {
  position: relative;
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.record-modal-basic-tabs__tab::before {
  content: " ";
  opacity: 0;
  position: absolute;
  top: -2px;
  right: -6px;
  bottom: -2px;
  left: -6px;
  transition: opacity 250ms ease-in-out;
}
.record-modal-basic-tabs__tab:not(.is-active):hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-modal-basic-tabs__tab:not(.is-active):hover::before {
  content: " ";
  opacity: 0.1;
  background-color: var(--solution-primary-color);
  border-radius: 6px;
}
.record-modal-basic-tabs__tab.is-active {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-modal-basic-tabs__tab.is-active::before {
  content: " ";
  opacity: 1;
  top: 21px;
  right: 0;
  bottom: -3px;
  left: 0;
  background-color: var(--solution-primary-color);
  border-radius: 3px;
  transition: opacity 250ms ease-in-out;
}
.record-modal-basic-tabs__tab.is-drag-over {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-modal-basic-tabs__tab.is-drag-over::before {
  content: " ";
  opacity: 0.15;
  background-color: var(--solution-primary-color);
  border-radius: 6px;
  transition: opacity 250ms ease-in-out;
}
.record-modal-basic-tabs__tab.is-drag-invalid {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-modal-basic-tabs__tab.is-drag-invalid::before {
  content: " ";
  opacity: 0.15;
  background-color: #ff4d4f;
  border-radius: 6px;
  transition: opacity 250ms ease-in-out;
}
.record-modal-basic-tabs__tab .title {
  z-index: 2;
  position: relative;
}
.record-modal-process-tabs {
  display: flex;
  align-items: center;
  justify-content: var(--tabs-justify-content, flex-start);
  gap: 10px;
  height: 48px;
  padding: 0 30px;
}
.record-modal-process-tabs__tab {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.record-modal-process-tabs__tab::before {
  content: " ";
  opacity: 0;
  position: absolute;
  top: -2px;
  right: -8px;
  bottom: -2px;
  left: -2px;
  background-color: var(--solution-primary-color);
  border-radius: 5px;
  transition: opacity 150ms ease-out;
}
.record-modal-process-tabs__tab.is-active {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-modal-process-tabs__tab.is-active .record-modal-process-tabs__number {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.record-modal-process-tabs__tab.is-active .record-modal-process-tabs__number::before {
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in;
}
.record-modal-process-tabs__tab:not(.is-active):hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-modal-process-tabs__tab:not(.is-active):hover::before {
  opacity: 0.1;
  transition: opacity 200ms ease-in;
}
.record-modal-process-tabs__tab:not(.is-active):hover .record-modal-process-tabs__number::before {
  opacity: 0.5;
  border-color: var(--solution-primary-color);
  transition: opacity 200ms ease-in , border-color 200ms ease-in;
}
.record-modal-process-tabs__tab.is-drag-over {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-modal-process-tabs__tab.is-drag-over::before {
  opacity: 0.15;
  transition: opacity 200ms ease-in;
}
.record-modal-process-tabs__tab.is-drag-invalid {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-modal-process-tabs__tab.is-drag-invalid::before {
  opacity: 0.15;
  background-color: #ff4d4f;
  transition: opacity 200ms ease-in;
}
.record-modal-process-tabs__number {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 6px;
}
.record-modal-process-tabs__number::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: inherit;
  transition: opacity 150ms ease-out , border-color 150ms ease-out;
}
.record-modal-process-tabs__line {
  opacity: 0.4;
  min-width: 30px;
  border-bottom: 1px dashed var(--solution-hover-color);
}
.record-modal-journey-tabs {
  display: flex;
  height: 48px;
}
.record-modal-journey-tabs__tab {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  margin-left: -25px;
  padding: 0 40px;
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.record-modal-journey-tabs__tab::before {
  content: " ";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--solution-primary-color);
  transition: opacity 150ms ease-out;
  clip-path: polygon(24px 24px, 0 0, calc(100% - 24px) 0, 100% 24px, calc(100% - 24px) 100%, 0 100%);
}
.record-modal-journey-tabs__tab::after {
  content: " ";
  opacity: 0.2;
  position: absolute;
  top: 0;
  right: 10px;
  display: block;
  width: 48px;
  height: 48px;
  border-top: 1px solid var(--solution-primary-color);
  border-right: 1px solid var(--solution-primary-color);
  transform: rotate(45deg);
}
.record-modal-journey-tabs__tab.is-first::before {
  clip-path: polygon(0% 0%, calc(100% - 24px) 0%, 100% 24px, calc(100% - 24px) 100%, 0% 100%);
}
.record-modal-journey-tabs__tab.is-active {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-modal-journey-tabs__tab.is-active::before {
  opacity: 0.1;
  transition: opacity 200ms ease-in;
}
.record-modal-journey-tabs__tab:not(.is-active):hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-modal-journey-tabs__tab:not(.is-active):hover::before {
  opacity: 0.05;
  transition: opacity 200ms ease-in;
}
.record-modal-journey-tabs__tab.is-drag-over {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-modal-journey-tabs__tab.is-drag-over::before {
  opacity: 0.15;
  transition: opacity 200ms ease-in;
}
.record-modal-journey-tabs__tab.is-drag-invalid {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.record-modal-journey-tabs__tab.is-drag-invalid::before {
  opacity: 0.15;
  background-color: #ff4d4f;
  transition: opacity 200ms ease-in;
}
.record-modal-journey-tabs__tab .title {
  min-width: 160px;
}
.record-form-layout {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.record-form-layout__wrapper {
  display: flex;
  padding: 30px 15px 0;
}
.record-form-layout--type-seventy {
  width: 70%;
}
.record-form-layout--type-thirty {
  width: 30%;
}
.record-form-layout--type-seventy, .record-form-layout--type-thirty {
  flex-direction: column;
}
.record-form-layout--type-seventy .record-layout-item--type-placeholder, .record-form-layout--type-thirty .record-layout-item--type-placeholder {
  width: 100%;
  flex-grow: 1;
}
.record-form-layout--hidden {
  display: none;
}
.record-form-layout--block {
  width: 100%;
}
.record-form-new-field-button {
  margin-top: auto;
  padding: 24px 30px 32px 30px;
}
.record-form-new-field-button.is-active .record-form-new-field-button__button {
  background-color: var(--solution-secondary-color);
  color: var(--typo-primary, #2E3538);
}
.record-form-new-field-button__button {
  border-style: dashed;
  justify-content: center;
  width: 100%;
  color: var(--tertiary, #6B6B6B);
}
.record-form-new-field-button__button:hover {
  color: var(--typo-primary, #2E3538);
}
.record-layout-field-item--dragging-other * {
  pointer-events: none;
}
.record-layout-field-item__content {
  padding: 0 15px;
  position: relative;
}
.record-layout-field-item__dragging-placeholder {
  background-color: var(--G-0-5, #FAFAFA);
  border: 1px dashed var(--G-2, #DEDEDE);
  border-radius: 5px;
  width: 100%;
  height: 64px;
  margin-bottom: 32px;
}
.record-layout-field-item-drag-preview {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  pointer-events: none;
  width: 100%;
  max-height: 100px;
  overflow: hidden;
  background: var(--G-0, #FFFFFF);
  padding: 10px;
  margin: -10px;
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.066);
  transform: translate(-99999px, -99999px);
}
.record-layout-item {
  width: 100%;
  will-change: transform;
}
.record-layout-item--half-width {
  width: 50%;
}
.record-layout-item--type-placeholder {
  width: 50%;
}
.record-layout-item--hidden {
  display: none;
}
.record-layout-item__scroll-target {
  position: relative;
  top: -30px;
}
.record-layout-item--type-section {
  transform: none !important;
}
.record-layout-item--linkedrecordfield {
  position: relative;
  z-index: 1;
}
.record-layout-item--richtextareafield {
  position: relative;
  z-index: 2;
}
.record-layout-placeholder-item {
  height: 100%;
}
.record-layout-section-item {
  padding: 0 15px;
}
.go-to-home-button {
  min-width: 18px;
  width: 18px;
  height: 18px;
  display: block;
  background-color: var(--G-0, #FFFFFF);
  border: 0;
  border-radius: 0;
  appearance: none;
  position: relative;
}
.go-to-home-button .go-to-home-button__button-decor-lines:before,
.go-to-home-button .go-to-home-button__button-decor-lines:after {
  content: "";
  position: absolute;
  background-color: var(--solution-primary-color);
}
.go-to-home-button .go-to-home-button__button-decor-lines--vertical:before, .go-to-home-button .go-to-home-button__button-decor-lines--vertical:after {
  width: 3px;
  top: 0;
  bottom: 0;
}
.go-to-home-button .go-to-home-button__button-decor-lines--vertical:before {
  left: 4px;
}
.go-to-home-button .go-to-home-button__button-decor-lines--vertical:after {
  right: 4px;
}
.go-to-home-button .go-to-home-button__button-decor-lines--horizontal:before, .go-to-home-button .go-to-home-button__button-decor-lines--horizontal:after {
  height: 3px;
  left: 0;
  right: 0;
}
.go-to-home-button .go-to-home-button__button-decor-lines--horizontal:before {
  top: 4px;
}
.go-to-home-button .go-to-home-button__button-decor-lines--horizontal:after {
  bottom: 4px;
}
.go-to-home-button.is-keyboard-focus:before {
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  z-index: 1;
  border: 2px solid #B7E3FB;
  border-radius: 5px;
  pointer-events: none;
}
.record-title-params-form__header {
  padding: 25px 25px 13px;
}
.record-title-params-form__title {
  margin-bottom: 12px;
}
.record-title-params-form__description {
  padding: 12px 25px;
}
.simple-formula-params-formula {
  padding: 32px 0;
}
.simple-formula-params-formula__selects {
  display: flex;
  align-items: center;
}
.simple-formula-params-formula__select {
  max-width: calc(50% - 19px);
}
.simple-formula-params-formula__error {
  display: flex;
  padding: 0 6px;
  background-color: #FEECEE;
  border-radius: 5px;
  position: absolute;
  bottom: 3px;
  left: 5px;
}
.simple-formula-params-formula__error-message {
  color: #FF5757;
}
.formula-field-option {
  height: 36px;
}
.formula-field-option.is-selected {
  padding: 0;
  height: auto;
}
.operation-option {
  width: 26px;
  min-width: 26px;
  height: 26px;
  border-radius: 5px;
  color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px auto;
  transform: scale(1);
  transition: transform 150ms ease-out;
}
.operation-option:hover:not(.is-selected) {
  transform: scale(1.154);
  transition: transform 200ms ease-in;
}
.operation-formula-select {
  --panel-select-placeholder-background: transparent;
  --select-placeholder-padding-left: 6px;
  --select-placeholder-padding-right: 6px;
}
.operation-formula-select-dropdown {
  --select-option-active-background: transparent;
  --select-option-highlight-background: transparent;
}
.automation-button-create {
  border: 1px solid var(--G-1, #F3F3F4);
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  padding: 10px;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.automation-button-create__text {
  display: inline-block;
  margin-bottom: 10px;
}
.automation-button-create__text a {
  color: var(--typo-primary, #2E3538);
}
.paired-automation-button {
  height: 36px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  font-size: 13px;
  width: 100%;
  transition: border-color 150ms ease-out;
}
.paired-automation-button:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.paired-automation-button__icon {
  color: var(--G-8, #4d4d4d);
}
.automation-button-field-description-prompt {
  margin-bottom: 24px;
}
.button-field-create-automation-prompt:before {
  display: none;
}
.button-field-params-form {
  padding: 12px 25px 25px;
  background-color: var(--G-0, #FFFFFF);
}
.button-field-label-params {
  margin-bottom: 25px;
}
.button-field-label-params__title {
  margin-bottom: 8px;
}
.button-field-color-params {
  margin-bottom: 25px;
}
.button-field-color-params__title {
  margin-bottom: 12px;
}
.button-field-color-params .small-color-picker-palette__button {
  margin-left: 8px;
  margin-right: 9px;
}
.button-field-action-params__title {
  margin-bottom: 8px;
}
.button-field-action-params__options {
  width: 100%;
  margin-top: 8px;
  padding: 0 2px;
  margin-bottom: 25px;
}
.button-field-action-params__options .switch-button__slider {
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 3px;
}
.button-field-action-option {
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.button-field-action-option:not(:last-child) {
  margin-bottom: 4px;
}
.button-field-action-option__icon {
  color: var(--solution-primary-color);
  margin-right: 10px;
}
.button-field-action-option:hover .button-field-action-option__icon {
  color: var(--typo-primary, #2E3538);
}
.button-field-action-url__title {
  margin-bottom: 8px;
}
.button-field-action-url-formula__header {
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.button-field-action-url-formula__button {
  flex-direction: row-reverse;
}
.button-field-action-url-formula__codeeditor {
  width: 100%;
  height: 70px;
  background-color: var(--G-0-5, #FAFAFA);
}
.button-field-action-url-formula__codeeditor .cm-placeholder {
  color: var(--inactive, #B2B2B3);
  font-size: 13px;
  line-height: 18px;
}
.button-field-action-url-formula__codeeditor .cm-editor {
  padding: 0 8px 0 6px;
}
.settings-checkbox-label {
  display: flex;
  align-items: center;
  gap: 6px;
}
.assignee-settings-section__title {
  margin-bottom: 12px;
}
.assignee-settings-section-checkbox {
  display: flex;
  align-items: center;
}
.assignee-settings-section-checkbox:not(:last-child) {
  margin-bottom: 8px;
}
.checklist-field-params {
  margin-bottom: 25px;
}
.lookup-field-params-form {
  padding: 12px 25px 7px;
  max-width: 500px;
}
.lookup-field-params-form__title {
  margin-bottom: 10px;
}
.lookup-field-params-form__filter {
  margin-top: 25px;
}
.target-field-selector-title {
  margin-bottom: 8px;
}
.target-field-selector-description {
  margin-top: 2px;
}
.target-field-option {
  display: flex;
  position: relative;
  align-items: center;
  height: 28px;
  padding: 0 10px 0 33px;
}
.target-field-option__checkmark {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 10px;
}
.target-field-option__label {
  padding-left: 10px;
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.target-field-option__icon {
  color: black;
}
.target-field-option.is-selected .target-field-option__icon, .target-field-option:hover .target-field-option__icon {
  color: var(--solution-primary-color);
}
.target-field-option.is-selected .target-field-option__label, .target-field-option:hover .target-field-option__label {
  transition: color 200ms ease-in;
  color: currentColor;
}
.target-field-dropdown {
  --single-select-min-height: 34px;
  --arrow-select-top-position: 0px;
}
.rollup-field-params-form {
  max-width: 500px;
  padding: 25px 25px 12px;
}
.rollup-field-params-form__function {
  margin-top: 25px;
  margin-bottom: 8px;
}
.rollup-field-params-form__filter {
  margin-top: 25px;
}
.function-select-option {
  padding: 8px 20px 8px 38px;
  display: flex;
  position: relative;
}
.function-select-option__icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 12px;
}
.function-select-option__title {
  margin-bottom: 2px;
}
.function-select-option__content {
  display: flex;
  flex-direction: column;
}
.count-field-params-form {
  padding: 12px 25px 7px;
  max-width: 500px;
}
.count-field-params-form__filter {
  margin-bottom: 12px;
}
.count-field-params-form .small-color-picker-palette__button {
  margin-right: 8px;
  margin-left: 8px;
}
.params-linked-record-field-title {
  margin-bottom: 8px;
}
.params-linked-record-field-description {
  margin-top: 2px;
  margin-bottom: 25px;
  display: inline-block;
}
.dependency-field-params-form__title {
  margin-bottom: 1px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.dependency-field-params-form__container {
  padding: 12px 25px 13px;
  background-color: var(--G-0, #FFFFFF);
}
.dependency-field-params-form__fields {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 12px;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.dependency-field-params-form__field {
  display: flex;
  align-items: center;
  gap: 13px;
  justify-content: space-between;
}
.dependency-field-params-form__tooltip {
  width: 100%;
}
.dependency-field-params-form__field-text {
  min-width: 70px;
}
.dependency-field-params-message {
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 10px 6px 10px 15px;
  margin-top: 6px;
  position: relative;
  gap: 15px;
  z-index: 1;
}
.dependency-field-params-message:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  opacity: 0.5;
  z-index: -1;
}
.dependency-field-params-message--error:before {
  background-color: #FEECEE;
}
.dependency-field-params-message__head {
  margin-bottom: 4px;
}
.dependency-field-params-message__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dependency-field-params-message__text span {
  text-decoration: underline;
  cursor: pointer;
  margin-left: 3px;
}
.dependency-field-params-message__button {
  margin-top: 4px;
}
.dependency-field-params-select {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.dependency-field-option.is-active:not(.is-selected):not(.invalid) {
  color: var(--G-0, #FFFFFF);
  background-color: var(--solution-primary-color);
}
.dependency-field-option.is-active:not(.is-selected):not(.invalid) .dependency-field-option__icon {
  color: var(--G-0, #FFFFFF);
}
.dependency-field-option.is-active:not(.is-selected):not(.invalid) .dependency-field-option__subtext {
  color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in;
}
.dependency-field-option__subtext {
  font-weight: 400;
  color: var(--typo-secondary, #878B92);
  transition: color 150ms ease-out;
}
.dependency-field-option.is-selected {
  padding: 0;
}
.dependency-field-option.is-selected .dependency-field-option__icon {
  color: var(--typo-primary, #2E3538);
}
.dependency-field-tooltip-info {
  display: flex;
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 6px;
  padding: 10px;
  margin: -4px -10px;
}
.dependency-field-tooltip-info__column {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dependency-field-tooltip-info__column:not(:first-child) {
  padding-left: 10px;
}
.dependency-field-tooltip-info__column:not(:last-child) {
  padding-right: 10px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.dependency-field-option-tooltip {
  width: 100%;
  display: block;
}
.dependency-field-option-tooltip-item .tooltip-item__in {
  overflow: visible;
}
.dependency-field-params-mode-item {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.dependency-field-params-mode-item:not(:last-child) {
  margin-bottom: 12px;
}
.dependency-field-params-mode-item__content {
  display: flex;
  flex-direction: column;
  gap: 2px 0;
  padding-left: 8px;
}
.dependency-field-params-mode-item__head {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dependency-field-params-mode-item.is-disabled {
  pointer-events: none;
  cursor: default;
}
.dependency-field-params-mode-item.is-disabled .dependency-field-params-mode-item__title,
.dependency-field-params-mode-item.is-disabled .dependency-field-params-mode-item__description,
.dependency-field-params-mode-item.is-disabled .dependency-field-params-mode-item__button {
  opacity: 0.5;
}
.dependency-field-params-mode {
  margin-top: 12px;
}
.dependency-field-params-mode__icon {
  margin-top: 1px;
}
.dependency-field-params-mode__head {
  display: flex;
  margin-bottom: 12px;
  gap: 10px;
  cursor: pointer;
  position: relative;
}
.dependency-field-params-mode__head:before {
  content: "";
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}
.dependency-field-params-mode__items {
  padding-left: 23px;
}
.dependency-field-params-mode__title {
  display: flex;
  align-items: center;
  gap: 4px;
}
.dependency-field-params-mode__info {
  position: relative;
  z-index: 1;
}
.dependency-field-params-mode.is-expanded .dependency-field-params-mode__icon {
  transform: rotate(90deg);
}
.dependency-field-params-schedule {
  margin-top: 12px;
  padding: 10px 0;
  display: flex;
  gap: 10px;
}
.dependency-field-params-schedule__icon {
  margin-top: 1px;
}
.dependency-field-params-schedule__content {
  flex-grow: 1;
}
.dependency-field-params-schedule__description {
  margin-top: 1px;
  margin-bottom: 12px;
  display: block;
}
.dependency-field-params-schedule__info {
  position: relative;
  z-index: 1;
}
.dependency-field-params-schedule__title {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.dependency-field-params-schedule__title:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -26px;
  right: 0;
  bottom: -10px;
}
.dependency-field-params-schedule.is-expanded .dependency-field-params-schedule__icon {
  transform: rotate(90deg);
}
.dependency-field-params-schedule.is-expanded .dependency-field-params-schedule__title:before {
  top: 0;
  bottom: 0;
}
.dependency-field-params-schedule-label {
  align-items: flex-start;
  margin-top: 12px;
}
.dependency-field-params-backward-label {
  align-items: flex-start;
  margin-top: 12px;
}
.dependency-field-params-tooltip {
  padding: 6px 0;
}
.r-linked-record-field-params {
  padding: 12px 25px 25px;
  background-color: var(--G-0, #FFFFFF);
  width: 500px;
}
.r-linked-record-field-params__options {
  padding: 0;
  margin-top: 25px;
}
.r-linked-record-field-params__title {
  margin-bottom: 8px;
  display: block;
}
.params-linked-record-field-option {
  height: 28px;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 38px;
  padding-right: 10px;
}
.params-linked-record-field-option__checkmark {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 10px;
}
.params-toggler {
  margin-bottom: 18px;
}
.params-toggler__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 19px;
}
.params-toggler__body {
  padding-top: 12px;
}
.params-filter {
  background-color: var(--solution-secondary-color);
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  padding-right: 30px;
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.params-filter__button {
  color: var(--solution-primary-color);
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.params-filter__button:hover {
  color: var(--solution-hover-color);
}
.params-filter__separator {
  display: block;
}
.labels-column__title {
  margin-bottom: 4px;
  display: inline-block;
}
.params-include-labels {
  display: flex;
  background-color: var(--G-0-5, #FAFAFA);
  padding: 12px 10px;
  gap: 10px;
  border-radius: 5px;
}
.params-color-picker {
  margin-bottom: 24px;
}
.params-color-picker__list {
  display: flex;
  flex-wrap: wrap;
}
.params-color-picker__title {
  margin-bottom: 12px;
}
.field-help-text-appearance-select {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
  margin-bottom: 11px;
}
.field-help-text-appearance-select__switch {
  padding: 0 2px;
}
.field-help-text-appearance-select__switch .switch-button__item {
  width: 50%;
}
.field-help-text-appearance-select__switch .switch-button__slider {
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 3px;
}
.field-help-text-appearance-select__preview {
  display: flex;
  margin: 0 auto;
}
.field-help-text-appearance-select__preview-wrapper {
  height: 108px;
  border-radius: 6px;
  margin-top: -5px;
  position: relative;
}
.field-help-text-appearance-select__preview-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 6px;
}
.field-params-tooltip-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 16px 12px 0;
}
.field-params-tooltip-content__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.field-params-tooltip-content__main:before {
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  left: -22px;
  right: -32px;
  background-color: rgba(255, 255, 255, 0.1);
}
.field-params-tooltip-content__title {
  margin-bottom: 12px;
}
.field-params-tooltip-content__description {
  margin-bottom: 22px;
}
.field-params-tooltip-content__link {
  cursor: pointer;
  margin-bottom: 20px;
  height: 24px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  background-color: var(--solution-primary-color);
  transition: background-color 150ms ease-out;
}
.field-params-tooltip-content__link:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.field-params-tooltip-content__field-title {
  opacity: 0.6;
}
.field-params-tooltip-content__footer {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  margin: 0 -32px 0 -22px;
  padding: 0 32px 0 22px;
}
.field-params-tooltip-content__icon {
  color: var(--G-0, #FFFFFF);
  opacity: 0.4;
  cursor: pointer;
}
.field-params-hint-icon {
  width: 24px;
  height: 24px;
}
.field-params-hint-icon-large {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
  color: var(--G-5, #9B9C9E);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 150ms ease-out;
}
.field-params-hint-icon-large:hover {
  color: var(--ic-dark, #2D2D2D);
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.reaching-fields-limit {
  margin: 0 10px 12px 15px;
}
.help-text-editor {
  position: relative;
  min-height: 150px;
}
.help-text-editor__expand {
  z-index: 3;
  position: absolute;
  top: 41px;
  right: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background-color: var(--G-0, #FFFFFF);
  color: var(--G-8, #4d4d4d);
  transition: background-color 150ms ease-out;
}
.help-text-editor__expand:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.help-text-editor__counter {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 7px;
  pointer-events: none;
}
.help-text-editor__resizer {
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: move;
  z-index: 1;
  color: #b6b6b9;
  display: flex;
}
.help-text-editor__editor {
  height: 100%;
}
.help-text-editor__editor .ProseMirror {
  height: calc(100% - 39px);
  min-height: 111px;
  padding: 5px 7px 5px 10px;
  font-size: 12px;
  margin-top: 2px;
  width: auto;
  margin-right: 3px;
  line-height: 18px;
  overflow-y: auto;
}
.help-text-editor__editor .ProseMirror::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.help-text-editor__editor .ProseMirror::-webkit-scrollbar-track {
  background-color: transparent;
}
.help-text-editor__editor .ProseMirror::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.help-text-editor__editor .ProseMirror::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.help-text-editor__editor .ProseMirror p {
  margin-bottom: 4px;
}
.help-text-editor__editor .ProseMirror li {
  margin-bottom: 4px;
}
.help-text-editor__scrollbar {
  width: 100%;
}
.help-text-editor__scrollbar .ScrollbarsCustom-Content {
  height: 100%;
}
.params-field-group {
  margin-bottom: 12px;
}
.params-field-group__title {
  margin-bottom: 10px;
}
.params-single-select {
  --checkmark-option-height: 34px;
}
.params-single-select__list {
  --select-option-margin-bottom: 4px;
  --select-option-active-background: transparent;
  --checkmark-option-height: 28px;
}
.params-prefix-suffix {
  display: flex;
  gap: 16px;
  padding: 10px;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
}
.params-prefix-suffix-wrapper {
  margin-top: 25px;
}
.params-prefix-suffix-input {
  flex-grow: 1;
}
.params-prefix-suffix-input__title {
  margin-bottom: 8px;
}
.params-date-time-zone {
  display: flex;
  flex-direction: column;
}
.params-date-time-zone__select {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 8px;
  padding-left: 28px;
}
.params-date-time-zone__list {
  --checkmark-option-height: 28px;
}
.params-date-time-format__selected {
  --checkmark-option-gutter: 0;
}
.params-date-time-format__list {
  --checkmark-option-height: 28px;
  --select-option-margin-bottom: 4px;
  --select-option-active-background: transparent;
}
.params-field-group {
  margin-bottom: 12px;
}
.params-field-group__title {
  margin-bottom: 10px;
}
.params-fields-wrap {
  padding: 12px 25px 13px;
}
.params-fields-wrap > div:last-child {
  margin-bottom: 0;
}
.formula-field-params-form {
  position: relative;
  overflow: hidden;
  padding: 50px 15px;
}
.formula-field-params-form::before {
  content: " ";
  opacity: 0.3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--solution-secondary-color);
  pointer-events: none;
}
.formula-params-formatter {
  overflow: hidden;
  min-height: 100%;
}
.formula-params-formatter__wrapper {
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
}
.formula-params-formatter__top {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 22px;
  background-color: var(--G-0-5, #FAFAFA);
  flex-shrink: 0;
}
.formula-params-formatter__content {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  overflow: hidden;
  padding: 8px 15px;
}
.formula-params-formatter-error {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 100%;
  min-height: 140px;
}
.formula-params-formatter-display-format {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}
.formula-params-formatter-display-format__selected {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.formula-params-formatter-field-select {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}
.formula-params-formatter-field-select__list {
  --checkmark-option-height: 28px;
  --select-option-margin-bottom: 4px;
}
.formula-params-formatter-field-select__option {
  display: flex;
  align-items: center;
  gap: 10px;
}
.multiple-select-field-params-form {
  margin-top: 7px;
}
.multiple-select-field-params-form__checkboxes {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 10px;
}
.multiple-select-field-params-form__box {
  margin-top: 12px;
  padding: 13px 15px;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
}
.single-select-field-params-form {
  margin-top: 7px;
}
.single-select-field-params-form__checkboxes {
  margin-top: 10px;
}
.help-text-editor-expand-modal {
  height: 676px;
  max-height: calc(100vh - 60px);
  border-radius: 12px;
}
.help-text-editor-expand-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 20px 0 30px;
  border-radius: 12px 12px 0 0;
  background-color: var(--G-0, #FFFFFF);
}
.help-text-editor-expand-modal__editor {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.help-text-editor-expand-modal__editor .formatting-toolbar {
  padding: 0 20px;
}
.help-text-editor-expand-modal__editor .ProseMirror {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 30px;
  font-size: 14px;
  line-height: 20px;
}
.help-text-editor-expand-modal__editor .ProseMirror::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.help-text-editor-expand-modal__editor .ProseMirror::-webkit-scrollbar-track {
  background-color: transparent;
}
.help-text-editor-expand-modal__editor .ProseMirror::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.help-text-editor-expand-modal__editor .ProseMirror::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.help-text-editor-expand-modal__close {
  width: 32px;
  height: 32px;
  border-radius: 5px;
}
.help-text-editor-expand-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  height: 48px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 25px;
  border-radius: 0 0 12px 12px;
  background-color: var(--G-0, #FFFFFF);
}
.help-text-editor-expand-modal__save {
  border-radius: 8px;
}
.field-agent-params-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 25px;
  min-height: 46px;
  position: relative;
  z-index: 1;
}
.field-agent-params-toggle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1px;
  right: 0;
  z-index: -1;
  background-image: linear-gradient(90deg, rgba(238, 243, 252, 0.5) 0%, rgba(243, 239, 248, 0.5) 100%);
}
.field-agent-params-toggle:after {
  content: "";
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: linear-gradient(90deg, rgba(85, 138, 224, 0.2) 0%, rgba(134, 99, 181, 0.2) 100%);
}
.field-agent-params-toggle__title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.field-agent-params-toggle__info-icon {
  color: var(--G-3, #C7C8C9);
  cursor: pointer;
}
.field-agent-params-toggle__info-icon:hover {
  color: var(--G-8, #4d4d4d);
}
.field-agent-params-toggle__toggle .basic-onoff__control {
  background-color: var(--G-4, #B2B2B3);
}
.field-agent-params-toggle__alpha {
  align-items: center;
  background-color: #FFF2DC;
  border-radius: 10px;
  border: 1px solid rgba(255, 185, 56, 0.5);
  display: inline-flex;
  height: 20px;
  color: var(--tertiary, #6B6B6B);
  padding: 0px 5px;
  font-size: 9px;
  text-transform: uppercase;
}
.field-agent-params-introduction {
  display: flex;
  gap: 6px;
  flex-direction: column;
  padding: 0 25px;
  height: 369px;
  align-items: center;
  position: relative;
  padding-top: 186px;
}
.field-agent-params-introduction__icon {
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -98px;
}
.field-agent-richtext-instruction__input-group {
  min-height: var(--picker-container-min-height, 36px);
}
.field-agent-richtext-instruction__input-group .ProseMirror {
  font-size: 13px;
  line-height: 24px;
  padding: 5px 10px 7px;
}
.field-agent-richtext-instruction__input-group .ProseMirror p {
  line-height: 24px;
  margin-bottom: 0;
}
.field-agent-richtext-instruction__input-group .field-type-pill__icon {
  display: none;
}
.field-agent-richtext-instruction__input-group .field-type-pill .text {
  font-size: 13px;
}
.field-agent-richtext-instruction__input-group .pill-node-view-wrapper {
  padding: 0 2px;
  position: relative;
  top: -2px;
  display: inline-block;
  height: 22px;
}
.field-agent-text-instruction {
  padding: 0 25px 23px;
}
.field-agent-text-instruction .pill-picker-editor__plus-button {
  right: 10px;
  top: 10px;
}
.field-agent-text-instruction__title {
  margin-bottom: 8px;
  display: block;
}
.field-agent-text-instruction__input {
  width: 100%;
  min-height: var(--picker-container-min-height, 36px);
  --picker-min-height: 88px;
  --picker-button-top: 9px;
  --picker-button-right: 10px;
}
.field-agent-text-instruction__input-group {
  padding: 3px 10px 7px;
  min-height: var(--picker-container-min-height, 36px);
}
.field-agent-text-instruction__input-group .pill-node-view-wrapper {
  padding: 0 2px;
  position: relative;
  top: -2px;
  display: inline-block;
  height: 22px;
}
.field-agent-text-instruction__input-group .ProseMirror {
  padding-right: 15px;
}
.field-agent-text-instruction__input-group .ProseMirror p {
  line-height: 24px;
  position: relative;
  top: 2px;
  font-weight: 500;
}
.field-agent-text-instruction__input-group .field-type-pill__icon {
  display: none;
}
.field-agent-text-instruction__input-group .field-type-pill .text {
  font-size: 13px;
}
.field-agent-model-select {
  padding: 24px 25px 0;
}
.field-agent-model-select__dropdown {
  --field-picker-editor-dropdown-header-padding-top: 0;
  --menu-option-height: 28px;
  -select-option-margin-bottom: 4px;
  --menu-option-icon-color: var(--ic-dark, #2D2D2D);
  --menu-option-inner-padding-right: 7px;
  --menu-option-inner-padding-left: 7px;
  --menu-option-icon-margin-right: 10px;
  --dropdown-search-no-icon-input-gutter: 11px;
}
.field-agent-model-select__input {
  width: 100%;
  min-height: var(--picker-container-min-height, 36px);
  --picker-min-height: 88px;
  --picker-button-top: 9px;
  --picker-button-right: 10px;
}
.field-agent-model-select__input-group {
  padding: 3px 10px 7px;
  min-height: var(--picker-container-min-height, 36px);
}
.field-agent-model-select-label {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.field-agent-model-select-label__info-icon {
  cursor: pointer;
  color: var(--G-6, #868788);
}
.field-agent-model-select-label__info-icon:hover {
  color: var(--G-8, #4d4d4d);
}
.field-agent-model-select-label__tooltip {
  height: 16px;
}
.select-placeholder--field-agent-model-select-placeholder {
  border-radius: 5px;
  --select-placeholder-lock-opacity: 0;
}
.field-agent-model-select-selected-option {
  display: flex;
  align-items: center;
  gap: 10px;
}
.field-agent-model-select-dropdown {
  margin-bottom: 18px;
}
.field-agent-model-select-list-items {
  --select-option-margin-bottom: 4px;
  --select-option-active-background: transparent;
}
.field-agent-model-select-option {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  position: relative;
}
.field-agent-model-select-option__text {
  padding-right: 24px;
}
.field-agent-model-select-option__checkmark {
  position: absolute;
  margin-top: -8px;
  right: 10px;
  top: 50%;
}
.is-active .field-agent-model-select-option {
  padding-right: 28px;
}
.field-agent-attached-files {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 6px;
}
.field-agent-attached-files__title-container {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 1px;
}
.field-agent-attached-files__tooltip-icon {
  color: var(--G-6, #868788);
}
.field-agent-attached-files__tooltip-icon:hover {
  color: var(--G-8, #4d4d4d);
}
.field-agent-attached-files__description {
  display: block;
  margin-bottom: 10px;
}
.field-agent-attached-files__tooltip-content {
  width: 266px;
  display: block;
}
.field-agent-attached-files__error-message {
  display: block;
  margin-top: 6px;
}
.field-agent-attached-files-button {
  height: 36px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-weight: 600;
  font-size: 11px;
  width: 100%;
  border: 1px solid var(--G-1-5, #E9E9E9);
  color: var(--typo-primary, #2E3538);
  transition: border-color 150ms ease-out;
}
.field-agent-attached-files-button:hover, .field-agent-attached-files-button.is-dragging {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.field-agent-attached-files-item {
  height: 36px;
  display: flex;
  align-items: center;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 4px 0 10px;
  border-radius: 5px;
  gap: 4px;
}
.field-agent-attached-files-item__preview-button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  color: inherit;
  text-decoration: underline;
  text-align: left;
  min-width: 0;
  flex: 1;
  overflow: hidden;
}
.field-agent-attached-files-item__remove-button {
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  height: 28px;
  padding: 0 9px;
  font-size: 11px;
  font-weight: 600;
  margin-left: auto;
  transition: border-color 150ms ease-out;
}
.field-agent-attached-files-item__remove-button:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.field-agent-attached-files-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
.field-agent-attached-files-list__add-button {
  margin-top: 6px;
}
.field-form-option {
  display: flex;
  align-items: center;
  gap: 10px;
}
.field-form-option__icon {
  color: var(--ic-dark, #2D2D2D);
  display: flex;
  position: relative;
}
.field-form-option__field-agent-badge {
  display: flex;
  align-items: center;
  padding: 0 6px;
  height: 20px;
  font-size: 11px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}
.field-form-option__field-agent-badge:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  z-index: -1;
  background-image: linear-gradient(90deg, rgba(238, 243, 252, 0.5) 0%, rgba(243, 239, 248, 0.5) 100%);
  border-radius: 6px;
}
.field-form-option__field-agent-badge:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 6px;
  background-image: linear-gradient(90deg, rgba(85, 138, 224, 0.16) 0%, rgba(134, 99, 181, 0.16) 100%);
}
.field-form-option__text {
  display: flex;
  gap: 9px;
  overflow: hidden;
  align-items: center;
}
.field-form-option__dot {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 9px;
  height: 9px;
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
  background-color: #EDB740;
}
.field-agent-params__preloader {
  height: 369px;
}
.field-action-params-switcher {
  width: 100%;
  padding: 0 2px;
}
.field-action-params-switcher__title {
  display: block;
  margin-bottom: 12px;
}
.timer-floating-pill {
  z-index: 19;
  position: fixed;
  bottom: 20px;
  right: 98px;
  --time-tracking-duration-min-width: 62px;
}
.timer-floating-pill__static:hover .timer-floating-pill__holder {
  transform: translateX(-26px);
}
.timer-floating-pill__holder {
  transition: all 0.3s;
  position: relative;
  z-index: 10;
}
.timer-floating-pill__close-button {
  position: fixed;
  bottom: 20px;
  right: 98px;
  z-index: 8;
  border-radius: 13px;
  padding: 0 8px;
  background: rgba(45, 45, 45, 0.7);
  display: flex;
  align-items: center;
  height: 26px;
  width: 60px;
  justify-content: flex-end;
  z-index: 8;
}
.document-designer-modal {
  overflow: hidden;
  border-radius: 5px;
}
.document-designer-modal__close {
  z-index: 2;
  position: absolute;
  top: 17px;
  right: 17px;
  width: 35px;
  height: 35px;
}
.document-designer-modal__iframe {
  display: block;
  width: 100%;
  height: calc(100vh - 60px);
  border-radius: 5px;
}
.ai-assistant-floating-button {
  position: fixed;
  bottom: 75px;
  right: 20px;
  z-index: 1000;
}
.ai-assistant-floating-button__button {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  transition: background-color 200ms ease-in;
}
.ai-assistant-floating-button__button:hover {
  background-color: var(--solution-hover-color);
}
.ai-assistant-panel {
  width: 420px;
  border-radius: 8px;
  background-color: var(--solution-secondary-color);
  overflow: hidden;
}
.ai-assistant-panel__messages {
  padding: 20px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-height: 50vh;
}
.ai-assistant-panel__message {
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  padding: 15px;
}
.ai-assistant-panel__message--from-user {
  border: 1px solid var(--solution-primary-color);
  background-color: var(--solution-secondary-color);
  font-weight: medium;
}
.ai-assistant-panel__input {
  background-color: var(--G-0, #FFFFFF);
  padding: 5px 10px;
}
.ai-assistant-panel__message-origin {
  margin-bottom: 3px;
}
.email-composer {
  position: fixed;
  bottom: 20px;
  right: 78px;
  z-index: 1000;
  min-width: 700px;
  max-width: 700px;
  flex-direction: column;
  display: flex;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 5px;
}
.email-composer--expanded {
  min-width: 960px;
  max-width: 960px;
  bottom: unset;
  left: 50%;
  right: unset;
  top: 50%;
  transform: translate(-50%, -50%);
  min-height: 600px;
}
.email-composer__overlay {
  display: contents;
}
.email-composer__overlay--expanded {
  display: block;
}
.email-selected-attach-count {
  background: var(--G-7, #6F7173);
  border-radius: 9999px;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  font-size: 11px;
  min-width: 17px;
  min-height: 16px;
  max-height: 16px;
}
.email-composer__header {
  background-color: var(--solution-primary-color);
  padding: 6px 20px;
  border-radius: 5px 5px 0 0;
  display: flex;
  align-items: center;
  height: 40px;
  justify-content: space-between;
}
.email-composer__header-label {
  color: var(--G-0, #FFFFFF);
}
.email-composer__header-actions-container {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.email-composer__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 55px;
  padding: 6px 30px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.email-composer__footer-error {
  display: flex;
  gap: 10.5px;
  align-items: center;
  color: #FF5757;
}
.email-composer__footer-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12.5px;
}
.email-composer__field {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 3px 0;
  margin: 0 20px;
}
.email-composer__label {
  color: var(--typo-secondary, #878B92);
  min-width: 48px;
}
.email-composer__label.is-active p {
  color: var(--typo-primary, #2E3538);
}
.email-composer__field .input-picker-group__plus-button {
  top: 50%;
  margin-top: -8px;
  opacity: 0;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.email-composer__field.is-default .input-picker-group__plus-button, .email-composer__field.is-default .field-picker-editor__add-button {
  visibility: hidden;
  opacity: 1;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.email-composer__field.is-active .input-picker-group__plus-button, .email-composer__field.is-active .field-picker-editor__add-button {
  visibility: visible;
  opacity: 1 !important;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.email-composer__field:hover .input-picker-group__plus-button, .email-composer__field:hover .field-picker-editor__add-button {
  visibility: visible;
  opacity: 1 !important;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.email-composer__field:hover .email-composer__label p {
  color: var(--typo-primary, #2E3538);
}
.email-composer__form {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 6px;
}
.email-composer__expand-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 4px 0;
  height: 28px;
  min-width: 19px;
  max-width: 19px;
  margin-right: 2px;
  border-radius: 5px;
}
.email-composer__expand-icon:hover .email-composer__expand-arrow {
  stroke: var(--G-6, #868788);
}
.email-composer__expand-arrow {
  stroke: var(--G-5, #9B9C9E);
  fill: transparent !important;
}
.email-composer__expand-arrow:not(:last-child) {
  margin-bottom: 3px;
}
.email-composer__field.is-readonly:not(.email-composer__expand-icon) {
  pointer-events: none;
}
.email-composer__to-field .react-input-group {
  max-width: 100%;
  border: none;
  outline: none;
  padding: 4px 13px 0;
}
.email-composer__to-field .react-input-group .is-active:focus {
  border: none;
}
.email-composer__to-field .react-input-group .is-default {
  border: none;
}
.email-composer__to-field .react-input-group::after {
  display: none;
}
.email-composer--expanded .email-composer__message-field {
  height: var(--email-composer-height, 400px);
}
.email-composer__message-field {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  height: var(--email-composer-height, 300px);
}
.email-composer__message-field.is-readonly .editor-react-plugin-wrapper--EditorStaticToolbarPluginView {
  display: none;
}
.email-composer__message-field .ProseMirror p {
  font-size: 13px;
  line-height: 18px;
}
.email-composer__message-field .ProseMirror p.paragraph-small {
  font-size: 0.75em;
}
.email-composer__message-field:hover .email-composer__message-field-picker {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.email-composer__message-field-picker {
  position: absolute;
  top: 5px;
  right: 23px;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.email-composer__message-field-picker.is-active {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.email-composer__editor {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.email-composer__editor .ProseMirror {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 16px 20px 10px;
}
.email-composer__editor .ProseMirror p {
  line-height: 25px;
}
.email-composer__field input::placeholder {
  color: var(--inactive, #B2B2B3);
}
.email-composer__field .picker-input-field__input {
  margin: 0 4px 4px 0px;
}
.email-composer__from-input input {
  padding-left: 13px;
}
.email-composer__empty {
  padding: 14px 17px;
  display: block;
}
.email-composer__fields-header {
  height: 38px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.email-composer__search {
  padding: 8px 5px 5px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.email-composer__fields-scroller {
  max-height: 300px;
}
.email-composer__fields {
  padding-top: 9px;
  padding-bottom: 5px;
}
.attachment-list-portal {
  margin-top: auto;
}
.email-composer__field-subject {
  margin: 0;
  padding: 0 20px;
  border-bottom: 1px solid var(--G-1, #F3F3F4);
}
.email-composer__field-subject .email-composer__subject-editor {
  flex: 1;
}
.email-composer__field-subject .email-composer__subject-editor .field-picker-editor__editor {
  min-height: 0;
}
.email-composer__field-subject .email-composer__subject-editor .field-picker-editor .react-input-group {
  max-width: 100%;
  border: none;
  outline: none;
  padding-left: 10px;
}
.email-composer__field-subject .email-composer__subject-editor .field-picker-editor .react-input-group .field-picker-editor__add-button {
  top: 0;
  bottom: 0;
  right: 1px;
  opacity: 0;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.email-composer__field-subject .email-composer__subject-editor .field-picker-editor .react-input-group .is-active:focus {
  border: none;
}
.email-composer__field-subject .email-composer__subject-editor .field-picker-editor .react-input-group.is-active .field-picker-editor__add-button {
  visibility: visible;
  opacity: 1;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.email-composer__field-subject .email-composer__subject-editor .field-picker-editor .react-input-group .is-default {
  border: none;
}
.email-composer__field-subject .email-composer__subject-editor .field-picker-editor .react-input-group::after {
  display: none;
}
.email-composer-control {
  padding: 0 20px;
  background-color: var(--G-0-5, #FAFAFA);
  height: 32px;
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid var(--G-1, #F3F3F4);
}
.email-composer-control-button {
  flex-direction: row-reverse;
}
.email-composer-control-button:not(:last-child) {
  margin-right: 10px;
}
.email-composer-control-button:disabled {
  background: var(--G-1-2, #F0F0F0);
}
.email-templates-dropdown-view {
  padding-bottom: 5px;
}
.email-templates-dropdown-view__search {
  height: 48px;
  padding: 5px 15px 5px 22px;
  border: none;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  margin-bottom: 9px;
  z-index: 1;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.email-templates-dropdown-view__search:before {
  content: "";
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--G-1, #F3F3F4);
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 14px;
  z-index: -1;
}
.email-templates-dropdown-view__search input {
  padding-left: 53px;
}
.email-templates-dropdown-view__option {
  --menu-option-height: 28px;
  --menu-option-bottom-margin: 4px;
}
.email-templates-dropdown-view__separator {
  margin-bottom: 4px;
  margin-top: 9px;
}
.email-templates-dropdown-view__empty-message {
  padding: 5px 17px;
  display: block;
}
.email-templates-dropdown-view__scrollbar {
  max-height: 230px;
}
.email-attach-files-from-record__header {
  display: flex;
  align-items: center;
  padding: 0 15px;
  height: 38px;
  border-bottom: 1px solid var(--G-1, #F3F3F4);
  cursor: pointer;
  width: 100%;
}
.email-attach-files-from-record__header:hover .email-attach-files-from-record__icon {
  color: var(--solution-hover-color);
}
.email-attach-files-from-record__icon {
  margin-right: 10px;
  color: var(--solution-primary-color);
}
.email-attach-files-from-record__button {
  height: 36px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 0 0 4px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid var(--G-1, #F3F3F4);
  width: 100%;
}
.email-attach-files-from-record__list {
  max-height: 230px;
}
.email-attach-files-from-record__checkbox {
  min-height: 28px;
  display: flex;
  align-items: center;
  padding: 5px 12px;
}
.email-attach-files-from-record__checkbox:not(:last-child) {
  margin-bottom: 12px;
}
.email-attach-files-from-record__checkbox .checkbox-label__in {
  align-items: flex-start;
}
.email-attach-files-from-record__checkbox .checkbox-label__control {
  margin-top: 2px;
}
.email-attach-files-from-record__checkbox .text {
  padding-top: 2px;
}
.email-attach-files-from-record__empty-message {
  height: 28px;
  padding: 16px 10px;
  display: inline-flex;
  align-items: center;
}
.email-attach-files-from-record__empty-message-text {
  color: #B2B2B3;
}
.email-attach-dropdown-view__button {
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 12px;
  width: 100%;
  background-color: transparent;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.email-attach-dropdown-view__button:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.email-attach-dropdown-view__button:not(:last-child) {
  margin-bottom: 4px;
}
.email-attach-files-actions {
  padding: 5px;
  display: flex;
  flex-direction: column;
}
.email-attach-files-actions__button {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 0 12px;
  width: 100%;
  background-color: transparent;
  border-radius: 5px;
  color: var(--tertiary, #6B6B6B);
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.email-attach-files-actions__button:hover {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.email-attach-files-actions__button:hover .email-attach-files-actions__icon {
  color: var(--solution-primary-color);
}
.email-attach-files-actions__button:not(:last-child) {
  margin-bottom: 4px;
}
.email-attach-files-actions__icon {
  color: var(--G-7, #6F7173);
}
.email-composer-attachments-list {
  overflow: hidden;
  margin: 12px 20px;
  border: 1px solid var(--G-1, #F3F3F4);
  border-radius: 6px;
  background-color: var(--G-0-5, #FAFAFA);
}
.email-composer-attachments-list__scrollbar {
  overflow: hidden;
  width: 100%;
  max-height: 250px;
}
.email-composer-attachments-list__inner {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 20px;
}
.email-composer-attachments-item {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--G-2, #DEDEDE);
  padding: 7px 10px 7px 15px;
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
}
.email-composer-attachments-item__inner {
  overflow: hidden;
  display: flex;
  align-items: center;
}
.email-composer-attachments-item__icon {
  margin-right: 16px;
}
.email-composer-attachments-item__size {
  margin-left: 10px;
}
.email-composer-attachments-item__remove {
  display: inline-flex;
  margin-left: auto;
  padding-left: 10px;
}
.email-composer-from-field {
  width: 100%;
  --select-placeholder-padding-left: 13px;
  --select-placeholder-arrow-right: 4px;
  --typo-secondary: var(--inactive, #B2B2B3);
}
.email-composer-from-field__empty {
  padding: 9px 12px;
}
.email-composer-from-field__dropdown {
  --select-option-margin-bottom: 4px;
}
.email-composer-from-field__actions {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 0;
}
.email-composer-from-field__expand {
  position: absolute;
  top: 10px;
  right: 15px;
}
.no-fields-group {
  padding: 12px 16px 12px 12px;
  background: #FEECEE;
  border-radius: 8px;
}
.no-fields-group__title {
  margin-bottom: 4px;
  color: #FF5757;
}
.no-fields-group__description {
  margin-bottom: 12px;
}
.no-fields-group__list {
  border-top: 1px solid #FF5757;
  padding-top: 12px;
}
.no-fields-group__list-item:not(:last-child) {
  margin-bottom: 4px;
}
.no-fields-item {
  display: inline-flex;
  align-items: center;
  padding: 5px 15px 5px 5px;
  background: var(--G-0, #FFFFFF);
  border-radius: 8px;
}
.no-fields-item__icon {
  margin-right: 8px;
  color: var(--ic-dark, #2D2D2D);
}
.share-view-report-control {
  min-width: 475px;
  max-width: 475px;
}
.share-view-report-control__toggle.sharing-toggle {
  padding: 20px 15px 22px;
  --min-height-sharing-content: auto;
  --max-width-sharing-content: 390px;
}
.share-view-report-control__input.share-url-view {
  padding: 12px 15px 20px;
  margin-bottom: 0;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.sort-window-move {
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  padding-top: 23px;
  color: var(--G-4, #B2B2B3);
  cursor: move;
}
.sort-window-move:hover {
  color: var(--solution-primary-color);
}
.sort-window-move.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.sort-window-move__icon {
  color: inherit;
}
.sort-window-move.is-not-first {
  padding-top: 5px;
}
.sort-window-delete {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  padding-top: 26px;
}
.sort-window-delete__icon {
  display: inline-block;
}
.sort-window-delete.is-not-first {
  padding-top: 8px;
}
.sort-window-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.sort-window-add-row {
  min-width: 6px;
}
.sort-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.sort-content__dropdown {
  width: 224px;
  min-width: 224px;
  margin-right: 10px;
  color: var(--G-8, #4d4d4d);
  text-align: left;
}
.sort-content__dropdown-label {
  margin-bottom: 4px;
}
.sort-content__switch {
  width: 100%;
}
.sort-add-row {
  display: flex;
  padding-left: 33px;
  padding-bottom: 24px;
  margin-top: 14px;
}
.sort-add-row.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.group-window-move {
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  padding-top: 23px;
  color: var(--G-4, #B2B2B3);
  cursor: move;
}
.group-window-move:hover {
  color: var(--solution-primary-color);
}
.group-window-move.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.group-window-move.is-not-first {
  padding-top: 5px;
}
.group-window-delete {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  padding-top: 26px;
}
.group-window-delete__icon {
  display: inline-block;
}
.group-window-delete.is-not-first {
  padding-top: 8px;
}
.group-window-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.group-window-add-row {
  min-width: 6px;
}
.group-window-collapse {
  position: relative;
  margin-right: 15px;
  padding-right: 15px;
}
.group-window-collapse:after {
  opacity: 0.1;
  content: " ";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 25px;
  background-color: var(--solution-primary-color);
  transform: translateY(-50%);
}
.group-window-collapse__label {
  margin-right: 6px;
}
.allow-only-one {
  padding-bottom: 18px;
}
.group-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.group-content__dropdown {
  width: 224px;
  min-width: 224px;
  margin-right: 10px;
  color: var(--G-8, #4d4d4d);
  text-align: left;
}
.group-content__dropdown-label {
  margin-bottom: 4px;
}
.group-content__switch {
  width: 100%;
}
.groupby-window-add-row {
  margin-left: 33px;
  margin-top: 14px;
  margin-bottom: 24px;
}
.report-toolbar-button {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 24px;
  margin-right: 1px;
  border: 0;
  padding: 0 10px;
  appearance: none;
  background-color: transparent;
  font-size: 12px;
  cursor: pointer;
}
.report-toolbar-button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  opacity: 0;
  background-color: var(--solution-secondary-color);
  transition: opacity 150ms ease-out , background-color 150ms ease-out;
}
.report-toolbar-button.is-filled:not(.is-error):not(.is-active) .report-toolbar-button__icon {
  color: var(--report-button-icon-color-active, var(--solution-primary-color));
}
.report-toolbar-button.is-filled:not(.is-error):not(.is-active) .report-toolbar-button__text {
  color: var(--ic-dark, #2D2D2D);
}
.report-toolbar-button.is-filled:not(.is-active) .report-toolbar-button__subtext {
  font-weight: bold;
}
.report-toolbar-button.is-filled:not(.is-active) .report-toolbar-button__icon {
  color: var(--report-button-icon-color-active, var(--solution-primary-color));
}
.report-toolbar-button.is-filled:not(.is-active) .report-toolbar-button__number:before {
  background-color: var(--report-button-number-background, var(--solution-primary-color));
}
.report-toolbar-button.is-active:not(.report-toolbar-button--bold-text):before {
  opacity: 1;
  background-color: var(--solution-primary-color);
  transition: opacity 200ms ease-in;
}
.report-toolbar-button.is-active:not(.report-toolbar-button--bold-text) .report-toolbar-button__icon {
  color: var(--report-button-active-color, var(--G-0, #FFFFFF));
  transition: none;
}
.report-toolbar-button.is-active:not(.report-toolbar-button--bold-text) .report-toolbar-button__text {
  color: var(--report-button-active-color, var(--G-0, #FFFFFF));
}
.report-toolbar-button.is-active:not(.report-toolbar-button--bold-text) .report-toolbar-button__subtext {
  color: var(--solution-hover-color);
}
.report-toolbar-button.is-active:not(.report-toolbar-button--bold-text) .report-toolbar-button__number {
  color: var(--report-button-active-color, var(--G-0, #FFFFFF));
}
.report-toolbar-button.is-active:not(.report-toolbar-button--bold-text) .report-toolbar-button__number:before {
  background-color: var(--report-button-number-background, var(--solution-secondary-color));
}
.report-toolbar-button.is-default {
  color: var(--ic-light, #c7cdcf);
}
.report-toolbar-button.is-error:before {
  opacity: 1;
  background-color: #FBEAF1;
  transition: opacity 200ms ease-in;
}
.report-toolbar-button.is-error .report-toolbar-button__text {
  color: #FF5757;
}
.report-toolbar-button.is-error .report-toolbar-button__icon {
  color: #FF5757;
}
.report-toolbar-button:not(.is-active):not(.is-filled):not(.is-error):hover .report-toolbar-button__icon {
  color: var(--report-button-icon-color-hover, var(--solution-hover-color));
  transition: color 200ms ease-in;
}
.report-toolbar-button:not(.is-active):not(.is-filled):not(.is-error):hover .report-toolbar-button__number:before {
  background-color: var(--solution-primary-color);
}
.report-toolbar-button:hover:before, .report-toolbar-button.is-filled:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.report-toolbar-button:hover.is-filled:not(.is-active) .report-toolbar-button__icon {
  color: var(--report-button-icon-color-hover, var(--solution-hover-color));
  transition: color 200ms ease-in;
}
.report-toolbar-button--shared.is-active:not(.report-toolbar-button--bold-text)::before {
  background-color: var(--solution-secondary-color);
  transition: background-color 200ms ease-in;
}
.report-toolbar-button--shared.is-active:not(.report-toolbar-button--bold-text) .report-toolbar-button__icon {
  color: var(--report-button-icon-active-color, var(--solution-primary-color));
}
.report-toolbar-button--shared.is-active:not(.report-toolbar-button--bold-text) .report-toolbar-button__text {
  color: var(--ic-dark, #2D2D2D);
}
.report-toolbar-button--shared.is-filled:not(.report-toolbar-button--bold-text)::before {
  background-color: #FFF2DC;
  transition: background-color 200ms ease-in;
}
.report-toolbar-button--shared.is-filled:not(.report-toolbar-button--bold-text) .report-toolbar-button__icon {
  color: #FFB938;
}
.report-toolbar-button--shared.is-filled:not(.report-toolbar-button--bold-text).is-opened::before, .report-toolbar-button--shared.is-filled:not(.report-toolbar-button--bold-text):hover::before {
  background-color: #FFECB3;
  transition: background-color 200ms ease-in;
}
.report-toolbar-button--shared.is-filled:not(.report-toolbar-button--bold-text).is-opened .report-toolbar-button__icon, .report-toolbar-button--shared.is-filled:not(.report-toolbar-button--bold-text):hover .report-toolbar-button__icon {
  color: #FA7500;
}
.report-toolbar-button--shared.is-filled:not(.report-toolbar-button--bold-text).is-opened .report-toolbar-button__icon {
  color: #FA7500;
}
.report-toolbar-button--without-icon {
  padding: 0 10px;
}
.report-toolbar-button--bold-text {
  padding: 0 10px;
}
.report-toolbar-button--bold-text.is-filled:not(.is-error) .report-toolbar-button__icon {
  color: var(--solution-primary-color);
}
.report-toolbar-button--bold-text.is-filled:not(.is-error) .report-toolbar-button__text {
  font-weight: 400;
}
.report-toolbar-button--bold-text.is-filled:not(.is-error) .report-toolbar-button__subtext {
  font-weight: 600;
  color: var(--typo-primary, #2E3538);
}
.report-toolbar-button--bold-text.is-active .report-toolbar-button__icon {
  color: var(--solution-hover-color);
}
.report-toolbar-button--bold-text.is-active:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.report-toolbar-button--bold-text.is-active.is-filled:not(.is-error) .report-toolbar-button__icon {
  color: var(--solution-hover-color);
}
.report-toolbar-button--bold-text.is-active.is-filled:not(.is-error) .report-toolbar-button__number:before {
  background-color: var(--solution-primary-color);
}
.report-toolbar-button__subtext {
  display: inline-flex;
  font-weight: 400;
}
.report-toolbar-button__subtext-colon {
  display: inline-flex;
  margin: 0 4px;
  vertical-align: middle;
}
.report-toolbar-button__subtext-cut {
  display: inline-flex;
  text-transform: capitalize;
  text-align: left;
  vertical-align: middle;
}
.report-toolbar-button__icon {
  display: flex;
  margin-right: var(--report-button-icon-right, 6px);
  color: var(--report-button-icon-color, var(--ic-light, #c7cdcf));
  opacity: var(--report-button-icon-opacity, 1);
  transition: color 150ms ease-out;
}
.report-toolbar-button__ellipsis {
  font-size: 13px;
  line-height: 14px;
}
.report-toolbar-button__text {
  display: inline-flex;
  font-weight: 500;
  color: var(--typo-primary, #2E3538);
}
.report-toolbar-button__text--value {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 115px;
  text-transform: capitalize;
  text-align: left;
}
.report-toolbar-button__number {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  padding: 0 4px;
  margin-left: 6px;
  color: var(--typo-primary, #2E3538);
}
.report-toolbar-button__number::before {
  content: " ";
  z-index: -1;
  opacity: var(--report-button-number-background-opacity, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--report-button-number-border-radius, 18px);
  background-color: var(--G-4, #B2B2B3);
}
.stack-by-window-view {
  width: 330px;
}
.stack-by-window-view__no-fields {
  padding-bottom: 13px;
}
.stack-by-window-view__footer {
  padding-left: 11px;
}
.stackby-fields {
  overflow: hidden;
}
.stackby-fields__column {
  padding: 18px 13px 24px 13px;
  background-color: var(--G-0, #FFFFFF);
}
.stackby-fields__heading {
  margin-bottom: 7px;
}
.stackby-fields__description {
  margin-bottom: 15px;
}
.stackby-fields__swimlane {
  border-top: 1px solid var(--G-2, #DEDEDE);
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  padding: 20px 13px 24px 13px;
  background-color: var(--G-0-5, #FAFAFA);
}
.stackby-fields__subheading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.stackby-fields__optional {
  margin-left: 6px;
}
.stackby-fields__subdescription {
  margin-bottom: 16px;
}
.stack-by-fields-dropdown {
  --expanding-right-position: 0;
}
.report-toolbar-row {
  display: table-row;
}
.report-toolbar-row__cell {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  padding-bottom: 10px;
}
.report-toolbar-row.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.report-toolbar-row.is-draggable {
  display: flex;
}
.report-toolbar-row.is-draggable .report-toolbar-row__cell {
  display: block;
  flex-grow: 1;
}
.report-toolbar-table {
  display: table;
  width: 100%;
  padding-top: 18px;
}
.report-toolbar-table--filled {
  width: calc(100% - 51px);
  padding-top: 10px;
  margin-left: 36px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 4px;
}
.report-toolbar-table + div[data-rbd-placeholder-context-id] {
  display: block !important;
}
.row-size-window {
  --menu-option-height: 28px;
}
.row-size-window__option:first-child {
  margin-top: 4px;
}
.row-size-window__option:last-child {
  margin-bottom: 4px;
}
.row-size-window__option:not(:last-child) {
  margin-bottom: 4px;
}
.row-size-window__option--active {
  color: var(--typo-primary, #2E3538);
}
.row-size-window__option--active::before {
  content: " ";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 5px;
  height: 11px;
  border-right: 2px solid #3EAC40;
  border-bottom: 2px solid #3EAC40;
  transform: translate(0, -50%) rotate(45deg);
}
.r-report-card-size {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-width: 320px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.r-report-card-size__control {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  height: 68px;
  background-color: var(--G-1, #F3F3F4);
  color: var(--solution-primary-color);
  cursor: pointer;
}
.r-report-card-size__control:hover {
  color: var(--solution-hover-color);
}
.r-report-card-size__control.is-disabled {
  color: var(--ic-light, #c7cdcf);
  cursor: default;
  pointer-events: none;
}
.r-report-card-size__in {
  width: 220px;
  flex-basis: 100%;
  padding: 0 25px;
  margin-top: -15px;
}
.r-report-card-size__in .rc-slider-handle {
  width: 17px;
  height: 17px;
  border: none;
  margin-top: -7px;
  background-color: var(--solution-primary-color);
  border-radius: 50%;
  transition: left 250ms ease-in-out;
}
.r-report-card-size__in .rc-slider-handle:before, .r-report-card-size__in .rc-slider-handle:after {
  height: 7px;
  position: absolute;
  top: 5px;
  content: "";
}
.r-report-card-size__in .rc-slider-handle:before {
  width: 3px;
  left: 6px;
  border-left: 1px solid var(--G-0, #FFFFFF);
  border-right: 1px solid var(--G-0, #FFFFFF);
}
.r-report-card-size__in .rc-slider-handle:after {
  width: 1px;
  left: 10px;
  background-color: var(--G-0, #FFFFFF);
}
.r-report-card-size__in .rc-slider-dot {
  border: 1px solid var(--G-2, #DEDEDE);
  width: 9px;
  height: 9px;
}
.r-report-card-size__in .rc-slider-rail {
  height: 3px;
  background: var(--G-1, #F3F3F4);
  border: 1px solid var(--G-2, #DEDEDE);
}
.r-report-card-size__in .rc-slider-mark {
  top: 22px;
}
.r-report-card-size__in .rc-slider-mark-text {
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--typo-secondary, #878B92);
}
.r-report-card-size__in .rc-slider-mark-text-active {
  color: var(--typo-primary, #2E3538);
}
.spotlight-window-control {
  max-width: calc(100vw - 40px);
}
.spotlight-window-row {
  min-width: 695px;
  max-width: 85vw;
}
.spotlight-window-row:not(:first-child) {
  border-top: 1px solid var(--G-1, #F3F3F4);
}
.spotlight-window-row__head {
  display: flex;
  align-items: center;
  min-height: 48px;
}
.spotlight-window-row__move {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  color: var(--G-4, #B2B2B3);
  cursor: move;
}
.spotlight-window-row__move:hover {
  color: var(--solution-primary-color);
}
.spotlight-window-row__move.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.spotlight-window-row__headline {
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
}
.spotlight-window-row__title {
  margin: 0 10px;
  cursor: pointer;
  transition: color 150ms ease-out;
}
.spotlight-window-row__title:hover {
  color: var(--solution-primary-color);
  transition: color 200ms ease-in;
}
.spotlight-window-row__switch {
  display: flex;
  margin-left: auto;
  margin-right: 15px;
}
.spotlight-window-row__delete {
  display: flex;
  justify-content: center;
  width: 55px;
  min-width: 55px;
  margin-left: auto;
}
.spotlight-window-row__body {
  margin-bottom: 5px;
}
.spotlight-window-row__add {
  min-width: 36px;
}
.spotlight-by {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 5px 14px 5px;
}
.spotlight-by-item {
  display: flex;
  gap: 10px;
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
  transition: background-color 150ms ease-out;
}
.spotlight-by-item:not(.is-disabled):hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.spotlight-by-item:not(.is-disabled):hover .spotlight-by-item__icon {
  color: var(--ic-darker, #151515);
}
.spotlight-by-item.is-disabled {
  cursor: default;
}
.spotlight-by-item.is-disabled .spotlight-by-item__icon {
  color: var(--G-3, #C7C8C9);
}
.spotlight-by-item.is-disabled .spotlight-by-item__title {
  color: var(--typo-secondary, #878B92);
}
.spotlight-by-item.is-disabled .spotlight-by-item__description {
  color: var(--G-4, #B2B2B3);
}
.spotlight-by-item__icon {
  color: var(--solution-primary-color);
}
.spotlight-by-item__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  gap: 2px;
}
.spotlight-by-item__title {
  color: var(--typo-primary, #2E3538);
}
.spotlight-by-item__description {
  color: var(--typo-secondary, #878B92);
}
.spotlight-hat {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 38px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 15px;
}
.spotlight-hat__close {
  color: var(--G-4, #B2B2B3);
  cursor: pointer;
}
.spotlight-hat__close:hover {
  color: var(--ic-darker, #151515);
}
.spotlight-by-field-control__actions {
  display: flex;
  gap: 5px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 15px 11px 15px 15px;
}
.spotlight-by-field-control__select {
  --select-placeholder-padding-left: 0px;
}
.spotlight-by-field-control__subtitle {
  margin-bottom: 12px;
  margin-left: 15px;
}
.spotlight-by-field-control__list {
  overflow: hidden;
  display: flex;
  width: 100%;
  max-height: 308px;
}
.spotlight-by-field-control__scrollbar {
  width: 100%;
  max-height: 100%;
}
.spotlight-by-field-control-field {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 26px;
  padding: 0 3px;
}
.spotlight-by-field-control-field:not(:last-child) {
  margin-bottom: 1px;
}
.spotlight-by-field-control-field__dot {
  display: inline-flex;
  min-width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: currentColor;
}
.spotlight-by-conditions__table {
  padding-top: 10px;
}
.spotlight-by-conditions__add {
  margin: 20px 0 20px 36px;
}
.spotlight-by-conditions-conditions {
  overflow: hidden;
  overflow-y: auto;
  min-width: 490px;
  max-height: calc(100vh - 360px);
}
.spotlight-by-conditions-conditions::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.spotlight-by-conditions-conditions::-webkit-scrollbar-track {
  background-color: transparent;
}
.spotlight-by-conditions-conditions::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.spotlight-by-conditions-conditions::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.r-find-input {
  padding: 18px 15px;
}
.r-find-input__wrapper {
  align-items: center;
  width: 331px;
}
.r-find-input__textfield {
  flex-basis: 100%;
}
.r-find-input__counter {
  white-space: nowrap;
  margin-right: 15px;
}
.r-find-input__navigation {
  display: flex;
}
.r-find-input__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  min-width: 30px;
  height: 31px;
  border-left: 1px solid var(--G-1, #F3F3F4);
  border-radius: 0;
  background-color: transparent;
  color: var(--ic-light, #c7cdcf);
}
.r-find-input__slide.is-active {
  color: var(--solution-primary-color);
}
.r-find-input__slide:hover {
  color: var(--solution-hover-color);
}
.r-find-input.is-active .r-find-input__wrapper {
  border-color: var(--solution-primary-color);
}
.find-widow-dropdown__toggle-button {
  padding: 0 15px 17px 15px;
  display: flex;
}
.find-widow-dropdown__toggle-text {
  margin-left: 6px;
}
.location-by-window {
  max-width: 480px;
}
.location-by-window--dropdown {
  width: 330px;
}
.location-by-window-option__icon {
  color: var(--ic-light, #c7cdcf);
}
.location-by-window-option__text {
  color: var(--typo-primary, #2E3538);
}
.location-by-window-option:hover .location-by-window-option__icon {
  color: var(--ic-light, #c7cdcf);
}
.location-by-window-option.is-selected {
  padding-left: 0;
}
.location-by-window-option.is-selected__icon {
  color: var(--ic-light, #c7cdcf);
}
.location-by-window-option.is-selected:hover .location-by-window-option__icon {
  color: var(--ic-light, #c7cdcf);
}
.fields-display-panel {
  overflow: hidden;
  display: flex;
  min-height: var(--fields-display-panel-min-height, 282px);
  max-height: var(--fields-display-panel-height, 491px);
  border-radius: 5px;
}
.fields-display-panel ::webkit-resizer {
  opacity: 0;
  background-color: transparent;
}
.fields-display-panel__col {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.fields-display-panel__col:not(:last-child) {
  border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.fields-display-panel__body {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}
.fields-display-panel__search {
  margin: 5px 5px 0 5px;
}
.fields-display-panel__cover {
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 12px 10px;
}
.fields-display-panel__dropdown {
  margin-top: 8px;
  --single-select-min-height: 30px;
  --arrow-select-top-position: -2px;
  min-height: 32px;
}
.fields-display-panel__notification {
  flex-grow: 1;
}
.fields-display-panel__scrollarea {
  overflow: hidden;
  flex-basis: 100%;
}
.fields-display-panel__scrollarea .ScrollbarsCustom-Content {
  padding-top: 5px;
  padding-bottom: 5px;
}
.fields-display-panel__footer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: var(--fields-display-panel-footer-height, 40px);
  background-color: var(--G-1, #F3F3F4);
  pointer-events: none;
}
.fields-display-panel__help-button {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  color: var(--solution-primary-color);
  opacity: 0.5;
  pointer-events: all;
  transition: opacity 150ms ease-out;
}
.fields-display-panel__help-button:hover {
  color: var(--solution-primary-color);
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.fields-display-panel__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: var(--fields-display-panel-footer-height, 40px);
  background-color: transparent;
  color: var(--typo-secondary, #878B92);
  transition: color 150ms ease-out;
  pointer-events: all;
}
.fields-display-panel__button:focus:not(:disabled), .fields-display-panel__button:hover:not(:disabled) {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.fields-display-panel__button:disabled {
  cursor: default;
}
.fields-display-dropdown {
  --resizer-left-position: auto;
  --resizer-right-position: -10px;
}
.field-to-display-resizer {
  width: 10px;
  overflow: visible;
  --resizer-line-left-position: -1px;
  --resizer-slider-left-position: -4px;
}
.flip-vertical .fields-display-dropdown {
  --dropdown-panel-arrow-color: var(--G-1, #F3F3F4);
}
.fields-display-cover-option {
  display: flex;
  align-items: center;
  min-height: 30px;
}
.fields-display-cover-option:not(.is-selected) {
  min-height: 36px;
  padding-right: 10px;
  padding-left: 10px;
}
.fields-display-cover-option__icon {
  display: inline-flex;
  min-width: 16px;
  height: 16px;
  margin-right: 10px;
}
.fields-display-cover-option__text {
  overflow: hidden;
}
.fields-display-option:not(.is-disabled):not(.fields-display-option--primary):hover > .fields-display-option__wrap .fields-display-option__icon {
  color: var(--ic-dark, #2D2D2D);
}
.fields-display-option:not(.is-disabled):not(.fields-display-option--primary):hover > .fields-display-option__wrap .fields-display-option__text {
  color: var(--typo-primary, #2E3538);
}
.fields-display-option:not(.is-disabled):not(.is-selected):not(.fields-display-option--primary):hover > .fields-display-option__wrap {
  background-color: var(--G-1, #F3F3F4);
}
.fields-display-option:not(.is-disabled):not(.is-selected):not(.fields-display-option--primary):hover > .fields-display-option__wrap .fields-display-option__action {
  opacity: 1;
  color: var(--solution-primary-color);
}
.fields-display-option.is-selected:not(.fields-display-option--primary):hover .fields-display-option__action {
  opacity: 1;
}
.fields-display-option.is-selected:not(.fields-display-option--primary):hover > .fields-display-option__wrap {
  background-color: var(--G-1, #F3F3F4);
}
.fields-display-option.is-selected:not(.fields-display-option--primary):hover .fields-display-option__drag {
  color: var(--solution-primary-color);
}
.fields-display-option.is-selected:not(.fields-display-option--primary) .fields-display-option__icon {
  color: var(--solution-primary-color);
}
.fields-display-option.is-selected:not(.fields-display-option--primary) .fields-display-option__action {
  color: var(--ic-dark, #2D2D2D);
}
.fields-display-option.is-selected:not(.fields-display-option--primary) .fields-display-option__action:hover {
  color: #FF5757;
}
.fields-display-option.is-focused > .fields-display-option__wrap {
  box-shadow: inset 0 0 0 2px var(--solution-secondary-color);
}
.fields-display-option.is-disabled > .fields-display-option__wrap {
  cursor: default;
}
.fields-display-option.is-disabled > .fields-display-option__wrap .fields-display-option__icon {
  color: var(--ic-light, #c7cdcf);
}
.fields-display-option--primary.is-selected .fields-display-option__wrap {
  padding-left: 29px;
}
.fields-display-option--primary .fields-display-option__wrap {
  padding-right: 7px;
  cursor: default;
}
.fields-display-option--primary .fields-display-option__text {
  padding-right: 10px;
}
.fields-display-option--child {
  padding-left: 24px;
}
.fields-display-option__wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 11px 0 5px;
  padding: 0 10px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-in;
  cursor: pointer;
}
.fields-display-option__icon {
  display: flex;
  margin-right: 8px;
  color: var(--solution-primary-color);
}
.fields-display-option__text {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-grow: 1;
  max-width: 100%;
  height: 32px;
  padding-right: 20px;
  color: var(--tertiary, #6B6B6B);
  -webkit-user-select: none;
          user-select: none;
}
.fields-display-option__dots {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  align-items: center;
  width: 16px;
  height: 32px;
}
.fields-display-option__label {
  display: flex;
  max-width: 45%;
  margin-left: auto;
}
.fields-display-option__action {
  opacity: 0;
  position: absolute;
  top: 8px;
  right: 10px;
  display: flex;
  color: transparent;
  transition: color 200ms ease-in;
}
.fields-display-option__drag {
  display: flex;
  margin-right: 10px;
  margin-left: -7px;
  color: var(--G-4, #B2B2B3);
  cursor: move;
}
.fields-display-option__drag:hover {
  color: var(--solution-primary-color);
}
.fields-display-option__toggle {
  position: relative;
  display: flex;
  align-items: center;
  width: 8px;
  height: 32px;
  margin-right: 8px;
  margin-left: -1px;
  color: var(--G-8, #4d4d4d);
  cursor: pointer;
}
.fields-display-option__childrens {
  flex-grow: 1;
  padding-top: 1px;
}
.fields-display-panel-header {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: var(--fields-display-panel-header-height, 40px);
  background-color: var(--G-1, #F3F3F4);
}
.fields-display-panel-header__badge {
  margin-left: 10px;
}
.share-view-password {
  margin-top: 8px;
  max-width: 300px;
  display: flex;
  flex-wrap: wrap;
}
.share-view-password__input {
  position: relative;
  min-width: 340px;
}
.share-view-password__eye {
  position: absolute;
  top: 50%;
  right: 8px;
  color: var(--G-3, #C7C8C9);
  margin-top: -8px;
}
.share-view-password__eye:hover {
  color: var(--solution-primary-color);
}
.share-view-password__edit {
  color: var(--solution-primary-color);
  font-size: 0;
  margin-left: 8px;
}
.share-view-password__edit:hover {
  color: var(--solution-hover-color);
}
.share-view-password__switcher {
  width: 100%;
}
.share-view-password__control {
  padding-right: 20px;
}
.share-view-password__settings {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.share-view-password.is-password-visible .share-view-password__eye {
  color: var(--solution-primary-color);
}
.share-view-link-button {
  color: var(--solution-primary-color);
  font-size: 0;
  opacity: 0.6;
  transition: opacity 150ms ease-out;
}
.share-view-link-button:hover {
  color: var(--solution-hover-color);
}
.share-view-link-button:hover {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.share-view-copy {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.share-view-copy__button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  width: 34px;
  background-color: var(--solution-secondary-color);
  border-radius: 4px 0 0 4px;
  color: var(--solution-primary-color);
}
.share-view-copy__button:hover {
  color: var(--solution-hover-color);
}
.share-grid-view-settings {
  padding: 25px 15px;
}
.share-grid-view-settings__warning {
  margin-top: 24px;
  margin-bottom: -10px;
}
.report-view-mode-button {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 31px;
  background-color: transparent;
  border-radius: 5px;
  padding: 0 10px;
  transition: background-color 150ms ease-out;
}
.report-view-mode-button__icon {
  margin-right: 10px;
}
.report-view-mode-button__checkmark {
  margin-left: auto;
}
.report-view-mode-button__shared-icon {
  position: absolute;
  top: 0px;
  left: 23px;
  fill: var(--solution-primary-color);
}
.report-view-mode-button__text {
  margin-right: 5px;
  color: var(--tertiary, #6B6B6B);
  transition: background-color 150ms ease-out;
}
.report-view-mode-button:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.report-view-mode-button.is-selected .report-view-mode-button__text, .report-view-mode-button:hover .report-view-mode-button__text {
  color: var(--typo-primary, #2E3538);
  transition: background-color 200ms ease-in;
}
.report-view-dropdown {
  display: inline-flex;
  position: relative;
  z-index: 2;
}
.report-view-dropdown__panel {
  --dropdown-sc-4-size: 14px;
  --dropdown-sc-4-top: -7px;
}
.report-view-mode-list {
  padding: 17px 5px 12px;
  min-width: 280px;
}
.report-view-mode-dropdown-header {
  padding: 16px 15px 12px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.report-view-mode-dropdown-header__title {
  margin-bottom: 8px;
}
.report-view-mode-dropdown-header__description {
  max-width: 250px;
}
.current-report-view-mode-button {
  height: 24px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding-right: 10px;
  background-color: var(--button-deep-washed-color);
  position: relative;
  z-index: 1;
  transition: background-color 150ms ease-out;
}
.current-report-view-mode-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: currentColor;
  opacity: 0;
  border-radius: 5px;
  z-index: -1;
  transition: opacity 150ms ease-out;
}
.current-report-view-mode-button__icon {
  min-width: 24px;
  height: 24px;
  width: 24px;
  border-radius: 5px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: currentColor;
}
.current-report-view-mode-button:hover, .current-report-view-mode-button.is-active {
  background-color: transparent;
  transition: background-color 200ms ease-in;
}
.current-report-view-mode-button:hover:before, .current-report-view-mode-button.is-active:before {
  opacity: 0.2;
  transition: opacity 200ms ease-in;
}
.current-report-view-mode-button.is-disabled {
  cursor: initial;
}
.calendar-by-window-view {
  width: 383px;
}
.calendar-by-window-view__scrollbar {
  max-height: 70vh;
}
.calendar-by-window-view__scrollbar .ScrollbarsCustom .ScrollbarsCustom-TrackY {
  display: block !important;
  opacity: 0;
  pointer-events: none;
}
.calendar-by-window-view__scrollbar .ScrollbarsCustom.trackYVisible .ScrollbarsCustom-TrackY {
  opacity: 1;
  transition: opacity 50ms linear;
  transition-delay: 100ms;
  pointer-events: all;
}
.calendar-by-window-view__wrapper {
  min-height: 100%;
  overflow: hidden;
  margin-bottom: 1px;
}
.calendar-by-window-view__title {
  margin-bottom: 8px;
}
.calendar-by-window-view__description {
  margin-bottom: 16px;
  display: inline-block;
}
.calendar-by-window-view__fields {
  padding: 18px 15px 24px;
}
.calendar-by-window-view__scrollbar-wrapper {
  max-width: 353px;
}
.calendar-by-window-view__footer {
  padding-left: 11px;
}
.calendar-by-window-view__options {
  padding: 24px 15px 15px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  overflow: hidden;
}
.timeline-by-window-view__content {
  width: 350px;
}
.timeline-by-window-view__content--full-group {
  width: 485px;
}
.r-color-picker-input-group {
  display: flex;
  align-items: center;
}
.r-color-picker-input-group__input, .r-color-picker-input-group__color-picker, .r-color-picker-input-group__remove {
  flex-grow: 0;
  flex-shrink: 0;
}
.r-color-picker-input-group__input {
  width: 276px;
  margin-right: 10px;
}
.r-color-picker-input-group__remove {
  margin-left: 15px;
}
.calendar-field-input-option-tooltip {
  max-width: 100%;
}
.calendar-by-field-list__add-more {
  margin-top: 12px;
}
.calendar-report-list {
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
  padding: 5px 10px 10px;
  margin: 0 -10px 12px;
}
.calendar-report-list__description {
  margin-bottom: 8px;
  display: inline-block;
}
.calendar-report-list.no-calendars .calendar-report-list__description {
  margin-bottom: 0;
}
.calendar-report-select {
  --group-label-margin-bottom: 3px;
  --select-list-items-padding: 13px 5px 12px;
}
.calendar-select-control {
  display: flex;
  align-items: center;
}
.calendar-select-control:not(:last-of-type) {
  margin-bottom: 10px;
}
.calendar-select-control__input, .calendar-select-control__color-picker, .calendar-select-control__remove {
  flex-grow: 0;
  flex-shrink: 0;
}
.calendar-select-control__input {
  width: 276px;
  margin-right: 10px;
}
.calendar-select-control__remove {
  margin-left: 15px;
}
.calendar-select-control__dropdown {
  --expanding-right-position: 0;
}
.calendar-select-control--double .calendar-select-control__input {
  width: 200px;
}
.calendar-report-option {
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  font-size: 13px;
}
.calendar-report-option__icon {
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.calendar-report-option.is-selected {
  padding: 0;
  padding-right: 5px;
}
.calendar-field-input-option {
  height: 32px;
  overflow: hidden;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding-left: 17px;
}
.calendar-field-input-option__icon {
  color: var(--solution-primary-color);
  margin-right: 10px;
  display: flex;
}
.calendar-field-input-option__text {
  flex-grow: 1;
  color: var(--tertiary, #6B6B6B);
}
.calendar-field-input-option:hover .calendar-field-input-option__icon {
  color: var(--solution-hover-color);
}
.calendar-field-input-option:hover .calendar-field-input-option__text {
  color: var(--typo-primary, #2E3538);
}
.calendar-field-input-option.is-selected .calendar-field-input-option__icon, .calendar-field-input-option.is-selected:hover .calendar-field-input-option__icon {
  color: var(--ic-light, #c7cdcf);
}
.calendar-field-input-option.is-selected .calendar-field-input-option__text, .calendar-field-input-option.is-selected:hover .calendar-field-input-option__text {
  color: var(--typo-primary, #2E3538);
}
.calendar-field-input-option.is-selected {
  padding-left: 0px;
}
.calendar-field-input-option.is-selected .calendar-field-input-option__icon {
  margin-right: 10px;
}
.calendar-field-input-option.is-selected .calendar-field-input-option__text {
  font-weight: 400;
}
.calendar-report-group-label {
  padding: 0 12px;
  margin-bottom: 4px;
  margin-top: 6px;
  display: inline-block;
}
.calendar-by-window-option {
  margin-bottom: 10px;
}
.calendar-by-window-option__tooltip {
  font-size: 0;
  display: flex;
  margin-left: 5px;
}
.calendar-by-window-option__icon {
  color: var(--G-3, #C7C8C9);
}
.calendar-by-window-option__icon:hover {
  color: var(--G-8, #4d4d4d);
}
.shared-report-toolbar-button {
  padding: 0 10px;
  margin-top: -1px;
}
.shared-report-toolbar-button.is-active {
  --report-toolbar-button-icon-color: #FFB938;
}
.shared-report-toolbar-button.is-active:before {
  opacity: 1;
  background-color: #FFF2DC;
  transition: background-color 150ms ease-out;
}
.shared-report-toolbar-button:hover:before {
  background-color: #FFECB3;
  transition: background-color 200ms ease-in;
}
.sort-field--target-yesnofield {
  font-size: 14px;
}
.share-view-link {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 15px 20px 15px;
}
.share-view-link__label-sharelink {
  width: 100%;
  margin-bottom: 6px;
  align-items: center;
  display: flex;
}
.share-view-link__label-sharelink__icon {
  margin-right: 6px;
}
.share-view-link__label-embed {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 6px;
  align-items: center;
  display: flex;
}
.share-view-link__label-embed__icon {
  margin-right: 6px;
}
.share-view-link__buttons {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  right: 13px;
}
.share-view-link__action:not(:last-child) {
  margin-right: 8px;
}
.share-view-link__control {
  padding-right: 48px;
  padding-left: 33px;
  z-index: 1;
}
.share-view-link__control::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 4px;
  background-color: var(--solution-secondary-color);
  opacity: 0.5;
  z-index: -1;
}
.share-view-link__control--embed {
  padding-right: 10px;
}
.share-view-link__loader {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 43px;
  color: var(--solution-primary-color);
}
.share-view-link__input-group {
  height: 36px;
}
.share-view-control {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.share-view-control__toggle.sharing-toggle {
  padding: 20px 15px 22px;
  --min-height-sharing-content: auto;
  --max-width-sharing-content: 390px;
}
.share-view-report-view {
  min-width: 475px;
  max-width: 475px;
}
.share-view-report-view__settings {
  padding: 12px 15px 20px;
}
.share-view-report-view__disable {
  color: #F1273F;
  cursor: pointer;
}
.share-view-report-view__disable:hover {
  color: #d70e26;
}
.toggle-sidebar-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 24px;
  border-radius: 5px;
  color: var(--solution-primary-color);
  transition: background-color 150ms ease-out;
  cursor: pointer;
  transform: scaleX(1);
}
.toggle-sidebar-button:hover {
  background-color: var(--solution-secondary-color);
  color: var(--solution-hover-color);
}
.toggle-sidebar-button.is-active {
  background-color: var(--solution-secondary-color);
  color: var(--solution-primary-color);
  transform: scaleX(-1);
}
.dependency-field-missing {
  padding: 17px 12px 24px 12px;
}
.dependency-field-missing__title {
  margin-bottom: 2px;
}
.dependency-field-missing__description {
  margin-bottom: 12px;
}
.dependency-field-missing-alert {
  max-width: 366px;
}
.dependency-field-missing-alert__title {
  margin-bottom: 4px;
}
.dependency-field-missing-alert__create {
  margin-top: 15px;
}
.gantt-settings-fields-settings {
  padding: 16px 15px 24px 15px;
}
.gantt-settings-fields-settings__title {
  margin-bottom: 16px;
}
.gantt-settings-fields-settings__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gantt-settings-fields-dependency {
  position: relative;
  padding: 24px 15px;
}
.gantt-settings-fields-dependency:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.gantt-settings-fields-dependency__title {
  margin-bottom: 2px;
}
.gantt-settings-fields-dependency__description {
  margin-bottom: 15px;
}
.gantt-settings-fields-field {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 366px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  height: 36px;
  padding: 0 40px 0 10px;
  border-radius: 5px;
}
.gantt-settings-fields-field__icon {
  color: var(--G-4, #B2B2B3);
}
.gantt-settings-fields-field__settings {
  position: absolute;
  top: 9px;
  right: 10px;
}
.gantt-settings-fields-field__settings-icon {
  color: var(--G-4, #B2B2B3);
  cursor: pointer;
}
.gantt-settings-fields-field__settings-icon:hover {
  color: var(--ic-darker, #151515);
}
.share-report-view-button {
  --report-button-icon-right: 0;
  padding: 0 6px;
  --report-button-icon-color: var(--G-2, #DEDEDE);
  --report-button-icon-color-hover: var(--G-5, #9B9C9E);
  --report-button-icon-active-color: var(--G-5, #9B9C9E);
}
.share-report-view-button:hover:before {
  background-color: var(--G-1, #F3F3F4);
}
.file-stack-image {
  position: relative;
}
.file-stack-image.is-loading img {
  opacity: 0;
}
.file-stack-image.is-loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 2px solid var(--G-3, #C7C8C9);
  border-right: 2px solid transparent;
  animation: circle-loader-spinning 1.5s infinite linear;
}
.file-stack-image.is-loading:after {
  content: "";
  position: absolute;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.file-stack-image__preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@keyframes circle-loader-spinning {
  to {
    transform: rotate(360deg);
  }
}
.file-preview {
  border-radius: var(--file-preview-border-radius, 5px);
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.filter-window-actions {
  padding-bottom: 18px;
}
.filter-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  --single-select-min-height: 32px;
  --multiple-select-min-height: 32px;
}
.filter-content__option {
  height: 33px;
  display: flex;
  align-items: center;
}
.filter-content__dropdown {
  flex-grow: 1;
  min-width: var(--filter-window-content-dropdown-min-width, 125px);
  max-width: var(--filter-window-content-dropdown-max-width);
  color: var(--G-8, #4d4d4d);
  text-align: left;
  --outline-separator-arrow-padding-top: 7px;
}
.filter-content__dropdown:not(:last-child) {
  margin-right: 10px;
}
.filter-content__dropdown-fields {
  min-width: var(--filter-window-content-fields-min-width, 220px);
  width: auto;
  max-width: var(--filter-window-content-fields-max-width, 271px);
}
.filter-content__dropdown-input {
  min-width: auto;
}
.filter-content__comparison {
  max-width: var(--filter-window-content-comparison-max-width, 350px);
}
.filter-content__dropdown-label {
  margin-bottom: 4px;
}
.filter-content .single-select:not(.single-select--expanding) {
  position: absolute;
  height: 100%;
  width: 100%;
}
.filter-content .single-select--expanding {
  --select-placeholder-padding-right: 30px;
}
.filter-content .single-select--expanding .single-select__wrap {
  min-width: 100%;
  max-width: 100%;
}
.filter-field-row--show-remove-hover .filter-window-delete {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.filter-field-row--show-remove-hover:hover .filter-window-delete {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.filter-window-condition {
  min-width: 90px;
  width: 90px;
  padding: var(--filter-move-padding, 5px 10px 0 15px);
}
.filter-window-condition__badge {
  width: max-content;
  padding: 5px 16px;
  border-radius: 5px;
  background-color: var(--filter-condition-badge-background-color, var(--G-1, #F3F3F4));
}
.filter-window-delete {
  min-width: 46px;
  padding-top: 8px;
}
.filter-window-delete__icon {
  display: inline-block;
}
.filter-window-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.filter-add-row {
  display: flex;
  align-items: center;
}
.filter-add-row.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.filter-add-row__button:hover {
  background-color: var(--filter-add-row-button-hover-background-color, var(--G-1, #F3F3F4));
}
.filter-add-row__button-inner {
  display: flex;
  align-items: center;
}
.filter-add-row__tooltip {
  margin-left: 4px;
}
.filter-single-select-group {
  overflow: hidden;
  min-height: 32px;
  min-width: var(--filter-multiple-select-group-min-width, 295px);
  max-width: 350px;
  --single-select-min-height: 30px;
}
.filter-multiple-select-group {
  min-height: 32px;
  min-width: var(--filter-multiple-select-group-min-width, 295px);
  max-width: 350px;
}
.filter-multiple-select {
  height: 30px;
  min-height: auto;
}
.comparison-filter-select-option {
  height: 32px;
  padding: 0 10px;
  display: block;
  line-height: 32px;
}
.comparison-filter-select-selected-option {
  padding: 0;
}
.comparison-filter-select {
  --single-select-min-height: 30px;
  --arrow-select-top-position: -2px;
  min-height: 32px;
}
.filter-window-panel {
  max-width: calc(100vw - 40px);
}
.user-field-filter-option {
  margin: var(--user-field-filter-option-margin, 5px 5px 5px 10px);
  max-width: var(--user-field-filter-option-max-width, calc(100% - 15px));
}
.user-field-filter-selected-option {
  margin-right: 4px;
}
.linked-record-dynamic-filter {
  min-width: 265px;
  max-width: 350px;
}
.linked-record-dynamic-filter-dropdown {
  --dropdown-sc-4-size: 13px;
  --dropdown-sc-4-top: -3px;
}
.linked-record-text-dynamic-field {
  position: relative;
}
.linked-record-text-dynamic-field__input-group {
  min-width: 265px;
  max-width: 350px;
  padding: 0 30px 2px 4px;
  cursor: text;
}
.linked-record-text-dynamic-field__add-button {
  position: absolute;
  top: 7px;
  right: 6px;
  cursor: pointer;
}
.linked-record-text-dynamic-field__editor {
  width: 100%;
  height: 100%;
  min-height: 28px;
}
.linked-record-text-dynamic-field__editor .pill-node-view-wrapper {
  display: inline-flex;
  max-width: 100%;
  vertical-align: middle;
}
.linked-record-text-dynamic-field__editor .ProseMirror {
  font-size: 13px;
}
.linked-record-text-dynamic-field__editor .ProseMirror p {
  margin: 0;
  line-height: 28px;
}
.linked-record-text-dynamic-field__editor .ProseMirror p.empty-node {
  margin-left: 4px;
}
.linked-record-field-option {
  margin: 5px 5px 5px 10px;
}
.linked-record-field-selected-option {
  margin-right: 4px;
}
.linked-record-field-group {
  min-width: 295px;
}
.tag-field-option {
  margin: 5px 5px 5px 10px;
  color: var(--typo-primary, #2E3538);
}
.tag-field-selected-option {
  margin-right: 4px;
  color: var(--typo-primary, #2E3538);
}
.text-field-filter {
  min-width: 295px;
}
.multiple-select-field-option {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 4px 10px;
}
.multiple-select-field-option--selected {
  min-height: 26px;
  margin-right: 4px;
  padding-right: 0;
  padding-left: 0;
  --select-option-is-hover-background-color: var(--G-1, #F3F3F4);
}
.multiple-select-field-filter-list .option__checkbox {
  margin-top: 9px;
  margin-left: 10px;
}
.single-select-field-option {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 4px 10px;
}
.single-select-field-option--selected {
  min-height: 26px;
  margin-right: 4px;
  padding-right: 0;
  padding-left: 0;
  --select-option-is-hover-background-color: var(--G-1, #F3F3F4);
}
.date-field-filter {
  display: flex;
}
.date-field-filter__input {
  min-height: 32px;
}
.date-field-filter__input, .date-field-filter__calendar {
  margin-left: 10px;
}
.date-field-filter__mode {
  overflow: hidden;
}
.date-field-filter.is-couple-fields .date-field-filter__mode,
.date-field-filter.is-couple-fields .date-field-filter__input {
  min-width: auto !important;
}
.time-field-filter.calendar-time-input-group {
  width: 100%;
  height: 32px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
}
.time-field-filter__input {
  padding-right: 28px;
}
.time-field-filter__remove {
  position: absolute;
  right: 0;
  width: 28px;
  height: 100%;
}
.calendar-date-filter__input {
  cursor: pointer;
  min-height: 32px;
}
.calendar-date-filter__icon {
  margin-right: 8px;
}
.yes-no-field-filter-option {
  height: 30px;
}
.yesno-field-filter {
  --single-select-min-height: 30px;
  --arrow-select-top-position: -2px;
}
.status-multiple-select-filter {
  width: 100%;
  min-width: 250px;
  max-width: 350px;
  --multiple-select-min-height: 30px;
}
.status-field-single-select-filter {
  --single-select-min-height: 30px;
}
.status-field-single-select {
  min-height: 32px;
}
.social-network-field-filter-option {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 10px;
}
.social-network-field-filter-option__icon {
  margin-right: 5px;
}
.social-network-field-filter-option.is-selected {
  margin-right: 4px;
  padding: 0;
}
.social-network-field-filter-option.is-selected .social-network-field-filter-option__icon {
  margin-right: 0;
}
.file-field-filter-option {
  height: 36px;
  padding: 0 10px;
}
.number-field-filter {
  --number-field-group-height: 30px;
}
.filter-conditions__first {
  min-width: 90px;
  width: 90px;
  padding: var(--filter-move-padding, 5px 10px 0 15px);
}
.filter-conditions__badge {
  width: var(--filter-condition-badge-width, max-content);
  padding: var(--filter-condition-badge-padding, 5px 16px);
  border-radius: 5px;
  background-color: var(--filter-condition-badge-background-color, var(--G-1, #F3F3F4));
  margin-top: var(--filter-condition-badge-margin-top, 0);
}
.filter-conditions__actions {
  display: flex;
  gap: 10px;
  margin-top: var(--filter-conditions-actions-margin-top, 4px);
  padding-bottom: var(--filter-conditions-actions-padding-bottom, 24px);
  margin-left: var(--filter-conditions-actions-margin-left, 0);
}
.filter-conditions__actions--empty {
  margin-left: 15px;
}
.filter-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 8px 8px 12px 8px;
  background-color: var(--filter-group-background-color, var(--G-0-5, #FAFAFA));
  border-radius: 5px;
  margin-bottom: var(--filter-conditions-bottom-margin, 0px);
  border: var(--filter-group-border, none);
  --filter-conditions-actions-margin-top: 0px;
  --filter-conditions-actions-padding-bottom: 0px;
}
.filter-group--filled > .filter-group__actions {
  margin-left: 78px;
}
.filter-group__empty {
  width: 100%;
  border: 1px dashed var(--G-1-5, #E9E9E9);
  padding: 6px;
  border-radius: 5px;
}
.filter-group__body {
  display: table;
  margin-right: -8px;
  margin-left: -8px;
  --filter-group-background-color: var(--G-1, #F3F3F4);
  --filter-condition-width: 80px;
  --filter-condition-padding: 4px 10px 0 10px;
}
.filter-group__body .filter-group {
  --filter-condition-badge-background-color: var(--G-0-5, #FAFAFA);
  --switch-button-background-color: var(--G-0-5, #FAFAFA);
  --filter-add-row-button-hover-background-color: var(--G-0-5, #FAFAFA);
}
.connected-to-widgets {
  max-width: 100%;
}
.connected-to-widgets__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.connected-to-widgets-item {
  display: flex;
  align-items: center;
  gap: 15px;
  max-width: 100%;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 8px 15px;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
}
.connected-to-widgets-item__body {
  overflow: hidden;
  display: flex;
  flex-grow: 1;
  gap: 15px;
}
.connected-to-widgets-item__icon {
  display: inline-flex;
  align-items: center;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  padding-right: 15px;
}
.connected-to-widgets-item__info {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.connected-to-widgets-item__actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.connected-to-widgets-item__delete {
  color: var(--G-3, #C7C8C9);
  cursor: pointer;
}
.connected-to-widgets-item__delete:hover {
  color: #FF5757;
}
.filter-list-separator {
  display: flex;
  align-items: center;
  gap: 10px;
}
.filter-list-separator::before, .filter-list-separator::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.filter-list-separator__pill {
  display: flex;
  align-items: center;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 4px 7px;
  border-radius: 13px;
}
.grouped-filter-window {
  overflow: hidden;
  overflow-y: auto;
  max-width: 100%;
  max-height: calc(100vh - 246px);
  --filter-conditions-bottom-margin: 10px;
  -webkit-overflow-scrolling: touch;
}
.grouped-filter-window::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.grouped-filter-window::-webkit-scrollbar-track {
  background-color: transparent;
}
.grouped-filter-window::-webkit-scrollbar-thumb {
  background-color: rgba(155, 156, 158, 0.4);
  border-radius: 5px;
}
.grouped-filter-window::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 156, 158, 0.6);
}
.grouped-filter-window::-webkit-scrollbar {
  width: 12px;
}
.grouped-filter-window::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  border-radius: 20px;
}
.grouped-filter-window.is-group-enabled .filter-conditions:not(.is-group) .react-input-group {
  min-width: 100%;
}
.grouped-filter-window.is-group-enabled .filter-conditions.is-group .filter-content__dropdown-input {
  min-width: 295px;
}
.connected-filter-widgets {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: -3px;
  padding: 15px 15px 0 15px;
}
.team-field-filter-option {
  margin: var(--user-field-filter-option-margin, 5px 5px 5px 10px);
  max-width: var(--user-field-filter-option-max-width, calc(100% - 15px));
}
.team-field-filter-selected-option {
  margin-right: 4px;
}
.upgrade-permissions-modal__title {
  margin: 0 auto 12px;
  max-width: 400px;
}
.upgrade-permissions-modal__costs {
  margin-top: 20px;
}
.upgrade-permissions-modal__request {
  margin: 24px auto 0;
}
.upgrade-permissions-modal__sub-message {
  margin-bottom: 7px;
}
.upgrade-permissions-modal__members {
  margin: -2px;
  padding: 0;
  --avatar-list-wrapped-size: 32px;
  --avatar-list-wrapped-border-width: 0px;
  --avatar-list-wrapped-margin: 2px;
}
.upgrade-permissions-modal__compare {
  margin-top: 24px;
}
.professional-plan-costs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px 10px 18px;
  width: 100%;
  height: 52px;
  border-radius: 30px;
  background-color: var(--solution-secondary-color);
}
.professional-plan-costs__price {
  display: flex;
  align-items: center;
}
.professional-plan-costs__price span {
  font-size: 26px;
  font-weight: 800;
  color: var(--typo-primary, #2E3538);
  margin-right: 10px;
}
.professional-plan-costs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px 10px 18px;
  width: 100%;
  height: 52px;
  border-radius: 30px;
  background-color: var(--solution-secondary-color);
}
.professional-plan-costs__price {
  display: flex;
  align-items: center;
}
.professional-plan-costs__price span {
  font-size: 26px;
  font-weight: 800;
  color: var(--typo-primary, #2E3538);
  margin-right: 10px;
}
.document-design-submenu {
  color: var(--tertiary, #6B6B6B);
}
.document-design-submenu__options {
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 275px);
}
.document-design-submenu__options::-webkit-scrollbar {
  width: 13px;
}
.document-design-submenu__options::-webkit-scrollbar-track {
  background-color: transparent;
}
.document-design-submenu__options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.4);
  border: 4px solid transparent;
  border-radius: 13px;
  background-color: transparent;
}
.document-design-submenu__options::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.6);
}
.document-design-submenu__option {
  color: var(--tertiary, #6B6B6B);
}
.document-design-submenu__badge {
  margin-left: 7px;
  margin-right: 10px;
}
.move-to-tab-field-menu-panel {
  min-width: 250px;
  max-width: 250px;
  color: var(--tertiary, #6B6B6B);
}
.move-to-tab-field-menu-panel__title {
  margin-bottom: 4px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 10px 15px 9px 15px;
}
.move-to-tab-field-menu-panel__options {
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 275px);
  display: flex;
  flex-direction: column;
  gap: 4px;
  --menu-option-height: 28px;
  --menu-option-bottom-margin: 0;
}
.move-to-tab-field-menu-panel__options::-webkit-scrollbar {
  width: 13px;
}
.move-to-tab-field-menu-panel__options::-webkit-scrollbar-track {
  background-color: transparent;
}
.move-to-tab-field-menu-panel__options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.4);
  border: 4px solid transparent;
  border-radius: 13px;
  background-color: transparent;
}
.move-to-tab-field-menu-panel__options::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 13px 13px rgba(155, 156, 158, 0.6);
}
.move-to-tab-field-menu-panel__option {
  color: var(--tertiary, #6B6B6B);
}
.move-to-tab-field-menu-sections-option {
  color: var(--tertiary, #6B6B6B);
}
.buttons-edit-panel {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 13px 15px;
  --checkmark-option-gutter: 0;
  --checkmark-option-height: 34px;
}
.buttons-edit-panel__delete {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--G-3, #C7C8C9);
}
.buttons-edit-panel__delete:hover {
  color: #FF5757;
}
.auto-group-height-textarea .custom-scrollbar-textarea__field {
  padding-top: 7px;
  font-weight: 500;
}
.action-elements-edit-panel {
  --controls-panel-body-padding: 0;
}
.buttons-edit-panel-scrollbar {
  max-height: calc(100vh - 100px);
}
.pro-plan-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  vertical-align: middle;
  line-height: 1;
}
.action-elements-edit-panel-separator {
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
  margin-top: 8px;
  margin-bottom: 8px;
}
.buttons-field-group {
  display: flex;
  align-items: center;
}
.buttons-field-group__title {
  width: 40%;
  margin-top: var(--button-group-title-margin-top);
  margin-bottom: var(--button-group-title-margin-bottom);
}
.buttons-field-group__body {
  width: 60%;
}
.buttons-option {
  margin-bottom: 2px;
}
#simple-banner-widget-portal .buttons-option {
  border-color: var(--G-2, #DEDEDE);
}
.run-code {
  height: 224px;
  width: auto;
  overflow: hidden;
  font-family: monospace;
}
.run-code__editor {
  width: 100%;
  height: 100%;
}
.run-code .cm-theme,
.run-code .cm-editor {
  width: 100%;
  height: 100%;
}
.run-code .cm-content {
  width: calc(100% - 38px);
  padding-top: 9px;
  padding-bottom: 9px;
  height: 100%;
}
.run-code .cm-gutters {
  background-color: var(--G-0-5, #FAFAFA);
  padding-top: 1px;
  min-width: 38px;
  max-width: 38px;
  min-height: 100% !important;
  border: none;
}
.run-code .ͼ2 .cm-activeLineGutter {
  background-color: transparent;
}
.run-code .cm-activeLine {
  background-color: transparent;
}
.run-code .cm-gutter {
  padding-left: 6px;
}
.run-code .cm-gutterElement {
  font-size: 13px !important;
  font-weight: 500;
  color: var(--inactive, #B2B2B3);
}
.run-code .cm-lineNumbers {
  overflow: visible;
}
.action-add-element {
  margin-top: 10px;
}
.social-phone-option {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 28px;
  padding: 3px 10px;
}
.social-phone-option.is-selected {
  padding: 0;
  min-height: none;
}
.social-phone-input {
  background-color: transparent;
  width: 100%;
  font-size: 13px;
}
.social-phone-input::placeholder {
  font-size: 13px;
}
.icon-select {
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
  gap: 8px;
  cursor: pointer;
}
.icon-select__icon {
  color: #1C1B1F;
  font-size: 20px;
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-select__arrow {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -8px;
  transform: rotate(0);
  transition: transform 150ms ease-out;
}
.icon-select.is-opened .icon-select__arrow {
  transform: rotate(180deg);
  color: var(--solution-primary-color);
  transition: transform 200ms ease-in;
}
.icon-select:hover .icon-select__arrow {
  color: var(--solution-primary-color);
}
.ask-input input {
  font-weight: 500;
}
.solution-palette-option {
  min-width: 30px;
  height: 26px;
  width: 30px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  background-color: var(--background-color);
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition: background-color 150ms ease-out , outline-color 150ms ease-out;
}
.solution-palette-option.is-selected {
  min-width: 33px;
  width: 33px;
  height: 22px;
  font-size: 13px;
  font-weight: 500;
}
.solution-palette-option.is-active {
  outline-color: var(--background-color);
  transition: outline-color 200ms ease-in;
}
.solution-palette-option:not(.is-selected):hover {
  outline-color: var(--background-color-hover);
  background-color: var(--background-color-hover);
  transition: outline-color 200ms ease-in , background-color 200ms ease-in;
}
.solution-palette-option.is-washed-color:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-color: var(--background-color-hover);
  z-index: 1;
  border-radius: 8px;
  transition: opacity 150ms ease-out;
}
.solution-palette-option.is-washed-color:not(.is-selected):after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  left: -4px;
  bottom: -4px;
  border-radius: 5px;
  opacity: 0;
  border: 2px solid var(--background-color-hover);
  z-index: 1;
  border-radius: 12px;
  transition: opacity 150ms ease-out;
}
.solution-palette-option.is-washed-color:not(.is-selected):hover:after {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.solution-palette-option.is-washed-color:hover {
  background-color: var(--background-color);
  outline-color: var(--background-color);
}
.solution-palette-option.is-washed-color:hover:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.solution-palette-option.is-white-color {
  border: 1px solid var(--G-2, #DEDEDE);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
  transition: border-color 150ms ease-out;
  outline: none;
}
.solution-palette-option.is-white-color:hover {
  border-color: var(--G-6, #868788);
  outline: none;
  transition: border-color 200ms ease-in;
}
.solution-palette-option.is-enterprise-deep-washed-color {
  border: 1px solid var(--background-color-hover);
}
.solution-palette-option.is-enterprise-deep-washed-color:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background-color-hover);
  z-index: 1;
  opacity: 0;
  border-radius: 7px;
  transition: opacity 150ms ease-out;
}
.solution-palette-option.is-enterprise-deep-washed-color:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  left: -5px;
  bottom: -5px;
  border-radius: 5px;
  opacity: 0;
  border: 2px solid var(--background-color-hover);
  z-index: 1;
  border-radius: 12px;
  transition: opacity 150ms ease-out;
}
.solution-palette-option.is-enterprise-deep-washed-color:not(.is-selected):hover {
  background-color: var(--background-color);
  border: 1px solid var(--background-color-hover-border);
  outline-color: var(--background-color-hover);
}
.solution-palette-option.is-enterprise-deep-washed-color:not(.is-selected):hover:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.solution-palette-option.is-enterprise-deep-washed-color:not(.is-selected):hover:after {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.solution-palette-color-picker-list {
  min-width: 393px;
  width: 393px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 7px;
  padding: 15px;
}
.solution-palette-color-picker-list__header {
  border-bottom: 1px dashed var(--G-3, #C7C8C9);
  padding-bottom: 8px;
  display: flex;
  gap: 8px 7px;
}
.solution-palette-color-picker {
  padding: 0 5px;
  display: flex;
  align-items: center;
  color: var(--typo-primary, #2E3538);
  cursor: pointer;
}
.solution-palette-color-picker:hover, .solution-palette-color-picker.is-active {
  color: var(--solution-primary-color);
}
.solution-palette-color-picker__arrow {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 8px;
}
.add-record-field-dropdown-header {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.add-record-field-button {
  height: 24px;
  padding: 0 8px 0 4px;
  background-color: transparent;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.add-record-field-button:hover, .add-record-field-button.is-open {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.add-record-field-dropdown-fields-settings {
  --field-settings-padding-bottom: 10px;
  --field-settings-height: 400px;
  --field-settings-padding: 9px 5px;
  --field-setting-item-height: 28px;
  --field-setting-item-min-height: 28px;
  --field-settings-scrollbar-margin: 0 -5px 0 -5px;
  --field-settings-scrollbar-padding: 0 15px 0 5px;
  --field-settings-tabs-margin: 0;
  --field-settings-tabs-padding: 0 15px 0 15px;
  --section-settings-min-height: 24px;
  --section-settings-margin-bottom: 4px;
  --section-settings-padding: 7px 10px 0px 12px;
  --section-settings-border-bottom: none;
  --section-settings-not-first-of-type-margin-top: 9px;
  --section-settings-not-first-of-type-padding: 11px 10px 0px 12px;
  --section-settings-not-first-of-type-border-top: 1px solid rgba(0, 0, 0, 0.1);
  --field-setting-item-icon-color: var(--G-8, #4d4d4d);
  --field-setting-item-label-color: var(--tertiary, #6B6B6B);
  --field-setting-item-label-color-hover: var(--typo-primary, #2E3538);
  --field-setting-item-label-font-weight: 500;
  --field-settings-no-search-results-padding: 8px 12px;
  --field-setting-item-opacity-hidden: 1;
}
.add-record-field-dropdown-fields-settings .section-settings__content .text {
  color: var(--typo-secondary, #878B92);
}
.add-record-field-dropdown-fields-settings .field-setting-item {
  cursor: pointer;
}
.add-record-field-dropdown-fields-settings .fields-settings__tabs::after {
  left: -5px;
  right: -5px;
}
.add-record-field-dropdown-search {
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.add-record-field-dropdown-search.is-focus {
  background-color: transparent;
  transition: background-color 200ms ease-in;
}
.create-record-buttons-field-group {
  min-height: 36px;
  --button-group-title-margin-top: 8px;
  --button-group-title-margin-bottom: auto;
}
.create-record-buttons-field-group.has-fields {
  --button-group-title-margin-top: 18px;
}
.create-record-buttons-field-group__fields {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 10px;
  margin-top: 11px;
}
.record-field-item__icon {
  margin-right: 6px;
}
.record-field-item__editor {
  margin-top: -2px;
}
.field-default-value {
  max-width: 500px;
}
.field-default-value__header {
  height: 38px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.field-default-value__close {
  color: var(--G-4, #B2B2B3);
}
.field-default-value__close:hover {
  color: var(--G-8, #4d4d4d);
}
.field-default-value__content {
  padding: 13px 15px 18px;
}
.field-default-value__footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 15px;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  height: 48px;
}
.field-default-value__save-button {
  height: 28px;
}
.show-tooltip-control {
  margin-bottom: 25px;
}
.show-tooltip-control .ProseMirror {
  min-height: 94px;
  padding: 12px 12px 1px 12px;
  font-size: 13px;
}
.open-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.open-form__list {
  --checkmark-option-height: 28px;
  --select-option-margin-bottom: 4px;
}
.background-label {
  margin-bottom: 3px;
  display: block;
}
.background-field-image-body {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 90px;
  margin-top: 14px;
  margin-bottom: 22px;
  border: 1px dashed var(--G-2, #DEDEDE);
  border-radius: 8px;
  cursor: pointer;
}
.background-field-image-body:hover .background-field-image-body__badge {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.background-field-image-body.has-value {
  border-color: transparent;
  background-color: var(--G-0-5, #FAFAFA);
}
.background-field-image-body--cover .background-field-image-body__preview {
  background-size: cover;
}
.background-field-image-body--contain .background-field-image-body__preview {
  background-size: contain;
}
.background-field-image-body--fill .background-field-image-body__preview {
  background-size: 100% 100%;
}
.background-field-image-body--scale_down .background-field-image-body__preview {
  background-size: initial;
}
.background-field-image-body__preview {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.background-field-image-body__badge {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 3px 6px;
  background-color: var(--G-8, #4d4d4d);
  border-radius: 6px;
  color: var(--G-0, #FFFFFF);
  transform: translate(-50%, -50%);
  transition: opacity 150ms ease-out;
}
.background-field-image__label {
  margin-bottom: 7px;
}
.background-field-image__fit {
  --checkmark-option-gutter: 5px;
}
.export-button-list {
  padding-left: 11px;
  padding-right: 16px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  height: 32px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 6px;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  transition: background-color 150ms ease-out;
}
.export-button-list__icon {
  color: var(--G-6, #868788);
}
.export-button-list:hover, .export-button-list.is-active {
  border-color: var(--G-4, #B2B2B3);
  transition: border-color 200ms ease-in;
}
.export-button-list:hover .export-button-list__icon, .export-button-list.is-active .export-button-list__icon {
  color: var(--G-8, #4d4d4d);
}
.export-control-menu-item {
  --menu-option-margin-text: 0 0 0 -5px;
  max-width: 200px;
  --menu-option-height: 36px;
  --menu-option-icon-margin-right: 16px;
}
.export-button-wrapper {
  padding-top: 5px;
  padding-bottom: 5px;
}
.material-icons-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 395px;
  max-width: 395px;
  min-height: 320px;
  max-height: 320px;
  padding: 16px 20px 0px 20px;
}
.material-icons-panel__wrapper {
  width: 100%;
  height: 258px;
}
.material-icons-panel__no-results {
  height: 100%;
}
.material-icons-panel__input {
  padding: 0 10px;
}
.material-icons-list {
  width: 100%;
  height: 100%;
}
.material-icons-list__wrapper {
  min-height: 68px;
  gap: var(--list-gap, 18px);
  display: flex;
  flex-direction: var(--icon-list-direction, column);
  flex-wrap: var(--icon-list-wrap, nowrap);
}
.material-icons-list__category {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.material-icons-list__icons {
  gap: var(--icon-gap, 13px);
  display: flex;
  flex-wrap: wrap;
}
.material-icons-list__icon {
  font-size: var(--icon-size, 20px);
  min-width: var(--icon-dimension, 32px);
  width: var(--icon-dimension, 32px);
  height: var(--icon-dimension, 30px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: var(--icon-border-radius, 6px);
  cursor: pointer;
  color: var(--icon-color, var(--G-8, #4d4d4d));
  background-color: var(--icon-background-color, transparent);
  transition: border-color 150ms ease-out , background-color 150ms ease-out , color 150ms ease-out;
}
.material-icons-list__icon:hover, .material-icons-list__icon.is-selected {
  background-color: var(--icon-background-color-hover, var(--G-0-5, #FAFAFA));
  border-color: var(--icon-border-color-hover, var(--G-3, #C7C8C9));
  color: var(--icon-color-hover, #000);
  transition: border-color 200ms ease-in , background-color 200ms ease-in , color 200ms ease-in;
}
.material-icons-list__no-choice {
  min-width: 77px;
  height: 30px;
  padding: 0 7px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid var(--G-1, #F3F3F4);
  color: var(--tertiary, #6B6B6B);
  text-align: center;
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.material-icons-list__no-choice.is-selected, .material-icons-list__no-choice:hover {
  border-color: var(--G-3, #C7C8C9);
  background-color: var(--G-0-5, #FAFAFA);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.material-icons-list.is-no-empty-icon .material-icons-list__no-choice {
  display: none;
}
.records-help-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin: -14px -30px 14px -30px;
  padding: 10px 30px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px;
}
.records-by-date-item {
  z-index: 1;
  position: relative;
  min-height: 88px;
  padding: 10px 15px 11px;
  border-radius: 5px;
  cursor: pointer;
  transform: translate3d(0, 0, 0);
}
.records-by-date-item:not(:last-child) {
  margin-bottom: 8px;
}
.records-by-date-item.is-focus .records-by-date-item__overlay {
  background-color: #fffbf0;
  border-color: #fffbf0;
}
.records-by-date-item.is-active .records-by-date-item__outline {
  opacity: 1;
}
.records-by-date-item.is-editing .records-by-date-item__title {
  color: var(--solution-primary-color);
}
.records-by-date-item.is-editing .records-by-date-item__overlay::before {
  opacity: 0;
}
.records-by-date-item.is-editing .records-by-date-item__overlay::after {
  opacity: 1;
}
.records-by-date-item:hover:not(.records-by-date-item--no-value) .records-by-date-item__overlay {
  left: -27px;
}
.records-by-date-item:hover:not(.records-by-date-item--no-value) .records-by-date-item__icon {
  opacity: 1;
  transition-delay: 100ms;
}
.records-by-date-item:hover .records-by-date-item__overlay {
  border-color: var(--G-2, #DEDEDE);
}
.records-by-date-item.fc-dragging {
  cursor: grabbing;
}
.records-by-date-item.fc-dragging:not(.records-by-date-item--no-value) .records-by-date-item__overlay {
  left: -27px;
}
.records-by-date-item.fc-dragging:not(.records-by-date-item--no-value) .records-by-date-item__icon {
  opacity: 1;
  transition-delay: 100ms;
}
.records-by-date-item.is-draggable:not(.fc-dragging) {
  position: relative;
}
.records-by-date-item.is-draggable:not(.fc-dragging)::before {
  content: "";
  z-index: 2;
  position: absolute;
  top: -1px;
  right: 0;
  bottom: -1px;
  left: 0;
  border-radius: 5px;
  background-color: var(--G-1, #F3F3F4);
}
.records-by-date-item__tooltip {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: -24px;
}
.records-by-date-item__icon {
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 100%;
  border-right: 1px solid #f1f1f1;
  color: var(--solution-primary-color);
  transition: opacity 150ms;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
  transition-delay: 0ms;
}
.records-by-date-item__outline {
  z-index: -1;
  opacity: 0;
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border: 2px solid #fcba1c;
  border-radius: 5px;
  pointer-events: none;
}
.records-by-date-item__overlay {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 0 3px 0 0 rgba(95, 115, 137, 0.08);
  transition: left 300ms, box-shadow 250ms, border-color 250ms;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
  pointer-events: none;
}
.records-by-date-item__header {
  display: flex;
  gap: 5px;
  margin-bottom: 5px;
}
.records-by-date-item__colors {
  display: flex;
  gap: 4px;
  margin-left: auto;
  margin-top: -5px;
  margin-right: -10px;
}
.records-by-date-item__color {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.records-by-date-item__field:not(:last-child) {
  margin-bottom: 7px;
}
.records-by-date-item__date {
  display: flex;
  flex-direction: column;
  --raw-field-font-size: 11px;
  --raw-field-line-height: 16px;
}
.records-by-date-group {
  margin-bottom: 15px;
}
.records-by-date-group.is-expand .records-by-date-group__arrow {
  transform: rotate(0);
}
.records-by-date-group__head {
  overflow: hidden;
  display: flex;
  align-items: center;
  max-width: 100%;
  margin-bottom: 5px;
  padding-bottom: 7px;
  cursor: pointer;
}
.records-by-date-group__arrow {
  margin-right: 6px;
  transform: rotate(-90deg);
}
.records-by-date-group__title {
  overflow: hidden;
  margin-right: 11px;
}
.records-by-date-group__body {
  margin-right: 2px;
}
.records-by-date-panel {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 400px;
  min-width: 400px;
  height: 100%;
  border-top: var(--records-by-date-panel-border-top);
  border-left: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 12px 0 0 12px;
}
.records-by-date-panel__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 15px 30px;
}
.records-by-date-panel__close {
  display: flex;
  background-color: transparent;
  color: var(--G-3, #C7C8C9);
}
.records-by-date-panel__close:hover {
  color: var(--G-8, #4d4d4d);
}
.records-by-date-panel__body {
  flex-grow: 1;
}
.records-by-date {
  display: flex;
  height: 100%;
}
.records-by-date__scrollbar {
  width: 100%;
  height: 100%;
}
.records-by-date__scrollbar .scrollbar {
  height: 100%;
}
.records-by-date__rows {
  position: relative;
}
.dashed-yes-no-toggle {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 5px;
  border-top: 1px dashed var(--G-2, #DEDEDE);
  padding-top: 16px;
}
.dashed-yes-no-toggle__switch {
  padding: 0 2px;
}
.success-request-upgrade-modal__title {
  margin-bottom: 12px;
}
.success-request-upgrade-modal__description {
  margin-bottom: 24px;
}
.r-topbar {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 15px;
}
.r-topbar__search-icon {
  fill: var(--topbar-search-icon-color);
  cursor: pointer;
  opacity: var(--topbar-search-icon-opacity, 1);
  transition: opacity 150ms ease-out;
}
.r-topbar__search-icon:hover {
  opacity: var(--topbar-search-icon-hover-opacity, 1);
  fill: var(--topbar-search-icon-hover-color);
  transition: opacity 200ms ease-in;
}
.r-topbar__power-search {
  font-size: 0;
}
.r-topbar__power-search-tooltip {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 5px 10px 5px;
  text-align: left;
}
.r-topbar__power-search-tooltip__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
.r-topbar__right {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.r-topbar__center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.r-topbar__home {
  display: flex;
  align-items: center;
  padding-right: 30px;
  height: 32px;
  margin-right: 34px;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}
.r-topbar__home:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  border-right: 1px solid var(--topbar-line-color);
  opacity: 0.7;
}
.r-topbar__home .r-topbar__title {
  margin-right: 5px;
  margin-left: 22px;
}
.r-topbar__home--page:before {
  display: none;
}
.r-topbar__readonly-logo {
  cursor: pointer;
  display: flex;
  line-height: 1;
}
.r-topbar__readonly-logo--embedded {
  cursor: initial;
}
.r-topbar__square {
  fill: var(--topbar-square-color);
}
.r-topbar__logo {
  margin-right: 13px;
  margin-left: 22px;
}
.topbar-member {
  display: flex;
  align-items: center;
  padding-left: 25px;
  padding-right: 20px;
  margin-left: var(--topbar-member-left-margin, 35px);
  cursor: pointer;
  position: relative;
}
.topbar-member:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -16px;
  width: 1px;
  background-color: var(--topbar-line-color);
  height: 32px;
}
.topbar-member__fullname {
  color: var(--topbar-text-color);
}
.topbar-member__account-name {
  color: var(--topbar-account-name-text-color);
}
.topbar-member__content {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  max-width: 121px;
}
.topbar-member__avatar {
  margin-left: 23px;
  min-width: 36px;
  width: 36px;
  height: 36px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.topbar-member__icon {
  display: flex;
}
.topbar-member__arrow {
  transform: rotate(0);
  fill: var(--topbar-member-arrow-default-color);
  transition: fill 150ms ease-out , transform 150ms ease-out;
}
.topbar-member.is-active .topbar-member__arrow, .topbar-member:hover .topbar-member__arrow {
  fill: var(--topbar-member-arrow-active-color);
  transition: fill 200ms ease-in , transform 200ms ease-in;
}
.topbar-member.is-active .topbar-member__arrow {
  transform: rotate(180deg);
}
.topbar-button {
  position: relative;
}
.topbar-button__icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--topbar-button-default-background);
  color: var(--topbar-button-color);
  transform: scale(1);
  transition: transform 150ms ease-out;
}
.topbar-button__icon::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24);
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.topbar-button__inner {
  display: inline-block;
  transition: transform 150ms ease-out;
}
.topbar-button:hover .topbar-button__icon, .topbar-button.is-active .topbar-button__icon {
  background-color: var(--topbar-button-hover-background);
  transform: scale(1.2);
  transition: transform 200ms ease-in;
}
.topbar-button:hover .topbar-button__icon::before, .topbar-button.is-active .topbar-button__icon::before {
  opacity: var(--topbar-button-hover-shadow-opacity, 1);
  transition: opacity 200ms ease-in;
}
.topbar-button.is-active .topbar-button__inner {
  transform: translateY(-4px);
  transition: transform 200ms ease-in;
}
.topbar-button.is-active .topbar-button__icon {
  transform: scale(1);
  transition: transform 200ms ease-in;
}
.topbar-button-tooltip {
  margin-left: 11px;
  font-size: 0;
}
.topbar-button-tooltip-content {
  padding: 6px 5px;
  display: flex;
  align-items: centerg;
  gap: 20px;
}
.topbar-button-tooltip-content__shortcut {
  display: flex;
  align-items: center;
  gap: 3px;
}
.topbar-button-tooltip-content__shortcut span {
  background-color: rgba(250, 250, 250, 0.2);
  min-width: 18px;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  color: var(--G-3, #C7C8C9);
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.r-user-profile-explore {
  position: relative;
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 25px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px 0 0 5px;
}
.r-user-profile-explore__title {
  position: relative;
  padding: 0 5px 10px;
  margin-bottom: 12px;
}
.r-user-profile-explore__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: #E1E1E1;
}
.r-user-profile-explore__item {
  margin-top: 12px;
}
.r-user-profile-explore__item .slider-menu-item__icon {
  color: var(--G-4, #B2B2B3);
}
.r-user-profile-explore__item .slider-menu-item__label {
  color: var(--tertiary, #6B6B6B);
  font-weight: 500;
}
.member-profile-panel {
  display: flex;
}
.user-profile-explore-plan {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 62px;
  background-color: var(--G-2, #DEDEDE);
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.user-profile-explore-plan:hover {
  background-color: var(--solution-primary-color);
  transition: background-color 200ms ease-in;
}
.user-profile-explore-plan:hover .user-profile-explore-plan__text,
.user-profile-explore-plan:hover .user-profile-explore-plan__arrow {
  color: var(--G-1, #F3F3F4);
}
.user-profile-explore-plan__text {
  color: var(--typo-secondary, #878B92);
}
.user-profile-explore-plan__text:not(:last-child) {
  margin-bottom: 2px;
  color: var(--typo-primary, #2E3538);
}
.user-profile-explore-plan__arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--G-4, #B2B2B3);
  transition: color 150ms ease-out , transform 150ms ease-out;
}
.member-profile-menu {
  width: 55%;
  padding: 15px 5px 10px;
  border-left: 1px solid var(--G-2, #DEDEDE);
}
.member-profile-menu__sub-menu {
  padding-left: 25px;
}
.member-profile-menu__sub-items {
  color: var(--tertiary, #6B6B6B);
}
.member-profile-menu__sub-items .slider-menu-item__label {
  font-weight: 500;
}
.member-profile-menu__hr {
  opacity: 0.7;
  margin: 8px -5px 10px;
  border-top: 0;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
}
.member-profile-menu__logout {
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  padding: 8px 12px 8px 10px;
  border-radius: 5px;
  transition: background-color 150ms ease-out;
}
.member-profile-menu__logout:hover {
  background-color: var(--solution-primary-color);
  transition: background-color 200ms ease-in;
}
.member-profile-menu__logout:hover .member-profile-menu__logout-icon,
.member-profile-menu__logout:hover .member-profile-menu__logout-text {
  color: var(--G-0, #FFFFFF);
  transition: color 200ms ease-in;
}
.member-profile-menu__logout-icon {
  color: #FF5757;
  margin-top: 2px;
  margin-right: 8px;
  transition: color 150ms ease-out;
}
.member-profile-menu__logout-text {
  color: var(--typo-secondary, #878B92);
  transition: color 150ms ease-out;
}
.member-profile-menu__logout-text:not(:last-child) {
  color: var(--typo-primary, #2E3538);
  margin-bottom: 2px;
}
.primary-profile-menu-item {
  position: relative;
}
.primary-profile-menu-item:hover .primary-profile-menu-item__wrap {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.primary-profile-menu-item:hover .primary-profile-menu-item__icon {
  color: var(--G-0, #FFFFFF);
}
.primary-profile-menu-item:hover .primary-profile-menu-item__info {
  opacity: 0.4;
  transition: opacity 200ms ease-in;
}
.primary-profile-menu-item:hover .primary-profile-menu-item__info:hover {
  opacity: 1;
}
.primary-profile-menu-item--info-icon .primary-profile-menu-item__wrap {
  padding-right: 35px;
}
.primary-profile-menu-item__wrap {
  position: relative;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 10px;
  border-radius: 5px;
  cursor: pointer;
}
.primary-profile-menu-item__icon {
  margin-right: 13px;
  color: var(--solution-primary-color);
}
.primary-profile-menu-item__info {
  opacity: 0;
  position: absolute;
  top: 8px;
  right: 10px;
  transition: opacity 150ms ease-out;
}
.secondary-profile-menu-item {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 15px;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 2px;
}
.secondary-profile-menu-item:hover {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
}
.logout-button {
  position: relative;
}
.logout-button__in {
  width: 100%;
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 35px 8px 10px;
  border-radius: 5px;
}
.logout-button__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.logout-button__icon {
  margin-top: 3px;
  color: #FF5757;
  margin-right: 18px;
}
.logout-button__title {
  margin-bottom: 2px;
}
.logout-button__email {
  color: var(--typo-secondary, #878B92);
}
.logout-button__info {
  opacity: 0;
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  transition: opacity 150ms ease-out;
}
.logout-button:hover .logout-button__in {
  background-color: var(--solution-primary-color);
}
.logout-button:hover .logout-button__icon,
.logout-button:hover .logout-button__email,
.logout-button:hover .logout-button__title {
  color: var(--G-0, #FFFFFF);
}
.logout-button:hover .logout-button__info {
  opacity: 0.4;
  transition: opacity 200ms ease-in;
}
.logout-button:hover .logout-button__info:hover {
  opacity: 1;
}
.explore-menu-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 32px;
  border-radius: 5px;
  padding: 0 10px;
  margin-bottom: 12px;
  text-decoration: none;
}
.explore-menu-link__icon {
  margin-right: 8px;
  color: var(--G-4, #B2B2B3);
}
.explore-menu-link:hover {
  background-color: var(--solution-primary-color);
}
.explore-menu-link:hover .explore-menu-link__label,
.explore-menu-link:hover .explore-menu-link__icon {
  color: var(--G-0, #FFFFFF);
}
.notifications-topbar {
  position: relative;
  font-size: 0;
}
.notifications-topbar__badge {
  position: absolute;
  top: -7px;
  right: -8px;
  pointer-events: none;
}
.notifications-topbar.is-animated .notifications-topbar__badge {
  transition: transform 150ms ease-out;
}
.notifications-topbar.is-animated.is-active .notifications-topbar__badge {
  transform: translateY(-4px);
  transition: transform 200ms ease-in;
}
.solution-viewing-header {
  background-color: var(--solution-primary-color);
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  gap: 7px;
}
.solution-viewing-header__dropdown {
  width: 220px;
  border: none;
}
.solution-viewing-header__dropdown::after {
  display: none;
}
.solution-viewing-header__close {
  min-width: 34px;
  width: 34px;
  height: 34px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-0, #FFFFFF);
  background-color: rgba(255, 255, 255, 0.1);
  transition: background-color 150ms ease-out;
}
.solution-viewing-header__close:hover {
  background-color: rgba(255, 255, 255, 0.2);
  transition: background-color 200ms ease-in;
}
.solution-viewing-header-option {
  height: 36px;
  gap: 10px;
  padding-left: 12px;
  padding-right: 12px;
}
.named-member-list-avatar-selected-option {
  gap: 10px;
}
.solution-viewing-member {
  display: flex;
  gap: 12px;
  padding: 5px;
  border-radius: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  align-items: center;
  position: relative;
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.solution-viewing-member:not(:last-child) {
  margin-bottom: 4px;
}
.solution-viewing-member__body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: calc(100% - 56px);
}
.solution-viewing-member__full-name {
  display: inline-block;
  vertical-align: middle;
}
.solution-viewing-member__department {
  padding-left: 3px;
  display: inline-block;
  vertical-align: middle;
}
.solution-viewing-member__checkmark {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px;
}
.solution-viewing-member:hover, .solution-viewing-member.is-selected {
  background-color: var(--G-0-5, #FAFAFA);
  border-color: var(--G-1-5, #E9E9E9);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.solution-viewing-member.is-selected {
  padding-right: 30px;
}
.solution-viewing-header-select {
  min-width: 260px;
  max-width: 260px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  position: relative;
  height: 34px;
  padding-left: 10px;
  padding-right: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}
.solution-viewing-header-select__arrow {
  position: absolute;
  top: 50%;
  margin-top: 50%;
  margin-top: -8px;
  right: 10px;
  color: var(--G-8, #4d4d4d);
}
.solution-viewing-header-panel {
  padding: 10px;
  display: flex;
  gap: 10px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 5px 5px 0 0;
}
.solution-viewing-header-panel__search {
  border-radius: 5px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  padding: 0 14px;
  height: 34px;
  transition: border-color 150ms ease-out;
}
.solution-viewing-header-panel__search.is-focus {
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in;
}
.solution-viewing-body-scroll {
  max-height: 405px;
}
.solution-viewing-body-scroll .trackYVisible.scrollbar .solution-viewing-body {
  padding-right: 20px;
}
.solution-viewing-body {
  padding: 15px 10px;
}
.solution-viewing-by-type {
  --single-select-min-height: 32px;
  width: auto;
  border-radius: 8px;
  min-width: 105px;
}
.solution-viewing-by-type .select-placeholder__arrow {
  color: var(--G-5, #9B9C9E);
}
.solution-viewing-by-type .select-placeholder__arrow-icon {
  transform: none !important;
}
.solution-viewing-by-type:after {
  border-radius: 11px;
}
.solution-viewing-by-type-selected {
  padding-right: 4px;
  padding-left: 5px;
  display: flex;
  white-space: nowrap;
}
.solution-viewing-by-type-option {
  height: 34px;
  padding: 0 12px;
  display: block;
  position: relative;
  line-height: 34px;
}
.solution-viewing-by-type-option__checkmark {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}
.solution-viewing-by-type-option.is-selected {
  padding-right: 30px;
}
.solution-viewing-by-type-list {
  --select-option-margin-bottom: 4px;
}
.solution-viewing-group:not(:last-child) {
  margin-bottom: 10px;
}
.solution-viewing-group__header {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 6px;
  height: 20px;
  padding-left: 3px;
  padding-right: 3px;
}
.solution-viewing-group__title {
  max-width: calc(100% - 30px);
}
.solution-viewing-group__badge {
  font-size: 11px;
  height: 16px;
  border-radius: 5px;
  min-width: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0-5, #FAFAFA);
  padding: 0 2px;
}
.solution-viewing-group__body {
  margin-top: 4px;
}
.solution-viewing-group__arrow {
  color: var(--G-8, #4d4d4d);
  transform: rotate(-90deg);
  margin-right: 10px;
  transition: transform 150ms ease-out;
}
.solution-viewing-group.is-expanded .solution-viewing-group__arrow {
  transform: rotate(0);
  transition: transform 200ms ease-in;
}
.workspace-profile-menu {
  padding: 20px;
  width: 309px;
  min-width: 309px;
  background-color: var(--G-0, #FFFFFF);
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
}
.workspace-profile-menu__title {
  padding-bottom: 13px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  margin-bottom: 12px;
  display: block;
}
.workspace-profile-menu__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.workspace-profile-menu__list .submenu {
  width: 100%;
}
.workspace-profile-menu__role {
  border-bottom: 1px dashed var(--G-3, #C7C8C9);
  margin-bottom: auto;
  margin-top: auto;
  margin-left: auto;
  white-space: nowrap;
  transition: color 150ms ease-out;
}
.workspace-profile-menu__role:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.logout {
  display: flex;
  width: 100%;
  padding: 6px;
  align-items: center;
  border-radius: 6px;
  gap: 16px;
  margin-top: auto;
}
.logout__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  background-color: transparent;
  max-width: calc(100% - 32px);
  transition: background-color 150ms ease-out;
}
.logout:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.workspace-profile-panel {
  display: flex;
  flex-direction: column;
  width: 550px;
  border-radius: 12px;
}
.workspace-profile-panel__container {
  display: flex;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.0705882353);
  border-radius: 12px;
  position: relative;
  background-color: var(--G-0-5, #FAFAFA);
  z-index: 2;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.workspace-profile-menu-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 6px;
  height: 32px;
  border-radius: 6px;
  width: 100%;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 150ms ease-out;
}
.workspace-profile-menu-item:hover, .workspace-profile-menu-item.is-active {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.workspace-profile-menu-item__icon {
  color: var(--profile-panel-item-icon-color, var(--G-8, #4d4d4d));
}
.workspace-profile-menu-item__name {
  color: var(--profile-panel-item-name-color, var(--typo-primary, #2E3538));
  transition: color 150ms ease-out;
}
.workspace-profile-explore-menu {
  padding: 20px;
  width: 100%;
  overflow: hidden;
}
.workspace-profile-explore-menu__title {
  padding-bottom: 13px;
  display: block;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.workspace-profile-explore-menu__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.workspace-profile-explore-menu__separator {
  margin: 10px 0;
  display: block;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
  width: 100%;
}
.workspace-profile-explore-menu__item {
  --profile-panel-item-icon-color: var(--G-6, #868788);
  --profile-panel-item-name-color: var(--tertiary, #6B6B6B);
  position: relative;
}
.workspace-profile-explore-menu__item:hover {
  --profile-panel-item-icon-color: var(--G-8, #4d4d4d);
  --profile-panel-item-name-color: var(--typo-primary, #2E3538);
  --shortcut-opacity: 1;
}
.workspace-profile-explore-menu__item:hover .workspace-profile-explore-menu__shortcut.menu-shortcut {
  display: flex;
}
.workspace-profile-explore-menu__shortcut.menu-shortcut {
  top: auto;
  display: none;
  margin-top: 0;
  right: 0;
  min-width: 32px;
  gap: 4px;
  position: relative;
}
.panel-switch-workspace {
  width: 100%;
}
.panel-switch-workspace__icon {
  margin-left: auto;
}
.panel-change-status {
  padding: 15px 20px;
  position: relative;
  background-color: var(--G-0, #FFFFFF);
  z-index: 1;
  border-radius: 0 0 12px 12px;
}
.panel-change-status:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: var(--G-0, #FFFFFF);
  pointer-events: none;
  border-radius: 0 0 12px 12px;
}
.panel-change-status__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel-change-status__body {
  margin-top: 10px;
  position: relative;
  align-items: center;
  border: 1px solid var(--G-1, #F3F3F4);
  display: flex;
  align-items: center;
  border-radius: 6px;
  width: 100%;
  height: 40px;
  font-size: 13px;
  padding: 0 40px 0 8px;
  background-color: var(--G-0-5, #FAFAFA);
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.panel-change-status__body:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 200ms ease-in;
}
.panel-change-status__body:hover .panel-change-status__button {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.panel-change-status__button {
  background-color: var(--solution-primary-color);
  min-width: 24px;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 200ms ease-in;
}
.panel-change-status__tooltip {
  position: absolute;
  top: 7px;
  right: 8px;
  display: flex;
}
.panel-change-status__emoji {
  font-size: 15px;
  margin-right: 10px;
}
.panel-change-status__text {
  position: relative;
  top: -1px;
}
.toast {
  width: 400px;
  border: 1px solid rgba(15, 15, 15, 0.05);
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
  border-radius: 5px;
  background: var(--G-0, #FFFFFF);
}
.toast__title {
  margin-bottom: 6px;
}
.toast__content {
  margin: 4px;
  border-left: 4px solid var(--workspace-base-color);
  padding: 20px 22px;
}
.toast-popup {
  position: fixed;
  bottom: 12px;
  left: 12px;
  z-index: 100;
  animation-name: toast-animate;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  transform: translateX(-1000px);
}
.toast-popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
}
@keyframes toast-animate {
  0% {
    transform: translateX(-1000px);
  }
  100% {
    transform: translateX(0);
  }
}
.application-heading {
  display: flex;
  align-items: center;
}
.application-heading__container {
  display: flex;
  align-items: center;
}
.application-heading__main {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 34px;
  margin-right: 15px;
  padding: 0 20px 0 10px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.application-heading__main::before, .application-heading__main::after {
  content: "";
  position: absolute;
  opacity: 0;
  border-radius: 5px;
  transition: opacity 150ms ease-out;
  z-index: -1;
}
.application-heading__main::after {
  top: 0;
  left: 0;
  right: 19px;
  bottom: 0;
  border: 1px dashed var(--G-4, #B2B2B3);
}
.application-heading__main:hover {
  background-color: var(--solution-secondary-color);
  transition: background-color 200ms ease-in;
}
.application-heading__main:hover .application-heading__arrow {
  color: var(--solution-primary-color);
}
.application-heading__actions {
  display: flex;
  align-items: center;
  gap: 15px;
}
.application-heading__arrow, .application-heading__edit-button {
  position: absolute;
  right: 0;
  top: calc(50% + 1px);
  transform: translate(0, -50%);
}
.application-heading__arrow {
  right: 5px;
  display: flex;
  margin-top: 1px;
  color: var(--G-8, #4d4d4d);
  transition: color 150ms ease-out;
}
.application-heading__title {
  position: relative;
  letter-spacing: -0.4px;
  padding-right: 8px;
}
.application-heading__actions, .application-heading__report-button {
  opacity: 1;
  visibility: visible;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.application-heading__report-button {
  background-color: transparent;
  color: var(--G-2, #DEDEDE);
}
.application-heading__report-button:hover {
  background-color: transparent;
}
.application-heading__report-button + .application-heading__favorite {
  margin-left: 15px;
}
.application-heading.is-open .application-heading__main {
  background-color: transparent;
}
.application-heading.is-open .application-heading__main::before {
  opacity: 0;
}
.application-heading.is-open .application-heading__arrow {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: color 200ms ease-in;
}
.application-heading.is-open .application-heading__actions,
.application-heading.is-open .application-heading__report-button,
.application-heading.is-open .application-heading__tooltip {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.application-heading.is-open.is-editable .application-heading__main::after {
  opacity: 1;
}
.application-changes-bar {
  display: flex;
  align-items: center;
  height: 24px;
  margin-left: 19px;
  padding-left: 20px;
  border-left: 1px solid var(--G-2, #DEDEDE);
}
.application-changes-bar__icon-button {
  width: 16px;
  height: 16px;
  margin: 0;
  display: inline-flex;
  animation: spin 1.25s infinite linear;
}
.application-changes-bar__tooltip {
  margin-left: 10px;
}
.application-changes-bar__text {
  margin-left: 8px;
}
.application-changes-bar__text button {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  color: inherit;
  transition: color 150ms ease-out;
}
.application-changes-bar__text button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 1px;
  background: #7A7A7A;
}
.application-changes-bar__text button:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.application-changes-bar__save-btn {
  border: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  align-items: center;
  background: var(--G-0-5, #FAFAFA);
  cursor: pointer;
  padding: 3px 8px;
  border-radius: 5px;
  min-width: 90px;
  min-height: 24px;
  transition: background 150ms ease-out;
}
.application-changes-bar__save-btn.is-saving {
  pointer-events: none;
}
.application-changes-bar__save-btn:hover {
  background: var(--G-1, #F3F3F4);
  transition: background 200ms ease-in;
}
.application-changes-bar .fade-in {
  display: flex;
  align-items: center;
  opacity: 0;
  animation: fadeIn ease-in 1;
  animation-fill-mode: forwards;
  animation-duration: 0.15s;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.report-toolbar-toggle {
  --menu-option-height: 28px;
  --menu-option-bottom-margin: 4px;
}
.report-toolbar-toggle__checkbox {
  margin-right: 11px;
}
.solution-title {
  display: flex;
  align-items: center;
  max-width: calc(100vw - 880px);
}
.solution-title--clickable {
  cursor: pointer;
}
.solution-title__name {
  margin: 0 5px 0 10px;
  padding: 10px 0;
  font-size: 22px;
  font-weight: 700;
}
.solution-title__arrow {
  margin-left: 5px;
  color: var(--G-0, #FFFFFF);
  opacity: 0.7;
  transition: opacity 150ms ease-out;
}
.solution-title:hover .solution-title__arrow, .solution-title.is-active .solution-title__arrow {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.solution-title__info {
  cursor: pointer;
  font-size: 0;
  position: relative;
  z-index: 1;
  color: var(--G-0, #FFFFFF);
  margin-left: 5px;
}
.solution-title__info:before {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--G-0, #FFFFFF);
  opacity: 0.4;
  z-index: -1;
  transition: opacity 200ms ease-in-out;
}
.solution-title__info:hover {
  color: var(--solution-primary-color);
}
.solution-title__info:hover:before {
  opacity: 1;
}
.solution-topbar {
  height: 50px;
  background-color: var(--solution-primary-color);
  --topbar-text-color: var(--G-0, #FFFFFF);
  --topbar-account-name-text-color: var(--G-0, #FFFFFF);
  --topbar-button-default-background: var(--G-0, #FFFFFF);
  --topbar-button-hover-background: var(--G-0, #FFFFFF);
  --topbar-button-default-color: var(--solution-primary-color);
  --topbar-notification-badge-background: var(--solution-highlight-color);
  --topbar-member-arrow-default-color: var(--G-0, #FFFFFF);
  --topbar-member-arrow-active-color: var(--G-0, #FFFFFF);
  --topbar-line-color: var(--G-0, #FFFFFF);
  --topbar-square-color: var(--G-0, #FFFFFF);
  --topbar-search-icon-color: var(--G-0, #FFFFFF);
  --topbar-search-icon-hover-color: var(--G-0, #FFFFFF);
  --topbar-search-icon-opacity: 0.7;
  --topbar-button-color: var(--solution-primary-color);
}
.share-url-label {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
  width: 100%;
}
.share-url-label__icon {
  margin-right: 6px;
}
.share-url {
  position: relative;
  height: 36px;
  border-radius: 5px;
}
.share-url__input-group {
  height: 36px;
  padding-left: 36px;
  z-index: 1;
}
.share-url__input-group:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--solution-secondary-color);
  opacity: 0.5;
  pointer-events: none;
  border-radius: 5px;
  z-index: -1;
}
.share-url__copy-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.share-url__copy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 34px;
  background-color: var(--solution-secondary-color);
  color: var(--solution-primary-color);
  font-size: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.share-url__copy:hover {
  color: var(--solution-hover-color);
}
.share-url__loader {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 44px;
  color: var(--solution-primary-color);
}
.share-url__buttons {
  display: flex;
  align-items: center;
  padding-right: 6px;
}
.share-url__tooltip {
  color: var(--solution-primary-color);
  cursor: pointer;
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.share-url__tooltip:not(:last-child) {
  margin-right: 6px;
}
.share-url-checkbox-label {
  display: flex;
  align-items: center;
  min-height: 22px;
}
.share-url-checkbox-label:not(:last-child) {
  margin-bottom: 6px;
}
.share-url-checkbox-label__tooltip {
  margin-left: 8px;
}
.share-url-checkbox-label__button {
  margin-left: 12px;
  z-index: 1;
}
.share-url-checkbox-label__button:before, .share-url-checkbox-label__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
}
.share-url-checkbox-label__button:before {
  border: 1px solid var(--solution-primary-color);
  opacity: 0.3;
}
.share-url-checkbox-label__button:after {
  background-color: var(--solution-secondary-color);
  opacity: 0.5;
  z-index: -1;
  transition: opacity 150ms ease-out;
}
.share-url-checkbox-label__button:hover:after {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.share-url-checkbox-label.is-disabled .checkbox-label {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.first-last-updated-created {
  overflow: hidden;
  max-width: 100%;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.first-last-updated-created__caption {
  line-height: 13px;
}
.first-last-updated-created__text {
  display: inline;
  margin-right: 5px;
  opacity: 0.6;
}
.first-last-updated-created__text .first-last-updated-created__subtext {
  font-weight: 400;
  padding-left: 5px;
}
.first-last-updated-created__popover-wrapper {
  display: inline-block;
}
.record-created-updated-info-button {
  opacity: 0.6;
  color: var(--typo-primary, #2E3538);
  font-size: 13px;
  border: 0;
  background-color: transparent;
  text-decoration: underline;
  transition: opacity 150ms ease-out;
}
.record-created-updated-info-button:hover {
  opacity: 1;
  cursor: pointer;
  transition: opacity 200ms ease-in;
}
.share-solution-workspace-picker-header {
  display: flex;
  align-items: center;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.share-solution-workspace-picker-header__icon {
  min-width: 70px;
  width: 70px;
  height: 70px;
  border-radius: 10px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-solution-workspace-picker-header__title {
  margin-bottom: 4px;
}
.share-solution-workspace-wrapper {
  width: 100%;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 10px;
  padding: 50px 60px 25px;
  min-width: 600px;
  max-width: 600px;
}
.share-solution-topbar {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 0 10px;
  background-color: var(--solution-primary-color);
}
.share-solution-topbar__logo {
  display: inline-flex;
  text-decoration: none;
}
.share-solution-topbar__center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.share-solution-topbar__copy {
  background-color: rgba(45, 45, 45, 0.3);
}
.sharing-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px 20px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.sharing-toggle__content {
  max-width: var(--max-width-sharing-content, 600px);
  min-height: var(--min-height-sharing-content, 81px);
}
.sharing-toggle__title {
  margin-bottom: 2px;
}
.sharing-toggle__switcher {
  --switcher-background: var(--G-5, #9B9C9E);
  --switcher-background-opacity: 1;
}
.sharing-toggle__switcher.is-checked {
  --switcher-background: #3EAC40;
}
.share-url-view {
  margin-bottom: 30px;
}
.import-submenu-option-extra {
  margin: 1px 0;
  --menu-option-bottom-margin-last: 4px;
  --menu-option-height: 28px;
  --menu-option-arrow-top: 6px;
}
.application-extra-tools-menu-option {
  --menu-option-height: 28px;
  --menu-option-bottom-margin: 4px;
  --menu-option-bottom-margin-last: 4px;
  --menu-option-arrow-top: 6px;
}
.application-extra-tools-menu-separator {
  margin-top: 5px;
  margin-bottom: 4px;
}
.application-extra-tools-wrapper .menu-option-wrapper__list {
  padding-top: 9px;
  padding-bottom: 1px;
}
.application-extra-tools-button {
  margin-left: -3px;
}
.switch-dashboard-mode {
  display: flex;
  align-items: center;
  gap: 8px;
}
.view-inline-description {
  margin-top: 4px;
}
.widget-settings-button {
  min-width: 28px;
  height: 28px;
  width: 28px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--solution-primary-color);
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.widget-settings-button.is-active, .widget-settings-button:hover {
  background-color: var(--solution-secondary-color);
  transition: background-color 200ms ease-in;
}
.view-inline-description {
  margin-top: 4px;
}
.feedback-button {
  display: inline-flex;
  margin-right: 12px;
}
.add-widget-button .r-button__content {
  white-space: nowrap;
}
.generate-solution-with-ai-modal {
  padding: 20px 30px 0;
  width: 732px;
  position: absolute;
}
.generate-solution-with-ai-modal.enter {
  opacity: 0;
}
.generate-solution-with-ai-modal.enter-active {
  opacity: 1;
  transition: opacity 100ms ease-out;
  transition-delay: 100ms;
}
.generate-solution-with-ai-modal.exit-active {
  opacity: 0;
  transition: opacity 50ms ease-in;
}
.generate-solution-with-ai-modal__title, .generate-solution-with-ai-modal__description {
  display: block;
  margin-bottom: 30px;
}
.generate-solution-with-ai-modal__body {
  display: flex;
  flex-direction: column;
  padding: 0px 0 33px;
}
.generate-solution-with-ai-modal__input-header {
  margin-bottom: 8px;
  transition: color 0.3s ease;
}
.generate-solution-with-ai-modal__input-header--active {
  color: var(--solution-primary-color);
}
.generate-solution-with-ai-modal__error {
  margin-top: 8px;
}
.generate-solution-with-ai-modal__progress-footer {
  background-color: var(--G-0, #FFFFFF);
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.066);
  column-gap: 5px;
  display: flex;
  justify-content: center;
  margin-top: 8px;
  padding: 20px;
  text-align: center;
  width: 100%;
  z-index: 1;
  position: absolute;
  left: 0;
}
.generate-solution-with-ai-modal__progress-footer__text {
  position: relative;
}
.generate-solution-with-ai-modal__progress-footer__text-dots {
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
}
.generate-solution-with-ai-modal__title {
  padding-right: 120px;
}
.generate-solution-with-ai-modal__footer {
  display: flex;
  align-items: center;
  padding: 0 30px;
  gap: 10px;
  margin: 0 -30px;
  justify-content: flex-end;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  height: 55px;
}
.create-import-card {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 10px 0 20px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
}
.create-import-card:not(.create-import-card--soon) {
  transition: border-color 150ms ease-out;
  cursor: pointer;
}
.create-import-card:not(.create-import-card--soon):hover {
  border-color: var(--solution-primary-color);
  transition: border-color 200ms ease-in;
}
.create-import-card--soon {
  color: var(--typo-secondary, #878B92);
}
.create-import-card--soon .create-import-card__icon {
  opacity: 0.7;
}
.create-import-card__icon {
  margin-right: 12px;
}
.create-import-card__soon {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 2px 6px;
  border-radius: 6px;
  background-color: var(--G-1, #F3F3F4);
}
.create-import-card__arrow {
  margin-left: auto;
}
.import-users-section {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: -30px;
}
.import-users-section__text {
  margin-bottom: 20px;
}
.import-users-section__title {
  margin-bottom: 4px;
}
.import-users-section__title span {
  color: var(--typo-secondary, #878B92);
}
.import-users-section__search {
  margin-bottom: 15px;
}
.import-users-section__headlist {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.import-users-section__subtitle {
  width: 45%;
}
.import-users-section__scrollarea {
  flex-grow: 1;
  overflow: hidden;
  margin-right: -20px;
}
.import-users-section__entries {
  margin: 10px 0 20px 0;
  padding-right: 20px;
}
.import-users-entry {
  display: flex;
  justify-content: space-between;
}
.import-users-entry:not(:last-child) {
  margin-bottom: 8px;
}
.import-users-entry.is-active .import-users-entry__arrow {
  color: #3EAC40;
}
.import-users-entry__current {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 45%;
  height: 36px;
  padding: 0 10px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 8px;
  color: var(--solution-primary-color);
}
.import-users-entry__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10%;
  color: var(--G-3, #C7C8C9);
}
.import-users-entry__replace {
  width: 45%;
}
.import-users-entry__invite-user {
  border-top: 1px solid var(--G-1, #F3F3F4);
  padding: 13px 17px;
}
.home-page-sidebar-head-button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 34px;
  background-color: transparent;
  padding: 1px 4px 1px 1px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  transition: background-color 150ms ease-out;
}
.home-page-sidebar-head-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: var(--workspace-dw-color);
  opacity: 0;
  z-index: -1;
  transition: opacity 100ms ease-out;
}
.home-page-sidebar-head-button__button {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-grow: 1;
  cursor: pointer;
}
.home-page-sidebar-head-button__icon {
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: var(--G-0-5, #FAFAFA);
  border: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-8, #4d4d4d);
  position: relative;
  z-index: 1;
}
.home-page-sidebar-head-button__icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  opacity: 0;
  z-index: -1;
  transform: scale(0.1);
  background-color: var(--workspace-base-color);
  transition: transform 100ms ease-out, opacity 100ms ease-out;
}
.home-page-sidebar-head-button__icon-thin {
  transition: fill 100ms ease-out, color 100ms ease-out;
}
.home-page-sidebar-head-button__actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
.home-page-sidebar-head-button__add {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.home-page-sidebar-head-button__add.homepage-sidebar-action-button {
  opacity: var(--add-solution-opacity);
  transition: background-color 150ms ease-out , opacity 150ms ease-out;
}
.home-page-sidebar-head-button:hover:before {
  opacity: 0.5;
  transition: opacity 100ms ease-in;
}
.home-page-sidebar-head-button:hover .home-page-sidebar-head-button__add {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.home-page-sidebar-head-button:hover .home-page-sidebar-head-button__icon, .home-page-sidebar-head-button.is-active .home-page-sidebar-head-button__icon {
  color: var(--G-0, #FFFFFF);
  border-width: 0px;
}
.home-page-sidebar-head-button:hover .home-page-sidebar-head-button__icon-thin, .home-page-sidebar-head-button.is-active .home-page-sidebar-head-button__icon-thin {
  transition: fill 100ms ease-in, color 100ms ease-in;
}
.home-page-sidebar-head-button:hover .home-page-sidebar-head-button__icon:before, .home-page-sidebar-head-button.is-active .home-page-sidebar-head-button__icon:before {
  opacity: 1;
  transform: scale(1);
  transition: transform 100ms ease-in, opacity 100ms ease-in;
}
.homepage-sidebar {
  background-color: var(--workspace-border-color);
  padding: 0 20px 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 290px;
  width: 290px;
  position: relative;
  transition: width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s, min-width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  z-index: 1;
  border-radius: 12px 12px 0 0;
}
.homepage-sidebar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 12px 12px 0 0;
  z-index: -1;
}
.homepage-sidebar::after {
  content: "";
  background-color: var(--G-0, #FFFFFF);
  bottom: 0;
  top: 0;
  left: 0;
  right: 1px;
  height: 100%;
  position: absolute;
  border-radius: 12px 12px 0 0;
  z-index: -1;
}
.homepage-sidebar.is-collapsed:not(.is-hovering) {
  min-width: 74px;
  width: 74px;
}
.homepage-sidebar.is-collapsed .homepage-sidebar__button:before {
  margin-left: -5px;
  border-right: 1px solid var(--G-8, #4d4d4d);
  border-top: 1px solid var(--G-8, #4d4d4d);
  border-left: none;
  border-bottom: none;
}
.homepage-sidebar.is-hovering {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.homepage-sidebar__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--workspace-dw-color);
  border-radius: 12px 12px 0 0;
  z-index: -2;
}
.homepage-sidebar__workspace {
  padding-top: 23px;
  padding-bottom: 23px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.homepage-sidebar__button {
  color: var(--G-8, #4d4d4d);
  background-color: var(--G-0, #FFFFFF);
  min-width: 24px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--workspace-border-color);
  outline: 1px solid rgba(0, 0, 0, 0.05);
  outline-offset: -1px;
  position: relative;
  transition: background-color 150ms ease-out;
}
.homepage-sidebar__button:hover {
  background-color: var(--workspace-dw-color);
  transition: background-color 200ms ease-in;
}
.homepage-sidebar__button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -2px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-bottom: 1px solid var(--G-8, #4d4d4d);
  border-left: 1px solid var(--G-8, #4d4d4d);
}
.homepage-sidebar__button:after {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
.homepage-sidebar__tooltip {
  position: absolute;
  top: 8px;
  right: -11px;
  display: flex;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms ease-out , visibility 150ms ease-out;
}
.homepage-sidebar__tooltip-content {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 5px;
  color: var(--G-0, #FFFFFF);
}
.homepage-sidebar__svg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.homepage-sidebar__button-icon {
  position: absolute;
  top: 22px;
  left: 8px;
  width: 7px;
  height: 7px;
  background-color: var(--G-0, #FFFFFF);
  z-index: -1;
  overflow: hidden;
  clip-path: url(#homepage-clip-path);
}
.homepage-sidebar__button-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--workspace-border-color);
  z-index: -1;
}
.homepage-sidebar__button-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 1;
}
.homepage-sidebar:hover .homepage-sidebar__tooltip {
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease-in , visibility 200ms ease-in;
}
.homepage-action-button {
  min-width: 22px;
  width: 22px;
  height: 22px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 150ms ease-out;
}
.homepage-action-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
  transition: background-color 200ms ease-in;
}
.homepage-action-button__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.homepage-action-button .tooltip__outside {
  width: 100%;
  height: 100%;
}
.homepage-action-button.is-disabled .homepage-action-button__icon {
  opacity: 0.5;
}
.home-page-sidebar-solutions {
  --add-solution-opacity: 0;
  flex-grow: 1;
}
.home-page-sidebar-solutions:hover {
  --add-solution-opacity: 1;
}
.home-page-sidebar-solutions__categories {
  position: relative;
  padding-top: 1px;
}
.home-page-sidebar-solutions__categories:before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  bottom: 0;
  width: 1px;
  background-color: var(--G-1-6, #E8E8E8);
  opacity: var(--sidebar-elements-visibility);
}
.home-page-sidebar-solutions__scrollbar {
  width: 100%;
  height: calc(100% - 34px);
}
.home-page-sidebar-category {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3px 0 10px;
  gap: 8px;
  cursor: pointer;
  height: 36px;
  padding-left: 43px;
  margin-bottom: 1px;
  width: 100%;
  z-index: 1;
  transition: background-color 150ms ease-out;
}
.home-page-sidebar-category:before {
  content: "";
  position: absolute;
  left: 16px;
  width: 1px;
  top: 0;
  bottom: 0;
  background-color: var(--G-5, #9B9C9E);
  opacity: var(--sidebar-elements-visibility, 0);
  transform: scaleY(0);
  transition: transform 100ms ease-out;
}
.home-page-sidebar-category:after {
  content: "";
  position: absolute;
  top: 0;
  left: 34px;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: var(--workspace-dw-color);
  z-index: -1;
  opacity: 0;
}
.home-page-sidebar-category__content {
  gap: 6px;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.home-page-sidebar-category__icon {
  opacity: 0.7;
  font-size: 20px;
  max-width: 20px;
  font-variation-settings: "FILL" 0, "GRAD" 200, "wght" 200;
  color: var(--G-8, #4d4d4d);
  transition: opacity 150ms ease-out;
}
.home-page-sidebar-category.is-active .home-page-sidebar-category__icon {
  color: var(--workspace-base-color);
  font-variation-settings: "FILL" 1, "GRAD" 200, "wght" 200;
}
.home-page-sidebar-category:hover, .home-page-sidebar-category.is-active, .home-page-sidebar-category.is-menu-opened {
  --category-dots-opacity: 1;
}
.home-page-sidebar-category:hover .home-page-sidebar-category__icon, .home-page-sidebar-category.is-active .home-page-sidebar-category__icon, .home-page-sidebar-category.is-menu-opened .home-page-sidebar-category__icon {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.home-page-sidebar-category:hover:before, .home-page-sidebar-category.is-active:before, .home-page-sidebar-category.is-menu-opened:before {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 100ms ease-out;
}
.home-page-sidebar-category:hover.is-editable .home-page-sidebar-category__content, .home-page-sidebar-category.is-active.is-editable .home-page-sidebar-category__content, .home-page-sidebar-category.is-menu-opened.is-editable .home-page-sidebar-category__content {
  max-width: calc(100% - 33px);
}
.home-page-sidebar-category.is-menu-opened:before {
  transform: scaleY(1);
  opacity: 1;
  background-color: var(--G-3, #C7C8C9);
  transition: transform 100ms ease-out;
}
.home-page-sidebar-category:hover:after {
  opacity: 0.5;
  transition: opacity 200ms ease-in;
}
.home-page-sidebar-category.is-menu-opened:after {
  opacity: 0.5;
  background-color: var(--workspace-dw-color);
  transition: opacity 200ms ease-in , background-color 200ms ease-in;
}
.home-page-sidebar-category.is-collapsed:not(.is-hovering) {
  padding-left: 6px;
  padding-right: 0px;
  justify-content: flex-start;
}
.home-page-sidebar-category.is-collapsed:not(.is-hovering):before {
  display: none;
}
.home-page-sidebar-category.is-active:after {
  background-color: var(--workspace-dw-color);
  opacity: 1;
  transition: opacity 200ms ease-in , background-color 200ms ease-in;
}
.homepage-sidebar-add-new-category {
  opacity: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 0px;
  padding-left: 45px;
  color: var(--inactive, #B2B2B3);
  transition: color 150ms ease-out , opacity 150ms ease-out , height 150ms ease-out;
}
.homepage-sidebar:hover .homepage-sidebar-add-new-category {
  opacity: 1;
  height: 36px;
  transition: opacity 200ms ease-in , height 200ms ease-in;
}
.homepage-sidebar-add-new-category__icon {
  color: var(--G-8, #4d4d4d);
  opacity: 0.7;
  transition: color 150ms ease-out , opacity 150ms ease-out;
}
.homepage-sidebar-add-new-category:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.homepage-sidebar-add-new-category:hover .homepage-sidebar-add-new-category__icon {
  opacity: 1;
  color: var(--ic-dark, #2D2D2D);
  transition: color 200ms ease-in , opacity 200ms ease-in;
}
.homepage-sidebar-add-new-category.is-collapsed:not(.is-hovering) {
  padding-left: 7px;
  padding-right: 0px;
  justify-content: flex-start;
}
.homepage-sidebar-menu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: auto;
  position: relative;
  padding: 10px 0px 20px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.homepage-sidebar-menu__button {
  justify-content: center;
  margin-top: 12px;
  width: 100%;
}
.homepage-sidebar-menu__tooltip {
  width: 100%;
}
.homepage-sidebar-menu.is-collapsed:not(.is-hovering) .homepage-sidebar-menu__button {
  justify-content: flex-start;
  padding-left: 14px;
}
.homepage-sidebar-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 36px;
  padding: 0 9px;
  background-color: transparent;
  padding: 0 12px 0 1px;
  border-radius: 6px;
  width: 100%;
  position: relative;
  z-index: 1;
  transition: background-color 150ms ease-out;
}
.homepage-sidebar-menu-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  opacity: 0;
  background-color: var(--workspace-dw-color);
  z-index: -1;
  transition: opacity 100ms ease-out;
}
.homepage-sidebar-menu-item__icon {
  color: var(--G-8, #4d4d4d);
  border-radius: 50%;
}
.homepage-sidebar-menu-item__icon-wrapper {
  min-width: 32px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.homepage-sidebar-menu-item__icon-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(0);
  z-index: -1;
  border-radius: 6px;
  background-color: var(--workspace-base-color);
  transition: transform 100ms ease-out;
}
.homepage-sidebar-menu-item__icon-wrapper:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  z-index: -1;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 50%;
  margin-top: -7px;
  margin-left: -7px;
  transform: scale(0);
  transition: transform 100ms ease-out;
}
.homepage-sidebar-menu-item:hover:not(.is-active)::before {
  opacity: 0.5;
  transition: opacity 100ms ease-in;
}
.homepage-sidebar-menu-item.is-active {
  background-color: transparent;
}
.homepage-sidebar-menu-item.is-active .homepage-sidebar-menu-item__icon-wrapper:before {
  transform: scale(1);
  transition: transform 100ms ease-in;
}
.homepage-sidebar-menu-item.is-active .homepage-sidebar-menu-item__icon-wrapper:after {
  transform: scale(1);
  transition: transform 100ms ease-in;
}
.homepage-sidebar-menu-item.is-active .homepage-sidebar-menu-item__icon {
  color: var(--workspace-base-color);
}
.home-page-display-format {
  height: 30px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 6px;
  padding-left: 7px;
  padding-right: 5px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 10px;
  position: relative;
  transition: border-color 150ms ease-out;
}
.home-page-display-format:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border: 2px solid var(--workspace-base-color);
  opacity: 0;
  pointer-events: none;
  border-radius: 8px;
  transition: opacity 150ms ease-out;
}
.home-page-display-format:hover, .home-page-display-format.is-opened {
  border-color: var(--workspace-base-color);
  transition: border-color 200ms ease-in;
}
.home-page-display-format.is-opened:before {
  opacity: 0.3;
  transition: opacity 200ms ease-in;
}
.home-page-display-format-list {
  min-width: 320px;
  max-width: 320px;
  width: 320px;
}
.home-page-display-format-list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
  height: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.home-page-display-format-list__wrapper {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.home-page-display-format-list__help {
  color: var(--G-3, #C7C8C9);
}
.home-page-display-format-list__help:hover {
  color: var(--G-8, #4d4d4d);
}
.home-page-display-format-list__footer {
  height: 42px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  gap: 7px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.home-page-display-format-item {
  display: flex;
  align-items: center;
  gap: 13px;
  height: 53px;
  border: 1px solid var(--G-1, #F3F3F4);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 6px;
  padding: 0 10px 0 7px;
  color: var(--tertiary, #6B6B6B);
  transition: border-color 150ms ease-out , color 150ms ease-out;
}
.home-page-display-format-item:hover, .home-page-display-format-item.is-selected {
  color: var(--typo-primary, #2E3538);
  border-color: var(--workspace-base-color);
  transition: border-color 200ms ease-in , color 200ms ease-in;
}
.home-page-display-format-item__selected {
  margin-left: auto;
}
.home-page-display-format-option {
  height: 28px;
}
.home-page-display-format-select {
  --select-option-margin-bottom: 4px;
}
.home-page-display-format-default {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: -2px;
  cursor: pointer;
}
.home-page-display-format-default__arrow {
  transform: rotate(0);
  transition: transform 150ms ease-out;
}
.home-page-display-format-default.is-opened .home-page-display-format-default__arrow {
  transform: rotate(180deg);
  transition: transform 200ms ease-in;
}
.start-from-template {
  margin-bottom: 50px;
  margin-top: 32px;
}
.start-from-template__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  cursor: pointer;
  margin-bottom: 10px;
}
.start-from-template__button {
  margin-left: auto;
  height: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out;
}
.start-from-template__button:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.start-from-template__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 17px;
}
.start-from-template__arrow {
  transform: rotate(0);
  transition: transform 150ms ease-out;
}
.start-from-template__more {
  border: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  transition: border-color 150ms ease-out;
}
.start-from-template__more:hover {
  border-color: var(--workspace-base-color);
  transition: border-color 200ms ease-in;
}
.start-from-template.is-collapsed {
  margin-bottom: 32px;
}
.start-from-template.is-collapsed .start-from-template__header {
  margin-bottom: 0;
}
.start-from-template.is-collapsed .start-from-template__arrow {
  transform: rotate(-90deg);
  transition: transform 200ms ease-in;
}
.solution-template-card {
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  padding: 15px;
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
  transition: border-color 150ms ease-out;
}
.solution-template-card:hover {
  border-color: var(--workspace-base-color);
  transition: border-color 200ms ease-in;
}
.solution-template-card__header {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin-bottom: 14px;
}
.solution-template-card__icon {
  min-width: 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: var(--G-0, #FFFFFF);
}
.solution-template-card__icon i {
  font-size: 20px;
}
.solution-template-card__label {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.05);
  height: 22px;
  display: inline-flex;
  padding: 0 9px;
  align-items: center;
}
.solution-template-card__title {
  margin-bottom: 8px;
  display: inline-block;
}
.color-cards-category {
  --category-actions-opacity: 0;
}
.color-cards-category__header {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
  margin-bottom: 30px;
}
.color-cards-category__icon {
  margin-right: 10px;
}
.color-cards-category__help-tooltip {
  margin-left: 6px;
  font-size: 0;
}
.color-cards-category__help {
  color: var(--G-3, #C7C8C9);
}
.color-cards-category__help:hover {
  color: var(--G-8, #4d4d4d);
}
.color-cards-category__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 4px;
}
.color-cards-category:hover {
  --category-actions-opacity: 1;
}
.home-page-solution-category {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.home-page-solution-category.is-category-highlight {
  gap: 30px;
}
.sortable-home-page-solution-wrapper-height {
  padding: 0 5px;
  margin: 0 -5px;
}
.sortable-home-page-solution-categories:hover {
  --category-actions-opacity: 1;
}
.home-page-cards-category-header {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
  margin-bottom: 30px;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--G-0, #FFFFFF);
}
.home-page-cards-category-header__icon {
  margin-right: 10px;
  font-variation-settings: "FILL" 1, "GRAD" 200, "wght" 400;
  color: var(--workspace-base-color);
}
.home-page-cards-category-header__help {
  color: var(--G-3, #C7C8C9);
  cursor: pointer;
}
.home-page-cards-category-header__help:hover {
  color: var(--G-8, #4d4d4d);
}
.home-page-cards-category-header__help-tooltip {
  margin-left: 6px;
}
.home-page-cards-category-header__help-content {
  padding: 6px 5px;
}
.home-page-cards-category-header__help-description {
  margin-top: 2px;
  font-size: 13px;
  line-height: 18px;
  color: var(--G-0, #FFFFFF);
}
.home-page-cards-category-header__help-description p {
  margin-bottom: 8px;
}
.home-page-cards-category-header__help-description p:last-child {
  margin-bottom: 0;
}
.home-page-cards-category-header__button {
  min-width: 24px;
  width: 24px;
  height: 24px;
  opacity: var(--category-actions-opacity, 0);
  transition: opacity 150ms ease-out;
}
.home-page-cards-category-header__dots-menu {
  --category-dots-opacity: var(--category-actions-opacity);
}
.home-page-cards-category-header__actions {
  display: flex;
  gap: 4px;
  margin-left: auto;
}
.home-page-cards-category-header.is-menu-opened {
  --category-actions-opacity: 1;
}
.color-card {
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex: none;
  padding: 2px 1px 0;
  position: relative;
  width: 154px;
  border-radius: 12px;
}
.color-card__icon-holder {
  border-radius: 5px;
  flex-shrink: 0;
  height: 82px;
  position: relative;
  width: 82px;
  z-index: 3;
}
.color-card__new {
  align-items: center;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  display: flex;
  height: 24px;
  justify-content: center;
  left: -5px;
  min-width: 48px;
  opacity: 1;
  padding: 4px 12px;
  position: absolute;
  top: -5px;
  transition: opacity 120ms ease-out, visibility 120ms ease-out;
  visibility: visible;
  z-index: 5;
}
.color-card__icon {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
}
.color-card__body {
  align-items: center;
  display: flex;
  height: 69px;
  justify-content: center;
  padding: 5px 11px 10px;
  text-align: center;
  width: 100%;
}
.color-card__body-text {
  display: -webkit-box;
  max-height: 36px;
  overflow: hidden;
  transition: max-height 120ms ease-out;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.color-card__hover {
  background-color: transparent;
  border-radius: 12px;
  height: calc(100% - 2px);
  left: 50%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0px;
  transform: translateX(-50%);
  transition: none;
  width: 100%;
  z-index: 0;
}
.color-card__hover-holder {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  height: 82px;
  justify-content: space-between;
  margin-top: 2px;
  padding: 6px;
  position: relative;
  transition: opacity 120ms ease-out;
  width: 100%;
}
.color-card__hover-holder-overlay {
  border-radius: 12px;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transform: translateX(-50%);
  transition: width 120ms ease-out, transform 120ms ease-out;
  width: 82px;
  z-index: 2;
}
.color-card__hover-action {
  height: auto;
  line-height: 0;
  opacity: 0;
  position: absolute;
  top: 6px;
  transition: opacity 120ms ease-out;
  width: auto;
  z-index: -1;
}
.color-card__hover-action--left {
  left: 7px;
}
.color-card__hover-action--right {
  right: 6px;
  top: 6px;
}
.color-card__hover-action--favorite {
  color: var(--G-0, #FFFFFF);
  min-width: 22px;
  height: 22px;
  width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-card__hover-action--favorite:hover:not(.is-checked) {
  color: var(--G-0, #FFFFFF);
}
.color-card__hover-action--favorite:hover {
  opacity: 1;
}
.color-card__hover-action--favorite .tooltip__outside {
  display: flex;
}
.color-card__hover-action--menu {
  padding: 4px;
}
.color-card__hover-action--open-description {
  margin-top: 3px;
  margin-right: 3px;
}
.color-card:hover, .color-card.is-active, .color-card.is-dragging {
  --solution-shared-label-opacity: 0;
  z-index: 5;
}
.color-card:hover .color-card__body-text, .color-card.is-active .color-card__body-text, .color-card.is-dragging .color-card__body-text {
  max-height: 54px;
  transition: max-height 120ms ease-in;
  -webkit-line-clamp: 3;
}
.color-card:hover .color-card__new, .color-card.is-active .color-card__new, .color-card.is-dragging .color-card__new {
  opacity: 0;
  transition: opacity 120ms ease-in, visibility 120ms ease-in;
  visibility: hidden;
}
.color-card:hover .color-card__hover, .color-card.is-active .color-card__hover, .color-card.is-dragging .color-card__hover {
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
  pointer-events: inherit;
  transition: box-shadow 120ms ease-in;
}
.color-card:hover .color-card__hover-holder-overlay, .color-card.is-active .color-card__hover-holder-overlay, .color-card.is-dragging .color-card__hover-holder-overlay {
  transform: translateX(-50%);
  width: calc(100% - 4px);
}
.color-card:hover .color-card__hover-action, .color-card.is-active .color-card__hover-action, .color-card.is-dragging .color-card__hover-action {
  opacity: 1;
  transition: opacity 120ms ease-in;
  z-index: 4;
}
.category-highlight-card {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  height: 40px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  min-width: 0;
  --share-label-top: -5px;
  --share-label-right: -5px;
  background-color: var(--G-0, #FFFFFF);
  transition: background-color 120ms ease-out, padding-right 120ms ease-out;
}
.category-highlight-card:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 8px;
  pointer-events: none;
}
.category-highlight-card__icon-svg {
  color: var(--category-highlight-color);
}
.category-highlight-card__title {
  margin-left: 12px;
  display: block;
  transition: margin-left 120ms ease-out;
}
.category-highlight-card__icon {
  min-width: 24px;
  width: 24px;
  font-size: 24px;
  max-width: 24px;
  text-align: center;
}
.category-highlight-card__actions {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.category-highlight-card__favorite {
  color: var(--G-0, #FFFFFF);
}
.category-highlight-card__favorite:hover:not(.is-checked) {
  color: var(--G-0, #FFFFFF);
}
.category-highlight-card__favorite:hover {
  opacity: 1;
}
.category-highlight-card__settings {
  --home-page-dots-color: var(--G-0, #FFFFFF);
}
.category-highlight-card:hover, .category-highlight-card.is-active {
  --solution-shared-label-opacity: 0;
  transition: border-color 120ms ease-in;
  background-color: var(--category-highlight-color);
  transition: background-color 120ms ease-out, padding-right 120ms ease-out;
}
.category-highlight-card:hover .category-highlight-card__actions, .category-highlight-card.is-active .category-highlight-card__actions {
  opacity: 1;
  transition: opacity 120ms ease-out;
}
.category-highlight-card:hover .category-highlight-card__title, .category-highlight-card.is-active .category-highlight-card__title {
  margin-left: 16px;
  transition: margin-left 120ms ease-out;
  color: var(--G-0, #FFFFFF);
}
.category-highlight-card:hover .category-highlight-card__icon-svg, .category-highlight-card.is-active .category-highlight-card__icon-svg {
  color: var(--G-0, #FFFFFF);
}
.category-highlight-card:hover:after, .category-highlight-card.is-active:after {
  display: none;
}
.category-highlight-card:hover, .category-highlight-card.is-active {
  padding-right: 60px;
}
.category-highlight-card.is-admin:hover, .category-highlight-card.is-admin.is-active {
  transition: border-color 120ms ease-out, padding-right 120ms ease-out;
}
.category-highlight-card.is-dragging {
  z-index: 1;
}
.workspace-home-page-new {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.workspace-home-page-new:before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  height: 27px;
  pointer-events: none;
  z-index: -1;
  background-image: linear-gradient(var(--workspace-dw-color), rgba(0, 0, 0, 0.04));
}
.workspace-home-page-new__scrollbar {
  height: 100%;
  border-radius: 12px 12px 0 0;
  background-color: var(--G-0, #FFFFFF);
}
.workspace-home-page-new__scrollbar .ScrollbarsCustom-Content {
  min-height: 100%;
  height: 100%;
}
.workspace-home-page-new__wrapper {
  padding-left: 290px;
  padding-top: 60px;
  height: 100vh;
  overflow: hidden;
  --home-page-wrapper-width: 786px;
  --home-page-resources-wrapper-width: 786px;
  transition: padding-left 0.2s cubic-bezier(0.2, 0, 0, 1) 0s;
}
@media only screen and (min-width: 1366px) {
  .workspace-home-page-new__wrapper {
    --home-page-wrapper-width: 944px;
    --home-page-resources-wrapper-width: 944px;
  }
}
@media only screen and (min-width: 1440px) {
  .workspace-home-page-new__wrapper {
    --home-page-wrapper-width: 944px;
    --home-page-resources-wrapper-width: 944px;
  }
}
@media only screen and (min-width: 1600px) {
  .workspace-home-page-new__wrapper {
    --home-page-wrapper-width: 1102px;
    --home-page-resources-wrapper-width: 1102px;
  }
}
@media only screen and (min-width: 1920px) {
  .workspace-home-page-new__wrapper {
    --home-page-wrapper-width: 1260px;
    --home-page-resources-wrapper-width: 1102px;
  }
}
@media only screen and (min-width: 2560px) {
  .workspace-home-page-new__wrapper {
    --home-page-wrapper-width: 1576px;
    --home-page-resources-wrapper-width: 1102px;
  }
}
.workspace-home-page-new__sidebar {
  position: fixed;
  top: 60px;
  left: 0;
  min-width: 290px;
  height: calc(100vh - 60px);
  --sidebar-elements-visibility: 1;
  transition: min-width 0.2s cubic-bezier(0.2, 0, 0, 1) 0s;
  z-index: 12;
}
.workspace-home-page-new__plan {
  margin-top: 10px;
}
.workspace-home-page-new__inner {
  padding: 20px 20px 0;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.workspace-home-page-new__content-wrapper {
  padding-top: 22px;
  padding-bottom: 80px;
}
.workspace-home-page-new__footer {
  background-color: var(--G-0-5, #FAFAFA);
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 10px 20px;
}
.workspace-home-page-new__search {
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  padding: 0 12px;
}
.workspace-home-page-new__search-wrapper {
  padding: 14px 0 12px;
  background-color: var(--G-0, #FFFFFF);
  position: fixed;
  top: 258px;
  z-index: 11;
  width: 100%;
  max-width: var(--home-page-wrapper-width);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.workspace-home-page-new__bottom {
  margin-top: auto;
}
.workspace-home-page-new.is-sidebar-collapsed .workspace-home-page-new__wrapper {
  padding-left: 74px;
  transition: padding-left 0.2s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.workspace-home-page-new.is-sidebar-collapsed .workspace-home-page-new__sidebar {
  min-width: 74px;
  transition: min-width 0.2s cubic-bezier(0.2, 0, 0, 1) 0s;
  --sidebar-elements-visibility: 0;
}
.workspace-home-page-new.is-hovering .workspace-home-page-new__sidebar {
  --sidebar-elements-visibility: 1;
}
.home-page-sidebar-visibility {
  opacity: var(--sidebar-elements-visibility, 1);
  transition: opacity 100ms ease-out;
}
.workspace-homepage-members-directory.enter.dropdown-panel {
  opacity: 0 !important;
  transform: translateX(100%) !important;
}
.workspace-homepage-members-directory.enter-active.dropdown-panel {
  opacity: 1 !important;
  transform: translateX(0) !important;
}
.workspace-homepage-members-directory.exit-active.dropdown-panel {
  opacity: 0 !important;
  transform: translateX(100%) !important;
}
.workspace-homepage-members-directory .dropdown-panel__arrow {
  display: none;
}
.home-page-content-wrapper {
  flex-grow: 1;
  max-width: var(--home-page-wrapper-width);
  width: 100%;
  margin: 0 auto;
}
.workspace-panel-logo {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--G-1-5, #E9E9E9);
}
.workspace-panel-logo.is-size-large {
  width: 80px;
  height: 80px;
  min-width: 80px;
  border-radius: 12px;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
  font-weight: 600;
  font-size: 33px;
}
.workspace-panel-logo.is-size-small {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 6px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  font-weight: 500;
  font-size: 16px;
}
.workspace-panel-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.workspace-panel-settings {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
}
.workspace-panel-settings-panel {
  min-width: 300px;
  width: 300px;
}
.workspace-panel-settings-panel__option {
  height: 32px;
}
.workspace-panel-settings-panel__menu {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 5px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.workspace-panel-settings-panel__menu-separator {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: -5px;
  margin-right: -5px;
}
.workspace-panel-settings-dropdown.is-workspace-extended-list-opened {
  border-radius: 5px 0 5px 5px;
}
.workspace-switch-account {
  padding: 5px;
}
.workspace-switch-account__option {
  width: 100%;
  height: 36px;
}
.workspace-switch-account.is-non-admin {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.workspace-account-info {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  z-index: 1;
  padding-top: 13px;
  padding-bottom: 17px;
  padding-left: 15px;
  padding-right: 15px;
}
.workspace-account-info:before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  left: 2px;
  border-radius: 5px;
  background-color: var(--G-0-5, #FAFAFA);
  height: 65px;
  z-index: -1;
  pointer-events: none;
}
.workspace-account-info__logo {
  margin-bottom: 16px;
}
.workspace-account-info__account {
  margin-bottom: 4px;
}
.workspace-account-info__data span {
  cursor: pointer;
  text-decoration: underline;
}
.workspace-account-info__data span:hover {
  text-decoration: none;
}
.workspace-account-info__upgrade-wrapper {
  padding: 10px 15px;
  background-color: #EEF6EE;
  border-radius: 5px;
  margin: 16px -13px -14px;
  width: 296px;
}
.workspace-account-info__upgrade {
  background-color: #3EAC40;
  height: 28px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  line-height: 28px;
  color: var(--G-0, #FFFFFF);
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0 10px;
  transition: background-color 150ms ease-out;
}
.workspace-account-info__upgrade:hover {
  background-color: #199A27;
  transition: background-color 200ms ease-in;
}
.workspace-account-info__logo-wrapper {
  position: relative;
}
.workspace-account-info__logo-wrapper:hover {
  --logo-bug-edit-button-opacity: 1;
}
.workspace-account-info__logo-tooltip {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 1;
  opacity: var(--logo-bug-edit-button-opacity, 0);
  transition: opacity 150ms ease-out;
}
.switch-workspace-list {
  min-width: 250px;
}
.switch-workspace-list__options {
  --select-option-margin-bottom: 4px;
  --select-option-active-background: transparent;
  --select-option-highlight-background: transparent;
}
.switch-workspace-list .select-list-items__empty-message {
  height: 270px;
  justify-content: center;
}
.switch-workspace-option {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 42px;
  padding: 0 5px;
}
.switch-workspace-option__default-option {
  margin-left: auto;
}
.switch-workspace-option__default-tooltip-content {
  color: var(--G-0, #FFFFFF);
  padding: 16px 10px;
}
.switch-workspace-option__default-tooltip-content > *:not(:last-child) {
  margin-bottom: 10px;
}
.switch-workspace-option.is-active {
  background-color: var(--G-1, #F3F3F4);
  color: var(--typo-primary, #2E3538);
}
.switch-workspace-option:hover:not(.is-active) {
  background-color: var(--G-0-5, #FAFAFA);
}
.switch-workspace-wrapper {
  display: flex;
  flex-direction: column;
}
.switch-workspace-wrapper__add-icon {
  color: var(--G-5, #9B9C9E);
}
.switch-workspace-wrapper__add {
  margin: 5px;
  margin-top: auto;
  height: 36px;
  display: flex;
  align-items: center;
  gap: 17px;
  padding-left: 14px;
  padding-right: 14px;
  color: var(--typo-secondary, #878B92);
  position: relative;
  transition: color 150ms ease-out;
}
.switch-workspace-wrapper__add:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.switch-workspace-wrapper__add:hover .switch-workspace-wrapper__add-icon {
  color: var(--ic-dark, #2D2D2D);
}
.switch-workspace-wrapper__add:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.switch-workspace-wrapper .ScrollbarsCustom.trackYVisible .ScrollbarsCustom-Content {
  padding-right: 12px;
}
.sidebar-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 32px;
  padding-left: 1px;
  padding-right: 7px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  transition: background-color 150ms ease-out;
}
.sidebar-menu-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: var(--workspace-dw-color);
  opacity: 0;
  z-index: -1;
  transition: opacity 100ms ease-out;
}
.sidebar-menu-item__svg {
  transition: fill 100ms ease-out;
}
.sidebar-menu-item__arrow {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.sidebar-menu-item__icon {
  position: relative;
  z-index: 1;
  font-variation-settings: "FILL" 0, "GRAD" 0, "wght" 200;
}
.sidebar-menu-item__icon i {
  color: var(--G-8, #4d4d4d);
  font-size: 22px;
}
.sidebar-menu-item__icon {
  min-width: 32px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(77, 77, 77, 0.7);
  position: relative;
  background-color: transparent;
  z-index: 1;
}
.sidebar-menu-item__icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 6px;
  opacity: 0;
  transform: scale(0.2);
  background-color: var(--workspace-base-color);
  transition: transform 100ms ease-out, opacity 100ms ease-out;
}
.sidebar-menu-item:hover:not(.is-active):before {
  opacity: 0.5;
  transition: opacity 100ms ease-in;
}
.sidebar-menu-item:hover:not(.is-active) .sidebar-menu-item__icon {
  color: var(--G-8, #4d4d4d);
}
.sidebar-menu-item:hover:not(.is-active) .sidebar-menu-item__arrow {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.sidebar-menu-item__arrow {
  margin-left: auto;
}
.sidebar-menu-item.is-menu-enabled:before {
  opacity: 0.5;
  transition: opacity 100ms ease-in;
}
.sidebar-menu-item.is-menu-enabled .sidebar-menu-item__icon {
  color: var(--G-8, #4d4d4d);
}
.sidebar-menu-item.is-menu-enabled .sidebar-menu-item__arrow {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.sidebar-menu-item.is-active .sidebar-menu-item__icon {
  color: var(--G-0, #FFFFFF);
  font-variation-settings: "FILL" 1, "GRAD" 0, "wght" 200;
}
.sidebar-menu-item.is-active .sidebar-menu-item__icon i {
  color: var(--G-0, #FFFFFF);
}
.sidebar-menu-item.is-active .sidebar-menu-item__icon:after {
  transform: scale(1);
  transition: transform 100ms ease-in;
}
.sidebar-menu-item.is-active .sidebar-menu-item__icon:before {
  opacity: 1;
  transform: scale(1);
  transition: transform 100ms ease-in, opacity 100ms ease-in;
}
.customizable-sidebar-menu {
  padding-top: 15px;
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
  margin-bottom: 12px;
}
.customizable-sidebar-menu__list {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.customizable-sidebar-menu__item {
  position: relative;
}
.customizable-sidebar-menu__item:hover {
  --shortcut-opacity: 1;
}
.customizable-sidebar-menu__shortcut.menu-shortcut {
  z-index: 1;
  background-color: transparent;
  position: relative;
  top: 0;
  margin-top: 0;
  margin-left: auto;
  right: 0;
}
.customizable-sidebar-submenu__submenu {
  border-radius: 6px !important;
}
.customizable-sidebar-submenu__submenu:before {
  border-radius: 6px !important;
}
.customizable-sidebar-rest-menu {
  display: flex;
  flex-direction: column;
  min-width: 250px;
  padding: 5px;
  gap: 4px;
}
.customizable-sidebar-rest-menu__option {
  width: 100%;
}
.customizable-sidebar-rest-menu__settings {
  margin: 5px -5px 0;
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.customizable-sidebar-rest-menu.no-options .customizable-sidebar-rest-menu__settings {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.home-page-search {
  width: 122px;
  min-height: 32px;
  transition: width 150ms ease-out;
}
.home-page-search__input {
  padding-left: 7px;
  padding-right: 3px;
}
.home-page-search__input.is-focus {
  --search-clear-button-visibility: visible;
  --search-clear-button-opacity: 1;
}
.home-page-search__input .r-search-field__clear {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 4px;
  color: var(--G-6, #868788);
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3px;
  transition: background-color 150ms ease-out;
}
.home-page-search__input .r-search-field__clear:hover {
  color: var(--G-8, #4d4d4d);
  background-color: rgba(0, 0, 0, 0.05);
  transition: background-color 200ms ease-in;
}
.home-page-search.is-focused {
  width: 350px;
  transition: width 200ms ease-in;
}
.home-page-search-content__wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
  padding-bottom: 30px;
  gap: 10px 4px;
}
.home-page-search-content__empty {
  height: 212px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  align-items: center;
}
.home-page-search-content__empty img {
  width: 30px;
  height: 30px;
}
.home-page-search-content__add-new {
  margin-top: 10px;
}
.category-highlight {
  padding: 20px;
  display: flex;
  border-radius: 12px;
  gap: 30px;
  --solution-more-button-top-margin: 12px;
  --category-actions-opacity: 0;
  position: relative;
  z-index: 1;
}
.category-highlight:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 12px;
  background-color: var(--workspace-dw-color);
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.category-highlight:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  z-index: -1;
  transition: border-color 150ms ease-out , opacity 150ms ease-out;
}
.category-highlight:hover, .category-highlight.is-menu-opened {
  transition: border-color 200ms ease-in;
}
.category-highlight:hover:before, .category-highlight.is-menu-opened:before {
  opacity: 0.5;
  transition: opacity 200ms ease-in;
}
.category-highlight:hover:after, .category-highlight.is-menu-opened:after {
  opacity: 0.5;
  border-color: var(--workspace-base-color);
  transition: border-color 200ms ease-in , opacity 200ms ease-in;
}
.category-highlight__info {
  max-width: 259px;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.category-highlight__body {
  height: 100%;
  flex-grow: 1;
}
.category-highlight__title {
  margin-bottom: 4px;
  display: inline-block;
  margin-top: 12px;
}
.category-highlight__icon {
  font-size: 40px;
  font-variation-settings: "FILL" 1, "GRAD" 200, "wght" 200;
  color: var(--workspace-base-color);
}
.category-highlight__description p {
  font-size: 13px;
  color: var(--tertiary, #6B6B6B);
  line-height: 18px;
}
.category-highlight__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1920px) {
  .category-highlight__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.category-highlight__actions {
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  top: 8px;
  right: 0;
}
.category-highlight__button {
  min-width: 24px;
  width: 24px;
  height: 24px;
  opacity: var(--category-actions-opacity, 0);
  transition: opacity 150ms ease-out;
}
.category-highlight__dots-menu {
  --category-dots-opacity: var(--category-actions-opacity);
}
.category-highlight:hover, .category-highlight.is-menu-opened {
  --category-actions-opacity: 1;
}
.simple-card {
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex: none;
  padding: 2px 1px 0;
  position: relative;
  width: 186px;
  border-radius: 12px;
  z-index: 1;
  transition: border-color 120ms ease-out;
}
.simple-card:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  pointer-events: none;
  border: 1px solid var(--G-1-5, #E9E9E9);
  z-index: -1;
}
.simple-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--G-0-5, #FAFAFA);
  opacity: 0.5;
  border-radius: 12px;
  pointer-events: none;
  z-index: -1;
}
.simple-card__icon-holder {
  border-radius: 5px;
  flex-shrink: 0;
  height: 58px;
  position: relative;
  width: 58px;
  z-index: 3;
  --share-label-top: 8px;
  --share-label-right: 2px;
}
.simple-card__new {
  align-items: center;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  display: flex;
  height: 24px;
  justify-content: center;
  left: -5px;
  min-width: 48px;
  opacity: 1;
  padding: 4px 12px;
  position: absolute;
  top: -5px;
  transition: opacity 120ms ease-out, visibility 120ms ease-out;
  visibility: visible;
  z-index: 5;
}
.simple-card__icon {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  margin-left: -12px;
  width: 24px;
  font-size: 10px;
  transform: scale(1);
  transition: transform 120ms ease-out;
}
.simple-card__body {
  align-items: center;
  display: flex;
  height: 56px;
  justify-content: center;
  padding: 5px 11px 10px;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.simple-card__body-text {
  display: -webkit-box;
  max-height: 36px;
  overflow: hidden;
  transition: max-height 120ms ease-out, color 120ms ease-out;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.simple-card__hover {
  background-color: transparent;
  border-radius: 11px;
  height: 100%;
  left: 50%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0px;
  transform: translateX(-50%);
  transition: none;
  width: 100%;
  z-index: 0;
}
.simple-card__hover-holder {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 6px;
  position: relative;
  transition: opacity 120ms ease-out;
  width: 100%;
}
.simple-card__hover-holder-overlay {
  border-radius: 11px;
  content: "";
  height: 40px;
  left: 50%;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transform: translate(-50%, 15px);
  transition: width 120ms ease-out, transform 120ms ease-out, height 120ms ease-out;
  width: 40px;
  z-index: 2;
}
.simple-card__hover-action {
  height: auto;
  line-height: 0;
  opacity: 0;
  position: absolute;
  top: 6px;
  width: auto;
  z-index: -1;
  transition: opacity 120ms ease-out;
}
.simple-card__hover-action--left {
  left: 6px;
}
.simple-card__hover-action--right {
  right: 6px;
  top: 6px;
}
.simple-card__hover-action--favorite {
  color: var(--G-0, #FFFFFF);
  min-width: 22px;
  height: 22px;
  width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.simple-card__hover-action--favorite:hover:not(.is-checked) {
  color: var(--G-0, #FFFFFF);
}
.simple-card__hover-action--favorite:hover {
  opacity: 1;
}
.simple-card__hover-action--favorite .tooltip__outside {
  display: flex;
}
.simple-card__hover-action--menu {
  padding: 4px;
}
.simple-card__hover-action--open-description {
  margin-top: 3px;
  margin-right: 3px;
}
.simple-card:hover, .simple-card.is-active, .simple-card.is-dragging {
  --solution-shared-label-opacity: 0;
  z-index: 5;
  transition: border-color 120ms ease-in;
}
.simple-card:hover .simple-card__body-text, .simple-card.is-active .simple-card__body-text, .simple-card.is-dragging .simple-card__body-text {
  max-height: 54px;
  transition: max-height 120ms ease-in, color 120ms ease-in;
  -webkit-line-clamp: 3;
  color: var(--G-0, #FFFFFF);
}
.simple-card:hover .simple-card__new, .simple-card.is-active .simple-card__new, .simple-card.is-dragging .simple-card__new {
  opacity: 0;
  visibility: hidden;
  transition: opacity 120ms ease-in, visibility 120ms ease-in;
}
.simple-card:hover .simple-card__hover, .simple-card.is-active .simple-card__hover, .simple-card.is-dragging .simple-card__hover {
  pointer-events: inherit;
}
.simple-card:hover .simple-card__icon, .simple-card.is-active .simple-card__icon, .simple-card.is-dragging .simple-card__icon {
  transform: scale(1.6666);
  transition: transform 120ms ease-in;
}
.simple-card:hover .simple-card__hover-holder-overlay, .simple-card.is-active .simple-card__hover-holder-overlay, .simple-card.is-dragging .simple-card__hover-holder-overlay {
  transform: translate(-50%, 0px);
  width: 100%;
  height: 100%;
  transition: width 120ms ease-in, transform 120ms ease-in, height 120ms ease-in;
}
.simple-card:hover .simple-card__hover-action, .simple-card.is-active .simple-card__hover-action, .simple-card.is-dragging .simple-card__hover-action {
  opacity: 1;
  transition: opacity 120ms ease-in;
  z-index: 4;
}
@media only screen and (min-width: 1366px) {
  .simple-card {
    width: 178px;
  }
}
@media only screen and (min-width: 1600px) {
  .simple-card {
    width: 172px;
  }
}
@media only screen and (min-width: 1920px) {
  .simple-card {
    width: 168px;
  }
}
@media only screen and (min-width: 2560px) {
  .simple-card {
    width: 185px;
  }
}
.simple-cards-category {
  --solution-more-button-top-margin: 13px;
  --category-actions-opacity: 0;
}
.simple-cards-category__list {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}
.simple-cards-category:hover {
  --category-actions-opacity: 1;
}
.admin-card {
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  cursor: pointer;
  display: flex;
  min-height: 88px;
  padding: 4px 4px 4px 8px;
  position: relative;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 12px;
  transition: border-color 120ms ease-out;
}
.admin-card:hover, .admin-card.is-active, .admin-card.is-dragging {
  z-index: 5;
  border-color: var(--G-4, #B2B2B3);
  --solution-shared-label-opacity: 0;
  transition: border-color 120ms ease-out;
}
.admin-card:hover .admin-card__actions, .admin-card.is-active .admin-card__actions, .admin-card.is-dragging .admin-card__actions {
  opacity: 1;
  transition: opacity 120ms ease-out;
}
.admin-card:hover .admin-card__icon, .admin-card.is-active .admin-card__icon, .admin-card.is-dragging .admin-card__icon {
  transform: scale(1.1);
  transition: transform 120ms ease-out;
}
.admin-card:hover .admin-card__shared, .admin-card.is-active .admin-card__shared, .admin-card.is-dragging .admin-card__shared {
  opacity: 0;
}
.admin-card__shared {
  position: absolute;
  right: 8px;
  top: 8px;
  color: #FF9210;
}
.admin-card__icon-holder {
  align-items: center;
  border-radius: 8px;
  display: flex;
  flex-shrink: 0;
  height: 72px;
  justify-content: center;
  margin-right: 17px;
  position: relative;
  width: 72px;
  z-index: 3;
}
.admin-card__icon {
  min-width: 36px;
  width: 36px;
  height: 36px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
  transform-origin: center center;
  backface-visibility: hidden;
  transition: transform 120ms ease-out;
}
.admin-card__favorite {
  color: var(--G-8, #4d4d4d);
  min-width: 22px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-card__favorite:hover:not(.is-checked) {
  color: var(--G-8, #4d4d4d);
}
.admin-card__favorite:hover {
  opacity: 1;
}
.admin-card__favorite .tooltip__outside {
  display: flex;
}
.admin-card__body {
  width: 100%;
}
.admin-card__heading {
  margin-right: 16px;
  padding-right: 40px;
}
.admin-card__settings {
  --home-page-dots-color: var(--G-8, #4d4d4d);
}
.admin-card__head-wrapper {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}
.admin-card__actions {
  border-radius: 5px;
  position: absolute;
  top: 9px;
  right: 10px;
  display: flex;
  gap: 3px;
  opacity: 0;
  justify-content: space-between;
  position: absolute;
  transition: opacity 120ms ease-out;
}
.admin-card__hover-holder-icons {
  align-self: center;
  line-height: 0;
  position: relative;
  z-index: 2;
}
.admin-card__new {
  align-items: center;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  display: flex;
  height: 24px;
  justify-content: center;
  left: 8px;
  min-width: 48px;
  opacity: 1;
  padding: 4px 12px;
  position: absolute;
  top: 9px;
  transition: opacity 120ms ease-out, visibility 120ms ease-out;
  visibility: visible;
  z-index: 5;
}
.admin-card__statistic {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}
.admin-card__dot {
  background-color: var(--typo-primary, #2E3538);
  border-radius: 3px;
  height: 3px;
  margin: 0 5px;
  width: 3px;
}
.admin-card__number {
  margin-right: 3px;
}
.admin-card__accessed {
  margin-top: 2px;
}
.admin-view-category {
  --solution-more-button-top-margin: 13px;
  --category-actions-opacity: 0;
}
.admin-view-category__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
  width: 100%;
}
@media only screen and (min-width: 1600px) {
  .admin-view-category__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 2560px) {
  .admin-view-category__list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.admin-view-category:hover {
  --category-actions-opacity: 1;
}
.home-page-solution-menu {
  min-width: 294px;
}
.home-page-solution-menu__appearance {
  padding: 12px 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.home-page-solution-menu__delete {
  padding: 12px 5px 7px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.home-page-solution-menu__main {
  padding: 12px 5px 12px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.home-page-solution-menu.is-read-only .home-page-solution-menu__delete {
  border-top: none;
  padding: 0 5px;
}
.home-pagesolution-menu-option {
  height: 32px;
  width: 100%;
  gap: 14px;
  --menu-option-height: 32px;
  --menu-option-arrow-top: 9px;
  --menu-option-arrow-color-active: var(--G-8, #4d4d4d);
  --menu-option-icon-color: var(--G-8, #4d4d4d);
  margin-bottom: 0;
}
.home-pagesolution-menu-option--delete:hover {
  background-color: #FCEFEF;
  color: #E05C5C;
}
.home-pagesolution-menu-option--delete:hover .thin-option__icon {
  color: #E05C5C;
}
.home-pagesolution-menu-option .menu-option__arrow {
  color: var(--G-8, #4d4d4d);
}
.home-pagesolution-menu-option--import, .home-pagesolution-menu-option--move {
  padding: 0;
  --menu-option-icon-margin-right: 14px;
  --menu-option-inner-padding-left: 12px;
}
.home-pagesolution-menu-option--import .menu-option__arrow, .home-pagesolution-menu-option--move .menu-option__arrow {
  right: 10px !important;
}
.solution-menu-dots {
  min-width: 22px;
  height: 22px;
  width: 22px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--home-page-dots-color, var(--G-0, #FFFFFF));
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.solution-menu-dots:hover, .solution-menu-dots.is-active {
  background-color: var(--home-page-dots-background-hover, rgba(0, 0, 0, 0.1));
  transition: background-color 200ms ease-in;
}
.home-page-solution-name {
  padding: 7px 11px 12px 23px;
}
.move-category-option {
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  position: relative;
}
.move-category-option__checkmark {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px;
}
.move-category-option.is-active {
  padding-right: 26px;
  pointer-events: none;
}
.move-category-button {
  height: 46px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  color: var(--tertiary, #6B6B6B);
  font-size: 13px;
  justify-content: center;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  width: 100%;
  transition: color 200ms ease-in;
}
.move-category-button:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 150ms ease-out;
}
.home-page-move-category {
  width: 270px;
  min-width: 270px;
}
.move-category-list-items {
  --select-option-active-background: transparent;
  --select-option-margin-bottom: 4px;
  --select-option-active-color: var(--tertiary, #6B6B6B);
}
.move-category-list-items .options-list__option.is-active {
  pointer-events: none;
}
.home-page-footer {
  height: 56px;
  display: flex;
  align-items: center;
  padding-right: 60px;
  justify-content: space-between;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
}
.home-page-footer__left {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.home-page-footer__powered a {
  text-decoration: underline;
  color: var(--tertiary, #6B6B6B);
}
.home-page-footer__links {
  display: flex;
  gap: 25px;
  align-items: center;
}
.home-page-footer__link {
  position: relative;
  font-size: 13px;
  line-height: 36px;
  font-weight: 500;
  color: var(--tertiary, #6B6B6B);
  text-decoration: none;
  transition: color 150ms ease-out;
}
.home-page-footer__link:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.home-page-footer__link:not(:last-child):after {
  content: "•";
  position: absolute;
  top: 0;
  right: -15px;
}
.introduction-section {
  margin-top: 125px;
  margin-bottom: 10px;
}
.introduction-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
  padding-bottom: 10px;
}
.introduction-section__actions {
  display: flex;
  align-items: center;
  gap: 24px;
}
.introduction-section__dismiss {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--typo-primary, #2E3538);
}
.introduction-section__more {
  background-color: var(--workspace-base-color);
  border-radius: 8px;
  height: 28px;
  padding: 0 14px 0 9px;
  color: var(--G-0, #FFFFFF);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  transition: background-color 150ms ease-out;
}
.introduction-section__more:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.introduction-section__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 28px;
  margin-top: 20px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: rgba(255, 255, 255, 0.5019607843);
  border-radius: 6px;
  font-size: 13px;
  transition: border-color 150ms ease-out;
}
.introduction-section__toggle:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.introduction-section__toggle.is-expanded .icon {
  transform: rotate(180deg);
}
.home-page-sticky-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 30px;
  padding-top: 20px;
  background-color: var(--G-0, #FFFFFF);
  z-index: 10;
  max-width: var(--home-page-wrapper-width);
  width: 100%;
  position: relative;
}
.home-page-sticky-banner__actions {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  z-index: 3;
}
.home-page-sticky-banner__title {
  display: flex;
  align-items: center;
}
.home-page-sticky-banner__tabs {
  margin-left: 30px;
  padding-left: 30px;
  --basic-tab-small-paddings: 0;
  --basic-tabs-slider-small-bottom: 0;
  --basic-tabs-slider-height: 2px;
  position: relative;
  --basic-tab-small-gap: 18px;
}
.home-page-sticky-banner__tabs:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  height: 30px;
  border-left: 1px solid var(--G-3, #C7C8C9);
}
.home-page-sticky-banner__tabs .r-basic-tab {
  height: 34px;
  color: var(--typo-primary, #2E3538);
  opacity: 0.4;
  transition: opacity 150ms ease-out;
}
.home-page-sticky-banner__tabs .r-basic-tab p {
  font-size: 16px;
  font-weight: 500;
}
.home-page-sticky-banner__tabs .r-basic-tab.is-active, .home-page-sticky-banner__tabs .r-basic-tab:hover {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.home-page-sticky-banner__tabs .basic-tab-slider {
  background-color: var(--ic-dark, #2D2D2D);
}
.display-format-cards {
  display: flex;
  flex-wrap: wrap;
}
.display-format-cards.is-default_cards {
  gap: 10px 4px;
}
.display-format-cards.is-category_highlight {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  width: 100%;
}
.display-format-cards.is-simple_cards {
  gap: 13px;
}
.display-format-cards.is-admin_tiles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
  width: 100%;
}
@media only screen and (min-width: 1600px) {
  .display-format-cards.is-admin_tiles {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 2560px) {
  .display-format-cards.is-admin_tiles {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.search-empty-banner {
  height: 212px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  align-items: center;
}
.search-empty-banner img {
  width: 30px;
  height: 30px;
}
.search-empty-banner__add-new {
  margin-top: 10px;
}
.recently-accessed-solution-card {
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 12px;
  padding: 9px 15px 9px 10px;
  height: 60px;
  display: flex;
  width: 100%;
  gap: 16px;
  cursor: pointer;
  transition: border-color 120ms ease-out;
}
.recently-accessed-solution-card__icon {
  min-width: 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-size: 9px;
  transform: scale(1);
  transition: transform 120ms ease-out, border-radius 120ms ease-out;
}
.recently-accessed-solution-card__body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.recently-accessed-solution-card__buttons {
  display: flex;
  align-items: center;
  gap: 7px;
}
.recently-accessed-solution-card__actions {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  --home-page-dots-color: var(--G-8, #4d4d4d);
}
.recently-accessed-solution-card__buttons {
  opacity: 0;
  visibility: hidden;
  transition: opacity 120ms ease-out, visibility 120ms ease-out;
}
.recently-accessed-solution-card__favorite {
  color: var(--G-8, #4d4d4d);
  min-width: 22px;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
}
.recently-accessed-solution-card__favorite .tooltip__outside {
  display: flex;
}
.recently-accessed-solution-card__favorite:hover:not(.is-checked) {
  color: var(--G-8, #4d4d4d);
}
.recently-accessed-solution-card__favorite:hover {
  opacity: 1;
}
.recently-accessed-solution-card:hover, .recently-accessed-solution-card.is-menu-opened {
  border-color: var(--G-4, #B2B2B3);
  transition: border-color 120ms ease-out;
}
.recently-accessed-solution-card:hover .recently-accessed-solution-card__buttons, .recently-accessed-solution-card.is-menu-opened .recently-accessed-solution-card__buttons {
  opacity: 1;
  visibility: visible;
  transition: opacity 120ms ease-out, visibility 120ms ease-out;
}
.recently-accessed-solution-card:hover .recently-accessed-solution-card__icon, .recently-accessed-solution-card.is-menu-opened .recently-accessed-solution-card__icon {
  transform: scale(1.25);
  border-radius: 8px;
  transition: transform 120ms ease-out;
}
.recently-accessed-solution-card-tooltip {
  display: flex;
  flex-direction: column;
  padding: 2px 5px;
  gap: 2px;
}
.recently-accessed-solution-card-tooltip-wrapper {
  min-width: 0;
}
.home-page-recently-accessed-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 194px;
}
.home-page-recently-accessed-empty__icon {
  max-width: 40px;
  max-height: 40px;
  margin-bottom: 12px;
}
.home-page-recently-accessed-empty__text {
  display: block;
  margin-bottom: 6px;
}
.home-page-recently-accessed-empty__button {
  color: var(--solution-primary-color);
  text-decoration: underline;
}
.home-page-recently-accessed__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.home-page-recently-accessed__header {
  margin-bottom: 17px;
}
.home-page-recently-accessed__group-header {
  margin-bottom: 15px;
  display: block;
}
.home-page-recently-accessed__group-header--earlier {
  margin-top: 33px;
}
.home-page-recently-accessed__select {
  border: none;
  display: inline-flex;
  width: auto;
  --select-placeholder-padding-left: 0px;
  --single-select-min-height: 24px;
  min-height: 24px;
  --arrow-select-top-position: -5px;
}
.home-page-recently-accessed__select .select-placeholder__arrow {
  color: var(--ic-dark, #2D2D2D) !important;
}
.home-page-recently-accessed__select .select-placeholder__arrow-icon {
  transform: rotate(0deg) !important;
}
.home-page-recently-accessed-option {
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
}
.home-page-recently-accessed-option__select {
  margin-left: auto;
}
.home-page-recently-accessed-options {
  --select-option-active-background: transparent;
  --select-option-margin-bottom: 4px;
}
.home-page-recently-accessed-option-selected {
  padding-right: 10px;
}
.homepage-favorites__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 264px;
}
.homepage-favorites__empty-title {
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 6px;
}
.homepage-favorites__empty-image {
  height: 40px;
  width: 40px;
}
.homepage-favorites__search-title {
  margin-bottom: 30px;
}
.home-page-search-title {
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
}
.homepage-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background-color: var(--workspace-base-color);
  --topbar-text-color: var(--G-0, #FFFFFF);
  --topbar-account-name-text-color: var(--G-0, #FFFFFF);
  --topbar-button-default-background: var(--G-0, #FFFFFF);
  --topbar-button-hover-background: var(--G-0, #FFFFFF);
  --topbar-button-default-color: var(--solution-primary-color);
  --topbar-notification-badge-background: var(--solution-highlight-color);
  --topbar-member-arrow-default-color: var(--G-0, #FFFFFF);
  --topbar-member-arrow-active-color: var(--G-0, #FFFFFF);
  --topbar-line-color: rgba(255, 255, 255, .3);
  --topbar-square-color: var(--G-0, #FFFFFF);
  --topbar-search-icon-color: var(--G-0, #FFFFFF);
  --topbar-search-icon-hover-color: var(--G-0, #FFFFFF);
  --topbar-search-icon-opacity: 0.7;
  --topbar-button-color: var(--solution-primary-color);
  --topbar-member-left-margin: 26px;
  --topbar-member-arrow-default-color: rgba(255, 255, 255, .7);
}
.homepage-topbar-input__control {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  height: 36px;
  min-width: 493px;
  background-color: rgba(0, 0, 0, 0.05);
  padding-right: 32px;
}
.homepage-topbar-input__control input {
  color: var(--G-0, #FFFFFF);
  font-size: 22px;
  font-weight: 700;
}
.homepage-topbar-input__preview {
  height: 30px;
  display: inline-block;
  cursor: pointer;
  max-width: 40vw;
  border-bottom: 1px dashed transparent;
  transition: border-color 150ms ease-out;
}
.homepage-topbar-input__preview:hover {
  border-color: rgba(255, 255, 255, 0.5);
  transition: border-color 200ms ease-in;
}
.homepage-topbar-input__button {
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 6px;
  color: #3EAC40;
  margin-top: -12px;
}
.homepage-topbar-input__button.is-disabled {
  pointer-events: none;
  background-color: var(--G-0-5, #FAFAFA);
  color: var(--inactive, #B2B2B3);
}
.homepage-topbar-input.is-non-admin .homepage-topbar-input__preview {
  cursor: default;
}
.homepage-topbar-input.is-non-admin .homepage-topbar-input__preview:hover {
  border-color: transparent;
}
.show-more-button {
  width: 100%;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 6px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: var(--solution-more-button-top-margin, 20px);
  font-size: 13px;
  color: var(--typo-primary, #2E3538);
  transition: border-color 150ms ease-out;
}
.show-more-button:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.workspace-header-banner-new {
  width: 100%;
  min-height: 100px;
  border-radius: 8px;
  background: linear-gradient(91.32deg, var(--color-1) 2.31%, var(--color-2) 85.62%);
  color: var(--G-0, #FFFFFF);
  padding: 15px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.workspace-header-banner-new::before {
  content: "";
  width: 744px;
  height: 744px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  position: absolute;
  top: -187px;
  right: -133px;
  pointer-events: none;
}
.workspace-header-banner-new__date {
  font-size: var(--simple-banner-date-size, 18px);
  font-weight: var(--simple-banner-date-weight, 400);
  line-height: var(--simple-banner-date-line-height, 24px);
}
.workspace-header-banner-new__content {
  display: flex;
  align-items: center;
  flex: 1;
  max-width: var(--home-page-wrapper-width);
  margin: 0 auto;
}
.workspace-header-banner-new__avatar {
  margin-right: var(--simple-banner-avatar-margin-right, 24px);
  min-width: var(--simple-banner-avatar-dimension, 54px);
  width: var(--simple-banner-avatar-dimension, 54px);
  min-height: var(--simple-banner-avatar-dimension, 54px);
  height: var(--simple-banner-avatar-dimension, 54px);
  position: relative;
  z-index: 1;
}
.workspace-header-banner-new:not(.is-large-size):not(.simple-banner-preview) .workspace-header-banner-new__avatar:after {
  content: "";
  display: block !important;
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 3px solid var(--G-0, #FFFFFF);
  border-radius: 50%;
  z-index: -1;
  width: auto;
  height: auto;
}
@media screen and (max-width: 800px) {
  .workspace-header-banner-new:not(.is-large-size):not(.simple-banner-preview) .workspace-header-banner-new__avatar {
    display: none;
  }
}
.workspace-header-banner-new__greeting {
  overflow: hidden;
  flex: 1;
}
.workspace-header-banner-new__meet {
  font-size: var(--simple-banner-meet-size, 23px);
  line-height: var(--simple-banner-meet-line-height, 28px);
  font-weight: var(--simple-banner-meet-weight, 600);
}
.workspace-header-banner-new__meet strong {
  font-weight: 600;
}
.workspace-header-banner-new__logo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 10px;
  border-radius: 6px;
  background-color: var(--G-0, #FFFFFF);
}
.workspace-header-banner-new__logo img {
  display: block;
  max-width: 130px;
  max-height: 50px;
}
.workspace-header-banner-new__button-avatar {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 1;
  opacity: var(--simple-banner-edit-button-opacity, 0);
}
.workspace-header-banner-new__button-banner {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  opacity: var(--simple-banner-edit-button-opacity, 0);
}
.workspace-header-banner-new.is-large-size {
  height: 160px;
}
.workspace-header-banner-new.is-large-size .workspace-header-banner-new__meet {
  font-weight: var(--simple-banner-meet-weight, 300);
  font-size: var(--simple-banner-meet-size, 34px);
  line-height: var(--simple-banner-meet-line-height, 54px);
}
.workspace-header-banner-new.is-large-size .workspace-header-banner-new__date {
  font-size: var(--simple-banner-date-size, 18px);
  line-height: var(--simple-banner-date-line-height, 25px);
}
.workspace-header-banner-new.is-large-size .workspace-header-banner-new__avatar {
  min-width: var(--simple-banner-avatar-dimension, 120px);
  width: var(--simple-banner-avatar-dimension, 120px);
  min-height: var(--simple-banner-avatar-dimension, 120px);
  height: var(--simple-banner-avatar-dimension, 120px);
}
.workspace-header-banner-new:hover {
  --simple-banner-edit-button-opacity: 1;
}
.menu-shortcut {
  min-width: 46px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 3px;
  height: 24px;
  border-radius: 5px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0-5, #FAFAFA);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding-right: 6px;
  padding-left: 3px;
  pointer-events: none;
  opacity: var(--shortcut-opacity, 0);
  transition: opacity 150ms ease-out;
}
.menu-shortcut__fn {
  color: var(--G-5, #9B9C9E);
}
.home-page-inbox-filter {
  padding: 22px 30px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  max-width: 290px;
  min-width: 290px;
  height: 100%;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
}
.home-page-inbox-filter__title {
  margin-bottom: 15px;
  display: block;
  border-radius: 12px;
}
.home-page-inbox-filter__items {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-right: 3px;
}
.home-page-inbox-filter__scrollbar {
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 -30px;
  padding: 23px 27px 0 30px;
}
.home-page-inbox-filter__search {
  padding: 0 10px;
  --search-icon-color: var(--G-4, #B2B2B3);
  --search-icon-margin-right: 0;
}
.home-page-inbox-filter__search input {
  font-weight: 500;
}
.home-page-inbox-filter__no-results-icon {
  margin-bottom: 10px;
  width: 30px;
  height: 30px;
}
.home-page-inbox-filter__no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}
.home-page-inbox-filter__search-wrapper {
  min-height: 36px;
}
.home-page-inbox-filter-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 28px;
  cursor: pointer;
  gap: 5px;
}
.home-page-inbox-filter-item__badge {
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 3px;
  font-weight: 500;
  padding: 0 1px;
  font-size: 11px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--G-1-5, #E9E9E9);
}
.home-page-inbox-filter-item__badge:hover {
  background-color: var(--G-0-5, #FAFAFA);
}
.home-page-inbox-filter-item__wrapper {
  display: flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  overflow: hidden;
}
.home-page-inbox-filter-item__checkbox {
  display: none;
}
.home-page-inbox-filter-item__custom-checkbox {
  width: 18px;
  height: 18px;
  min-width: 18px;
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 3px;
  background: var(--G-0, #FFFFFF);
  margin-left: auto;
  position: relative;
  transition: border-color 150ms ease-out;
}
.home-page-inbox-filter-item__checkbox:checked + .home-page-inbox-filter-item__custom-checkbox::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -5px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: var(--workspace-base-color);
}
.home-page-inbox-filter-item:hover .home-page-inbox-filter-item__custom-checkbox {
  border-color: var(--G-5, #9B9C9E);
  transition: border-color 200ms ease-in;
}
.home-page-inbox {
  display: flex;
  height: 100%;
  padding: 30px 40px;
  gap: 40px;
  position: fixed;
  left: 0;
  bottom: 0;
  top: 59px;
  right: 0;
  max-height: calc(100vh - 59px);
}
@media only screen and (max-width: 1640px) {
  .home-page-inbox {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    max-height: 100%;
  }
}
.home-page-inbox__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.home-page-inbox__sidebar {
  position: absolute;
  top: 30px;
  right: 40px;
  bottom: 30px;
}
@media only screen and (max-width: 1640px) {
  .home-page-inbox__sidebar {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    max-height: 100%;
  }
}
.home-page-inbox-view {
  height: 100%;
  --notification-body-margin: 0;
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.home-page-inbox-view__tabs {
  --basic-tab-small-paddings: 7px 0;
  --basic-tabs-slider-small-bottom: 0;
}
.home-page-inbox-view__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.home-page-inbox-view__topbar {
  padding-bottom: 11px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  margin-bottom: 5px;
  padding-top: 7px;
  display: flex;
  justify-content: space-between;
}
.home-page-inbox-view__title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.home-page-inbox-view__badge {
  min-width: 20px;
  height: 20px;
  background-color: var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  color: var(--typo-primary, #2E3538);
  font-size: 12px;
  font-weight: 400;
  padding: 0 6px;
  position: relative;
  top: 1px;
}
.home-page-inbox-view__dots-menu {
  --menu-option-height: 28px;
  --menu-option-bottom-margin: 4px;
}
.home-page-inbox-view__dots-menu .menu-option-wrapper__additional {
  padding-bottom: 5px;
  padding-top: 4px;
  background-color: var(--G-0, #FFFFFF);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.home-page-inbox-view__dots-menu .menu-option-static {
  height: 28px;
}
.home-page-inbox-view__dots-menu .menu-option-static:not(:last-child) {
  margin-bottom: 4px;
}
.home-page-inbox-view .scrollbar__track--Y {
  right: -42px !important;
}
.home-page-inbox-dots-menu {
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: var(--G-8, #4d4d4d);
  transition: background-color 150ms ease-out;
}
.home-page-inbox-dots-menu:hover, .home-page-inbox-dots-menu.is-active {
  background-color: var(--G-1, #F3F3F4);
}
.workspace-appearance-modal {
  max-width: 800px;
  width: 800px;
}
.workspace-appearance-modal__tabs {
  padding: 0 30px;
}
.workspace-appearance-modal__body {
  padding: 30px;
}
.workspace-appearance-modal__footer {
  border-radius: 0 0 8px 8px;
}
.workspace-appearance-modal__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.workspace-appearance-modal__body-scroll {
  max-height: calc(var(--workspace-branding-modal-height) - 180px);
  min-height: 270px;
}
.workspace-appearance-modal__help {
  color: var(--G-4, #B2B2B3);
}
.workspace-appearance-modal__help-link {
  min-width: 32px;
  height: 32px;
  width: 32px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--G-4, #B2B2B3);
}
.workspace-appearance-modal__help-link:hover .workspace-appearance-modal__help {
  color: var(--G-8, #4d4d4d);
}
.workspace-appearance-modal__resize {
  min-width: 36px;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 0 4px 10px rgba(128, 128, 128, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-8, #4d4d4d);
  opacity: var(--workspace-branding-modal-resize-opacity, 0);
  transition: opacity 150ms ease-out;
}
.workspace-appearance-modal__drag-tooltip {
  position: absolute;
  top: 10px;
  left: -15px;
}
.workspace-appearance-modal.is-dragging {
  --workspace-branding-modal-resize-opacity: 1;
}
.workspace-appearance-modal .modal-minimal-header:hover {
  --workspace-branding-modal-resize-opacity: 1;
}
.workspace-appearance-modal-wrapper {
  z-index: 1300;
  display: flex;
  align-items: flex-start;
  position: fixed;
}
.home-page-inbox-hot-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.home-page-inbox-hot-actions__seleted {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-right: 20px;
}
.home-page-inbox-hot-actions__button {
  height: 26px;
  border-radius: 5px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-2, #DEDEDE);
  padding: 0 12px 0 8px;
  gap: 6px;
  display: flex;
  align-items: center;
  font-size: 12px;
  transition: border-color 150ms ease-out;
}
.home-page-inbox-hot-actions__button:hover {
  border-color: var(--G-5, #9B9C9E);
  transition: border-color 200ms ease-in;
}
.home-page-notification-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  height: 264px;
}
.home-page-notification-empty__image {
  margin-bottom: 6px;
}
.workspace-appearance-general {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.workspace-appearance-general__group:last-child {
  margin-bottom: 0;
}
.workspace-appearance-general__themes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 7px 11px;
  margin-top: 15px;
}
.workspace-appearance-general__name-length {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
}
.workspace-theme-option {
  position: relative;
  display: flex;
  width: 64px;
  height: 35px;
  border-radius: 4px;
  color: var(--G-0, #FFFFFF);
}
.workspace-theme-option:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border: 2px solid currentColor;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.workspace-theme-option.is-selected {
  cursor: default;
}
.workspace-theme-option.is-selected .workspace-theme-option__checkmark {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.workspace-theme-option.is-selected:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.workspace-theme-option:not(.is-selected) {
  cursor: pointer;
}
.workspace-theme-option__checkmark {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--G-0, #FFFFFF);
  margin-top: -8px;
  margin-left: -8px;
  transition: opacity 150ms ease-out;
}
.workspace-theme-option:hover:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.workspace-appearance-logo {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.workspace-appearance-logo__wrapper {
  display: flex;
  gap: 30px;
}
.workspace-company-logo {
  width: 50%;
}
.workspace-company-logo__title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 13px;
}
.workspace-company-logo__body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 196px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 6px;
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
  cursor: pointer;
}
.workspace-company-logo__body:hover {
  border-color: var(--G-3, #C7C8C9);
  background-color: var(--G-0-5, #FAFAFA);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.workspace-company-logo__body:hover .workspace-company-logo__image {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.workspace-company-logo__body:hover .workspace-company-logo__pill {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.workspace-company-logo__body:hover .workspace-company-logo__remove {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.workspace-company-logo__image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 132px;
  height: 50px;
  border: 1px dashed transparent;
  border-radius: 8px;
  transition: border-color 150ms ease-out;
}
.workspace-company-logo__image img {
  max-width: 130px;
  max-height: 50px;
  object-fit: contain;
  object-position: center;
}
.workspace-company-logo__remove {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  background-color: var(--G-8, #4d4d4d);
  border-radius: 50%;
  color: var(--G-0, #FFFFFF);
  transform: translate(50%, -50%);
  opacity: 0;
  transition: background-color 150ms ease-out , opacity 150ms ease-out;
}
.workspace-company-logo__remove:hover {
  background-color: var(--G-9, #232B36);
  transition: background-color 200ms ease-in;
}
.workspace-company-logo__pill {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 3px 6px;
  color: var(--G-0, #FFFFFF);
  font-size: 12px;
  white-space: nowrap;
  height: 24px;
  background-color: var(--G-8, #4d4d4d);
  border-radius: 5px;
  transform: translate(-50%, -50%);
  transition: opacity 150ms ease-out;
}
.workspace-company-logo__help {
  display: flex;
  margin-top: 7px;
}
.workspace-logo-bug {
  width: 50%;
}
.workspace-logo-bug:not(.has-image) .workspace-logo-bug__clickarea {
  cursor: pointer;
}
.workspace-logo-bug__title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 13px;
}
.workspace-logo-bug__body {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  min-height: 196px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 20px 13px 13px 13px;
  border-radius: 6px;
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.workspace-logo-bug__body:hover {
  border-color: var(--G-3, #C7C8C9);
  background-color: var(--G-0-5, #FAFAFA);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.workspace-logo-bug__body:hover:hover .workspace-logo-bug__pill,
.workspace-logo-bug__body:hover:hover .workspace-logo-bug__remove {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.workspace-logo-bug__clickarea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  cursor: default;
}
.workspace-logo-bug__content {
  z-index: 2;
  position: relative;
}
.workspace-logo-bug__preview {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
}
.workspace-logo-bug__preview img {
  display: block;
  max-width: 80px;
  max-height: 80px;
  object-fit: contain;
  object-position: center;
}
.workspace-logo-bug__pill {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 3px 6px;
  background-color: var(--G-8, #4d4d4d);
  border-radius: 5px;
  transform: translate(-50%, -50%);
  transition: opacity 150ms ease-out;
}
.workspace-logo-bug__remove {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  background-color: var(--G-8, #4d4d4d);
  border-radius: 50%;
  color: var(--G-0, #FFFFFF);
  transform: translate(50%, -50%);
  transition: background-color 150ms ease-out;
}
.workspace-logo-bug__remove:hover {
  background-color: var(--G-9, #232B36);
  transition: background-color 200ms ease-in;
}
.workspace-logo-bug__palette {
  z-index: 2;
  position: relative;
  max-width: 300px;
  margin-top: 30px;
}
.workspace-appearance-banner-mode__title {
  margin-bottom: 2px;
}
.workspace-appearance-banner-mode__items {
  margin-top: 12px;
}
.workspace-appearance-banner-mode__title, .workspace-appearance-banner-mode__description {
  display: block;
}
.workspace-appearance-banner-mode__item {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 50%;
  align-items: center;
  cursor: pointer;
}
.workspace-appearance-banner-mode__item.is-active .workspace-appearance-banner-mode__item-wrapper:before {
  opacity: 0.5;
  transition: opacity 200ms ease-in;
}
.workspace-appearance-banner-mode__item.is-active .workspace-appearance-banner-mode__item-wrapper {
  background-color: var(--workspace-dw-color);
  transition: background-color 200ms ease-in;
}
.workspace-appearance-banner-mode__item-wrapper {
  width: 100%;
  height: 70px;
  border-radius: 5px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.workspace-appearance-banner-mode__item-wrapper:before {
  content: "";
  display: block;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  position: absolute;
  border-radius: 5px;
  border: 1px solid var(--workspace-base-color);
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.simple-banner-preview {
  width: 100%;
  border-radius: 15px;
  margin-top: 20px;
  padding-left: 26px;
  padding-right: 46px;
  display: flex;
  align-items: center;
  background: linear-gradient(91.32deg, var(--color-1) 2.31%, var(--color-2) 85.62%);
  height: 90px;
  --simple-banner-date-size: 12px;
  --simple-banner-date-weight: 400;
  --simple-banner-date-line-height: 17px;
  --simple-banner-meet-size: 20px;
  --simple-banner-meet-weight: 300;
  --simple-banner-meet-line-height: 32px;
  --simple-banner-avatar-margin-right: 21px;
  --simple-banner-avatar-dimension: 50px;
}
.simple-banner-preview:before {
  right: -373px;
}
.simple-banner-preview.is-large-size {
  height: 133px;
  --simple-banner-avatar-dimension: 62px;
}
.workspace-appearance-simple-settings {
  padding-top: 20px;
  margin-bottom: -10px;
  margin-top: 30px;
  border-top: 1px dashed var(--G-2, #DEDEDE);
}
.workspace-appearance-simple-settings__item {
  display: flex;
  gap: 10px;
  align-items: center;
}
.workspace-appearance-simple-settings__item:not(:last-of-type) {
  margin-bottom: 16px;
}
.workspace-appearance-simple-settings__control {
  max-width: 399px;
}
.workspace-appearance-simple-settings__header {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 5px;
}
.workspace-appearance-simple-settings__tooltip .tooltip__outside {
  display: flex;
}
.workspace-appearance-simple-settings__info-icon {
  color: var(--G-3, #C7C8C9);
}
.workspace-appearance-simple-settings__info-icon:hover {
  color: var(--G-8, #4d4d4d);
}
.workspace-appearance-settings-title {
  margin-top: 40px;
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--G-2, #DEDEDE);
  margin-bottom: 10px;
  display: block;
}
.workspace-appearance-templated-text-editor {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.workspace-appearance-templated-text-editor__title {
  flex-grow: 1;
}
.workspace-appearance-templated-text-editor__input {
  width: 100%;
  min-height: var(--picker-container-min-height, 36px);
  --picker-min-height: 18px;
  --picker-button-top: 9px;
  --picker-button-right: 10px;
}
.workspace-appearance-templated-text-editor__input-group {
  padding: 3px 10px 7px;
  min-height: var(--picker-container-min-height, 36px);
}
.workspace-appearance-templated-text-editor__input-group .pill-node-view-wrapper {
  padding: 0 2px;
  position: relative;
  top: -2px;
  display: inline-block;
  height: 22px;
}
.workspace-appearance-templated-text-editor__input-group .ProseMirror {
  padding-right: 15px;
}
.workspace-appearance-templated-text-editor__input-group .ProseMirror p {
  line-height: 24px;
  position: relative;
  top: 2px;
}
.workspace-appearance-templated-text-editor__input-group .field-type-pill__icon {
  display: none;
}
.workspace-appearance-templated-text-editor__input-group .field-type-pill .text {
  font-size: 13px;
}
.workspace-appearance-templated-text-editor__dropdown {
  --field-picker-editor-dropdown-header-padding-top: 6px;
  --menu-option-height: 28px;
  --select-option-margin-bottom: 4px;
  --menu-option-icon-color: var(--ic-dark, #2D2D2D);
  --menu-option-inner-padding-right: 7px;
  --menu-option-inner-padding-left: 7px;
  --menu-option-icon-margin-right: 10px;
  --dropdown-search-no-icon-input-gutter: 11px;
}
.workspace-appearance-modern-settings__headlines {
  padding-top: 19px;
  margin-top: 30px;
  border-top: 1px dashed var(--G-2, #DEDEDE);
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 23px;
}
.workspace-appearance-modern-settings__description {
  --picker-container-min-height: 60px;
}
.workspace-appearance-modern-settings__common {
  display: flex;
  gap: 20px;
}
.workspace-appearance-switch-vertical {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-grow: 1;
}
.workspace-appearance-switch-vertical__header {
  display: flex;
  align-items: center;
  gap: 5px;
}
.workspace-appearance-switch-vertical__info-icon {
  color: var(--G-3, #C7C8C9);
}
.workspace-appearance-switch-vertical__info-icon:hover {
  color: var(--G-8, #4d4d4d);
}
.workspace-appearance-switch-vertical__tooltip .tooltip__outside {
  display: flex;
}
.workspace-appearance-placeholder {
  margin-bottom: 16px;
}
.workspace-appearance-placeholder__header {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 8px;
}
.workspace-appearance-placeholder__category {
  background-color: var(--G-1, #F3F3F4);
  padding: 0 7px;
  height: 18px;
  border-radius: 12px;
  display: inline-block;
  line-height: 18px;
  position: relative;
  top: 1px;
}
.workspace-appearance-placeholder__frame {
  min-height: 100px;
  width: 100%;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px 69px 17px 21px;
  cursor: pointer;
}
.workspace-appearance-placeholder__button {
  width: 48px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 0 5px 5px 0;
  color: var(--G-8, #4d4d4d);
  border-left: 1px solid var(--G-1-5, #E9E9E9);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  transition: background-color 150ms ease-out;
}
.workspace-appearance-placeholder__button:hover {
  background-color: var(--G-1, #F3F3F4);
  transition: background-color 150ms ease-out;
}
.workspace-appearance-slide-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 100%;
  transform: translateX(100%);
  background-color: var(--G-0, #FFFFFF);
  z-index: 10;
  transition: transform 250ms ease-in;
}
.workspace-appearance-slide-wrapper.enter {
  transform: translateX(0);
  transition: transform 250ms ease-in;
}
.workspace-appearance-slide-wrapper.enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: transform 250ms ease-in;
}
.workspace-appearance-slide-wrapper.enter-done {
  transform: translateX(0);
  transition: transform 150ms ease-out;
}
.workspace-appearance-slide-wrapper.exit {
  transform: translateX(100%);
}
.workspace-appearance-slide-wrapper__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 38px;
  display: flex;
  cursor: pointer;
  gap: 10px;
  align-items: center;
  padding: 0 25px;
}
.workspace-appearance-slide-wrapper__content {
  padding: 20px 30px;
}
.workspace-appearance-slide-wrapper__content-scroll {
  max-height: calc(100vh - 253px);
}
.workspace-appearance-type-tabs {
  padding: 2px 2px 0;
}
.workspace-appearance-type-tabs__control .switch-button__item:focus {
  color: inherit;
}
.workspace-appearance-avatar-icon-list {
  padding: 18px 15px 15px 15px;
  background-color: var(--G-0-5, #FAFAFA);
  max-width: 435px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 0 0 5px 5px;
}
.workspace-appearance-avatar-icon-list__search-field {
  padding: 0 10px;
  --search-icon-color: var(--G-4, #B2B2B3);
}
.workspace-appearance-avatar-icon-list__icons-list {
  height: 205px;
  --list-gap: 10px 11px;
}
.workspace-appearance-avatar-icon-list__search-field-wrapper {
  margin-bottom: 13px;
  width: auto;
  margin-left: 3px;
  margin-right: 3px;
}
.workspace-appearance-avatar-icon-list__no-results {
  height: 205px;
  justify-content: center;
}
.workspace-appearance-avatar-icon-list__row {
  display: flex;
  gap: 11px;
  padding-top: 3px;
  padding-left: 3px;
}
.workspace-appearance-avatar-icon-list__icon-item:not(.is-selected) {
  opacity: 0.8;
  transition: opacity 150ms ease-out;
}
.workspace-appearance-avatar-icon-list__icon-item:not(.is-selected):hover {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.workspace-appearance-avatar-icon-item {
  font-size: var(--font-size-avatar-icon-home-page, 24px);
  color: var(--G-0, #FFFFFF);
  min-width: 40px;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background-color: var(--background-icon-color, #3A86FF);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transform: translate3d(0, 0, 0);
}
.workspace-appearance-avatar-icon-item:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px;
  border-radius: 10px;
  border: 2px solid var(--background-icon-color, #3A86FF);
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 150ms ease-out , transform 150ms ease-out;
}
.workspace-appearance-avatar-icon-item.is-selected:before {
  opacity: 1;
  transform: scale(1);
  transition: opacity 200ms ease-in , transform 200ms ease-in;
}
.workspace-appearance-avatar-icon-item.is-selectable {
  cursor: pointer;
}
.workspace-banner-select-color {
  padding: 24px 18px 30px;
  max-width: 435px;
}
.workspace-banner-select-color__title {
  margin-bottom: 10px;
  display: inline-block;
}
.workspace-banner-select-color__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--banner-color-list-gap, 7px 11px);
}
.workspace-banner-select-color__item {
  min-width: 30px;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.workspace-banner-select-color__item:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px;
  border-radius: 6px;
  border: 2px solid currentColor;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 150ms ease-out , transform 150ms ease-out;
}
.workspace-banner-select-color__item:hover:before, .workspace-banner-select-color__item.is-selected:before {
  opacity: 1;
  transform: scale(1);
  transition: opacity 200ms ease-in , transform 200ms ease-in;
}
.workspace-appearance-member-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
  margin-top: 30px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  margin-bottom: 10px;
}
.workspace-appearance-member-avatar-picture {
  width: 76px;
  min-width: 76px;
  height: 76px;
  border-radius: 6px;
}
.workspace-appearance-member-avatar-picture::before {
  display: none;
}
.workspace-appearance-member-avatar-picture .base-avatar__image {
  border-radius: 6px;
}
.workspace-appearance-member-avatar-picture .base-avatar__initials {
  font-size: 36px;
}
.workspace-appearance-upload-avatar {
  padding: 18px 18px 20px;
  max-width: 435px;
}
.workspace-appearance-upload-avatar__upload-container {
  min-height: 120px;
  border: 1px dashed var(--G-2, #DEDEDE);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 9px 10px;
  margin-bottom: 10px;
  flex-direction: column;
  gap: 6px;
  position: relative;
  z-index: 1;
  transition: border-color 150ms ease-out;
}
.workspace-appearance-upload-avatar__upload-container:hover .workspace-appearance-upload-avatar__pill {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.workspace-appearance-upload-avatar__upload-container-image {
  max-width: 100px;
  max-height: 100px;
  width: 100px;
  height: 100px;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.workspace-appearance-upload-avatar__upload-container-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.workspace-appearance-upload-avatar__pill {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 12px;
  padding: 3px 6px;
  background-color: var(--G-8, #4d4d4d);
  border-radius: 6px;
  color: var(--G-0, #FFFFFF);
  transform: translate(-50%, -50%);
  transition: opacity 150ms ease-out;
}
.workspace-appearance-upload-avatar.has-avatar .workspace-appearance-upload-avatar__upload-container:before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 4px;
  opacity: 0;
  z-index: -1;
  transition: opacity 150ms ease-out;
}
.workspace-appearance-upload-avatar.has-avatar .workspace-appearance-upload-avatar__upload-container:hover:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.workspace-appearance-upload-avatar:not(.has-avatar) .workspace-appearance-upload-avatar__upload-container:hover {
  border-color: var(--workspace-base-color);
  transition: border-color 200ms ease-in;
}
.workspace-appearance-upload-avatar:not(.has-avatar) .workspace-appearance-upload-avatar__upload-container:before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-color: var(--workspace-dw-color);
  border-radius: 4px;
  opacity: 0;
  z-index: -1;
  transition: opacity 150ms ease-out;
}
.workspace-appearance-upload-avatar:not(.has-avatar) .workspace-appearance-upload-avatar__upload-container:hover:before {
  opacity: 0.5;
  transition: opacity 200ms ease-in;
}
.workspace-banner-background-color {
  --banner-color-list-gap: 11px;
}
.workspace-banner-background-color-container {
  height: 105px;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 23px;
  margin-top: 30px;
}
.workspace-background-image {
  position: relative;
}
.workspace-background-image__description {
  position: absolute;
  top: 5px;
  left: 4px;
  background-color: rgba(255, 255, 255, 0.6);
  height: 24px;
  border-radius: 7px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  opacity: 0;
  z-index: 1;
  transition: opacity 150ms ease-out;
}
.workspace-background-image__edit-button-tooltip {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 1;
}
.workspace-background-image .image-position-cropper {
  font-size: 0;
}
.workspace-background-image .image-position-cropper__icon {
  opacity: 0;
}
.workspace-background-image .image-position-cropper:hover ~ .workspace-background-image__description {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.workspace-background-image .image-position-cropper:hover .image-position-cropper__icon {
  opacity: 1;
}
.workspace-appearance-avatar-image-container {
  max-width: 76px;
  max-height: 76px;
  min-width: 76px;
  width: 76px;
  height: 76px;
  display: flex;
  overflow: hidden;
  border-radius: 6px;
  align-items: center;
  justify-content: center;
  background-color: var(--G-0, #FFFFFF);
}
.workspace-appearance-avatar-image-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.workspace-appearance-background-color-placeholder {
  margin: 0;
  height: 65px;
}
.workspace-appearance-background-image-container {
  height: 65px;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
}
.workspace-appearance-background-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.workspace-company-logo-url-field {
  display: flex;
  flex-direction: column;
}
.workspace-company-logo-url-field__title span {
  font-weight: 400;
  color: var(--typo-secondary, #878B92);
}
.workspace-company-logo-url-field__input {
  margin-top: 10px;
}
.workspace-header-modern-banner__background-color {
  margin: 0;
  height: 170px;
  border-radius: 12px 12px 0 0;
  position: relative;
  width: auto;
  margin-left: -19px;
  margin-top: -19px;
  margin-right: -19px;
}
.workspace-header-modern-banner__logo {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
  padding: 10px;
  border-radius: 6px;
  background-color: var(--G-0, #FFFFFF);
  z-index: 1;
}
.workspace-header-modern-banner__logo img {
  display: block;
  max-width: 130px;
  max-height: 50px;
}
.workspace-header-modern-banner__description {
  font-size: 16px;
  line-height: 24px;
}
.workspace-header-modern-banner__container {
  margin-top: -170px;
  padding-top: 170px;
  width: 100%;
  position: relative;
  max-width: var(--home-page-wrapper-width);
  margin-left: auto;
  margin-right: auto;
  --font-size-avatar-icon-home-page: 40px;
}
.workspace-header-modern-banner__background-image {
  height: 170px;
  position: relative;
  margin-left: -19px;
  margin-top: -19px;
  margin-right: -19px;
  width: auto;
  border-radius: 12px 12px 0 0;
  z-index: 1;
}
.workspace-header-modern-banner__background-image:hover {
  --simple-banner-edit-button-opacity: 1;
}
.workspace-header-modern-banner__logo-tooltip {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 1;
  opacity: var(--simple-banner-edit-button-opacity, 0);
  transition: opacity 150ms ease-out;
}
.workspace-header-modern-banner__banner-tooltip {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  opacity: var(--simple-banner-edit-button-opacity, 0);
  transition: opacity 150ms ease-out;
}
.workspace-header-modern-banner__title-tooltip {
  margin-left: 12px;
  opacity: var(--simple-banner-edit-button-opacity, 0);
  transition: opacity 150ms ease-out;
}
.workspace-header-modern-banner__background-image-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: var(--home-page-wrapper-width);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.workspace-header-modern-banner__avatar-tooltip {
  z-index: 1;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 1;
  opacity: var(--simple-banner-edit-button-opacity, 0);
  transition: opacity 150ms ease-out;
}
.workspace-header-modern-banner__avatar-icon {
  min-width: 100px;
  min-height: 100px;
  width: 100px;
  height: 100px;
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 12px;
}
.workspace-header-modern-banner__avatar-picture {
  min-width: 100px;
  min-height: 100px;
  width: 100px;
  height: 100px;
  border-radius: 12px;
  position: relative;
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
  background-color: var(--G-0, #FFFFFF);
}
.workspace-header-modern-banner__avatar-picture:before {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  border: 2px solid var(--G-0, #FFFFFF);
}
.workspace-header-modern-banner__avatar-picture .base-avatar__image {
  border-radius: 12px;
}
.workspace-header-modern-banner__avatar-picture img {
  border-radius: 14px;
}
.workspace-header-modern-banner__title {
  font-size: 32px;
  line-height: 42px;
  word-break: break-word;
}
.workspace-header-modern-banner__content {
  display: flex;
  gap: 20px;
}
.workspace-header-modern-banner__texts {
  margin-top: 43px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.workspace-header-modern-banner__texts:hover {
  --simple-banner-edit-button-opacity: 1;
}
.workspace-header-modern-banner__avatar-container {
  z-index: 1;
  position: relative;
  margin-top: -24px;
}
.workspace-header-modern-banner__avatar-container:hover {
  --simple-banner-edit-button-opacity: 1;
}
.new-solution-modal {
  width: 615px;
}
.new-solution-modal .modal-light-header {
  height: 70px;
}
.manage-category-dots__menu {
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 220px;
  --menu-line-separator-color: rgba(0,0,0, .1);
}
.manage-category-dots__tooltip {
  width: 100%;
}
.category-menu-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-8, #4d4d4d);
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: transparent;
  opacity: var(--category-dots-opacity, 0);
  transition: background-color 150ms ease-out , opacity 150ms ease-out;
}
.category-menu-button:hover, .category-menu-button.is-active {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.05);
  transition: background-color 200ms ease-in;
}
.solution-category-menu-separator {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: -5px;
  margin-right: -5px;
}
.solution-category-menu-separator-delete {
  margin: 0 -5px;
}
.solution-category-menu-delete {
  height: 28px;
}
.workspace-custom-banner-preview {
  position: relative;
  margin-top: 20px;
  min-height: 170px;
}
.workspace-custom-banner-preview__content {
  padding-top: 90px;
  padding-left: 30px;
  display: flex;
}
.workspace-custom-banner-preview__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.workspace-custom-banner-preview__texts {
  padding-top: 30px;
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.workspace-custom-banner-preview__avatar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 80px;
  border: 2px solid var(--G-0, #FFFFFF);
  border-radius: 8px;
  box-shadow: 0px 9px 24px rgba(15, 15, 15, 0.2), 0px 3px 6px rgba(15, 15, 15, 0.1);
  background-color: var(--G-0, #FFFFFF);
  --font-size-avatar-icon-home-page: 40px;
}
.workspace-custom-banner-preview__edit-button-tooltip {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
}
.workspace-custom-banner-preview__avatar-icon {
  width: 76px;
  min-width: 76px;
  height: 76px;
}
.workspace-custom-banner-preview__date {
  font-size: 8px;
  line-height: 14px;
}
.workspace-custom-banner-preview__logo {
  position: absolute;
  top: 50%;
  right: 46px;
  z-index: 1;
  transform: translateY(-50%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 6px;
  background-color: var(--G-0, #FFFFFF);
}
.workspace-custom-banner-preview__logo img {
  display: block;
  max-width: 130px;
  max-height: 50px;
}
.workspace-banner-edit-button {
  min-width: 28px;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.workspace-appearance-modal-avatar-preview {
  padding: 0 20px 20px;
  max-width: 435px;
  display: flex;
}
.workspace-member-avatar-setup {
  min-width: 100px;
  width: 100px;
  height: 100px;
  min-height: 100px;
  margin: 20px auto 17px;
}
.workspace-member-avatar-setup::before {
  display: none;
}
.workspace-member-avatar-setup span {
  font-size: 36px;
}
.workspace-banner-tooltip-button {
  box-shadow: 0 4px 10px rgba(128, 128, 128, 0.25);
  transition: box-shadow 150ms ease-out , opacity 150ms ease-out;
}
.workspace-banner-tooltip-button:hover {
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  transition: box-shadow 200ms ease-in , opacity 200ms ease-in;
}
.workspace-banner-tooltip-button-wrapper .tooltip__outside {
  display: flex;
}
.upgrade-workspace-button {
  overflow: hidden;
  min-height: 62px;
  padding: 5px 8px;
  border-radius: 6px;
  margin-top: 20px;
  margin-bottom: -10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
}
.upgrade-workspace-button.is-free-account {
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0-5, #FAFAFA);
}
.upgrade-workspace-button.is-trial {
  border: 1px solid rgba(237, 183, 64, 0.3019607843);
  background-color: rgba(237, 183, 64, 0.1294117647);
}
.upgrade-workspace-button.in-grace-period {
  border: 1px solid rgba(237, 183, 64, 0.1294117647);
  background-color: rgba(237, 183, 64, 0.1294117647);
}
.upgrade-workspace-button.in-grace-period .upgrade-workspace-button__text {
  gap: 0px;
}
.upgrade-workspace-button__button {
  background-color: rgba(237, 183, 64, 0.6);
  height: 22px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  padding: 0 10px;
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 150ms ease-out;
}
.upgrade-workspace-button__button:hover {
  background-color: #EDB740;
  transition: background-color 200ms ease-in;
}
.upgrade-workspace-button__text {
  display: flex;
  gap: 7px;
}
.upgrade-workspace-button__text > span span {
  white-space: nowrap;
}
.upgrade-workspace-button__text-content {
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 209px;
  padding-left: 8px;
  transition: cubic-bezier(0.2, 0, 0, 1) 0s;
}
.upgrade-workspace-button__icon-free {
  display: none;
}
.is-collapsed:not(.is-hovering) .upgrade-workspace-button .upgrade-workspace-button__button {
  display: none;
}
.is-collapsed:not(.is-hovering) .upgrade-workspace-button .upgrade-workspace-button__text-content {
  opacity: 0;
  width: 0px;
  height: 0px;
  padding-left: 0px;
}
.is-collapsed:not(.is-hovering) .upgrade-workspace-button .upgrade-workspace-button__text > span {
  opacity: 0;
}
.is-collapsed:not(.is-hovering) .upgrade-workspace-button .upgrade-workspace-button__icon-free {
  display: block;
}
.home-page-resources__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  background: rgba(241, 242, 243, 0.5);
  border-radius: 12px;
  padding: 25px 35px;
  margin: 0 -35px;
}
.home-page-resources__card {
  display: flex;
  align-items: center;
  background: var(--G-0, #FFFFFF);
  border-radius: 12px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 15px;
  cursor: pointer;
  min-height: 80px;
  text-decoration: none;
  transition: border-color 150ms ease-out;
}
.home-page-resources__card:hover {
  border-color: var(--workspace-base-color);
  transition: border-color 200ms ease-in;
}
.home-page-resources__card:hover .home-page-resources__desc {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.home-page-resources__icon {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-size: 30px;
}
.home-page-resources__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home-page-resources__title {
  margin-bottom: 3px;
  display: block;
}
.home-page-resources__desc {
  color: #5B5B5B;
  transition: color 150ms ease-out;
}
.home-page-resources-header {
  display: flex;
  min-height: 170px;
  border-radius: 12px 12px 0 0;
  margin: 1px 1px 0 1px;
  position: relative;
  overflow: hidden;
  background-color: var(--workspace-base-color);
}
.home-page-resources-header__title {
  font-size: 32px;
  line-height: 42px;
}
.home-page-resources-header__desc {
  font-size: 16px;
  line-height: 25px;
  display: block;
  margin-top: 1px;
}
.home-page-resources-header__button {
  height: 38px;
  border-radius: 19px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  gap: 13px;
  background-color: rgba(255, 255, 255, 0.15);
  color: var(--G-0, #FFFFFF);
  font-size: 13px;
  min-width: 211px;
}
.home-page-resources-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-page-resources-header:before {
  content: "";
  position: absolute;
  top: -85px;
  right: -160px;
  width: 826px;
  pointer-events: none;
  height: 826px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.07);
}
.home-page-resources-subtitle {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 60px 0;
}
.home-page-resources-subtitle__inner {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.home-page-resources-subtitle__title {
  line-height: 30px;
}
.home-page-resources-subtitle__link {
  text-decoration: underline;
  font-style: normal;
  cursor: pointer;
}
.home-page-resources-subtitle__link:hover {
  text-decoration: none;
}
.home-page-resources-subtitle__avatar {
  min-width: 52px;
  width: 52px;
  height: 52px;
}
.smartsuite-socials {
  margin-top: 60px;
  margin-bottom: 90px;
}
.smartsuite-socials__inner-content {
  margin: 0 -35px;
  padding: 40px 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  background-color: rgba(241, 242, 243, 0.5019607843);
  border-radius: 12px;
}
.smartsuite-socials__socials {
  display: flex;
  gap: 15px;
  width: 100%;
  margin-top: 30px;
}
.smartsuite-socials__socials-item {
  flex-grow: 1;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 33px 25px;
  min-height: 190px;
  background-color: var(--G-0, #FFFFFF);
  text-decoration: none;
  border-radius: 12px;
  transition: border-color 150ms ease-out;
}
.smartsuite-socials__socials-item:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.smartsuite-socials__socials-item-button {
  text-decoration: none;
  color: var(--typo-primary, #2E3538);
  background-color: transparent;
  border: 1px solid var(--G-2, #DEDEDE);
  min-height: 28px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  margin-top: 21px;
  transition: border-color 150ms ease-out , background-color 150ms ease-out , color 150ms ease-out;
}
.smartsuite-socials__socials-item-button:hover {
  border-color: var(--workspace-darker-color, var(--solution-hover-color));
  background-color: var(--workspace-darker-color, var(--solution-hover-color));
  color: var(--G-0, #FFFFFF);
  transition: border-color 200ms ease-in , background-color 200ms ease-in , color 200ms ease-in;
}
.smartsuite-socials__socials-item-title {
  margin-top: 15px;
  display: flex;
}
.home-page-mobile-apps {
  margin-top: 60px;
}
.home-page-mobile-apps__item {
  background-color: rgba(241, 242, 243, 0.5019607843);
  margin: 0 -35px;
  border-radius: 12px;
  padding: 15px 35px;
  position: relative;
  min-height: 340px;
}
.home-page-mobile-apps__item:not(:last-child) {
  margin-bottom: 60px;
}
.home-page-mobile-apps__button {
  border: 1px solid var(--G-2, #DEDEDE);
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  min-height: 65px;
  display: flex;
  gap: 20px;
  text-decoration: none;
  align-items: center;
  padding: 10px 20px 10px 18px;
  cursor: pointer;
  transition: border-color 150ms ease-out;
}
.home-page-mobile-apps__button:hover {
  border-color: var(--G-8, #4d4d4d);
  transition: border-color 200ms ease-in;
}
.home-page-mobile-apps__content {
  padding-right: 515px;
  display: flex;
  flex-direction: column;
  min-height: 310px;
  align-items: flex-start;
}
.home-page-mobile-apps__button-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.home-page-mobile-apps__buttons {
  display: flex;
  gap: 15px;
  margin-top: auto;
  margin-bottom: 20px;
}
.home-page-mobile-apps__title {
  margin-bottom: 4px;
  display: block;
  margin-top: 20px;
}
.home-page-mobile-apps__image {
  position: absolute;
  right: 35px;
  top: 15px;
  max-width: 466px;
}
.home-page-mobile-apps__image img {
  max-width: 100%;
  height: auto;
}
.home-page-mobile-apps__icon {
  min-width: 52px;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.home-page-mobile-apps__button-link {
  text-decoration: none;
  color: var(--G-0, #FFFFFF);
  align-items: center;
  display: inline-flex;
  gap: 6px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 20px;
  margin-top: auto;
  height: 28px;
  border-radius: 5px;
  padding: 0 8px 0 12px;
  background-color: var(--workspace-base-color);
  transition: background-color 150ms ease-out;
}
.home-page-mobile-apps__button-link:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.home-page-integrations {
  margin-top: 60px;
}
.home-page-integrations__header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.home-page-integrations__header-icon {
  min-width: 52px;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-page-integrations__header-content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.home-page-integrations__inner {
  background-color: #F8F8F9;
  margin: 0 -35px;
  padding: 40px 35px;
  border-radius: 12px;
}
.home-page-integrations__item-desc {
  color: #5B5B5B;
  display: block;
  margin-top: 3px;
  margin-bottom: 10px;
}
.home-page-integrations__item-title {
  margin-top: 15px;
}
.home-page-integrations__item {
  min-width: 0;
  min-height: 250px;
  border-radius: 12px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 33px 25px 23px;
  transition: border-color 150ms ease-out;
}
.home-page-integrations__item:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.home-page-integrations__item-button {
  text-decoration: none;
  color: var(--typo-primary, #2E3538);
  background-color: transparent;
  border: 1px solid var(--G-2, #DEDEDE);
  min-height: 28px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  margin-top: auto;
  transition: border-color 150ms ease-out , background-color 150ms ease-out , color 150ms ease-out;
}
.home-page-integrations__item-button:hover {
  border-color: var(--workspace-darker-color, var(--solution-hover-color));
  background-color: var(--workspace-darker-color, var(--solution-hover-color));
  color: var(--G-0, #FFFFFF);
  transition: border-color 200ms ease-in , background-color 200ms ease-in , color 200ms ease-in;
}
.home-page-integrations__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.home-page-integrations__special-item-button {
  text-decoration: none;
  color: var(--G-0, #FFFFFF);
  align-items: center;
  display: inline-flex;
  gap: 6px;
  font-weight: 500;
  font-size: 13px;
  margin-top: auto;
  height: 28px;
  border-radius: 5px;
  padding: 0 8px 0 12px;
  line-height: 28px;
  background-color: var(--workspace-base-color);
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 150ms ease-out;
}
.home-page-integrations__special-item-button:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.home-page-integrations__special-item-button svg {
  position: relative;
  margin-left: 6px;
  top: 2px;
}
.home-page-integrations__special-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--G-0, #FFFFFF);
  position: relative;
  z-index: 1;
  border-color: var(--G-0, #FFFFFF);
}
.home-page-integrations__special-item:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid var(--workspace-base-color);
  opacity: 0.5;
  border-radius: 12px;
  z-index: -1;
  transition: opacity 150ms ease-out;
}
.home-page-integrations__special-item:hover:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.resources-solution-templates {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
.resources-solution-templates__header {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.resources-solution-templates__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  min-width: 52px;
  height: 52px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background: var(--G-0, #FFFFFF);
  border-radius: 12px;
}
.resources-solution-templates__title {
  margin-bottom: 3px;
}
.resources-solution-templates__subtitle {
  text-align: center;
}
.resources-solution-templates__content {
  flex-grow: 1;
}
.resources-solution-templates__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  background: rgba(241, 242, 243, 0.5019607843);
  border-radius: 12px;
  margin: 0 -35px;
  padding: 25px 35px;
}
.resources-solution-templates__card {
  min-height: 123px;
  text-decoration: none;
  background: var(--G-0, #FFFFFF);
  border: 2px solid transparent;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--G-1-5, #E9E9E9);
  cursor: pointer;
  transition: border-color 150ms ease-out , background-color 150ms ease-out;
}
.resources-solution-templates__card--all {
  flex-direction: column;
  align-items: flex-start;
  border-color: none;
  position: relative;
  z-index: 1;
}
.resources-solution-templates__card--all:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 12px;
  border: 1px solid var(--workspace-base-color);
  opacity: 0.4;
  z-index: -1;
  transition: opacity 150ms ease-out;
}
.resources-solution-templates__card--all:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--workspace-dw-color);
  opacity: 0.5;
  border-radius: 12px;
  z-index: -1;
}
.resources-solution-templates__card--all:hover:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.resources-solution-templates__card:hover {
  border-color: var(--workspace-base-color);
  background-color: var(--workspace-dw-color);
  transition: border-color 200ms ease-in , background-color 200ms ease-in;
}
.resources-solution-templates__card:hover .resources-solution-templates__card-icon:before {
  background-color: var(--G-0, #FFFFFF) !important;
  transform: scale(1.111);
  transition: background-color 200ms ease-in , transform 200ms ease-in;
}
.resources-solution-templates__card-icon {
  width: 36px;
  height: 36px;
  margin-bottom: 13px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.resources-solution-templates__card-icon:before {
  content: "";
  z-index: -1;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(1);
  border-radius: 6px;
  background-color: currentColor;
  transition: transform 150ms ease-out , background-color 150ms ease-out;
}
.resources-solution-templates__card-title {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 4px;
}
.resources-solution-templates__card-desc {
  color: #5B5B5B;
}
.resources-solution-templates__browse-btn {
  text-decoration: none;
  color: var(--G-0, #FFFFFF);
  align-items: center;
  display: inline-flex;
  gap: 6px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  margin-top: auto;
  height: 28px;
  border-radius: 5px;
  padding: 0 8px 0 12px;
  background-color: var(--workspace-base-color);
  transition: background-color 150ms ease-out;
}
.resources-solution-templates__browse-btn:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.explore-and-learn {
  margin-top: 60px;
}
.explore-and-learn__header {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.explore-and-learn__icon {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: 8px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: center;
}
.explore-and-learn__cards {
  margin: 0 -35px;
  padding: 25px 35px;
  background-color: rgba(241, 242, 243, 0.5019607843);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  border-radius: 12px;
}
.explore-and-learn__card-desc {
  color: #5B5B5B;
  display: block;
  margin-top: 8px;
  margin-bottom: 4px;
}
.explore-and-learn__card {
  position: relative;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  padding: 22px 200px 22px 25px;
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-radius: 12px;
  min-height: 170px;
  transition: border-color 150ms ease-out;
}
.explore-and-learn__card:hover {
  transition: border-color 200ms ease-in;
  border-color: var(--G-3, #C7C8C9);
}
.explore-and-learn__card-button {
  margin-top: auto;
}
.explore-and-learn__card-image-wrapper {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -81px;
  border-radius: 8px;
  max-width: 170px;
}
.explore-and-learn__card-image-wrapper img {
  max-width: 100%;
  height: auto;
}
.upcoming-webinars {
  background-color: rgba(241, 242, 243, 0.5019607843);
  margin: 2px -35px 0;
  padding: 25px 35px;
  border-radius: 12px;
}
.upcoming-webinars__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.upcoming-webinars__title {
  margin-bottom: 12px;
}
.upcoming-webinars__button-link.white-link-button {
  margin-top: 10px;
  width: 100%;
  display: flex;
  height: 38px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.5019607843);
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 12px;
}
.upcoming-webinars-item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 72px;
  padding-right: 20px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 12px;
  transition: background-color 150ms ease-out;
}
.upcoming-webinars-item:hover {
  background-color: var(--workspace-dw-color, var(--solution-secondary-color));
  transition: background-color 200ms ease-in;
}
.upcoming-webinars-item:hover::before {
  opacity: 0.4;
  border-color: var(--workspace-base-color, var(--solution-primary-color));
  transition: opacity 200ms ease-in , border-color 200ms ease-in;
}
.upcoming-webinars-item::before {
  content: " ";
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: inherit;
  pointer-events: none;
  transition: opacity 150ms ease-out , border-color 150ms ease-out;
}
.upcoming-webinars-item__date {
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 30px;
  position: relative;
  min-height: 49px;
  gap: 15px;
}
.upcoming-webinars-item__date:before {
  content: "";
  width: 1px;
  background-color: var(--G-1-5, #E9E9E9);
  height: 49px;
  position: absolute;
  top: 0;
  right: 0;
}
.upcoming-webinars-item__date-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  white-space: nowrap;
}
.upcoming-webinars-item__title {
  overflow: hidden;
  padding: 10px 30px;
}
.upcoming-webinars-item__link {
  flex-shrink: 0;
  white-space: nowrap;
  margin-left: auto;
}
.upcoming-webinars-and-workshops {
  margin-top: 60px;
}
.upcoming-webinars-and-workshops__header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.upcoming-webinars-and-workshops__header-texts {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.upcoming-webinars-and-workshops__list {
  background-color: rgba(241, 242, 243, 0.5019607843);
  margin: 0 -35px;
  padding: 25px 35px;
  border-radius: 12px;
}
.upcoming-webinars-and-workshops__list-item {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  border-radius: 16px 16px 12px 12px;
  background-color: var(--G-0, #FFFFFF);
  padding: 4px;
  min-height: 347px;
  transition: border-color 150ms ease-out;
}
.upcoming-webinars-and-workshops__list-item:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.upcoming-webinars-and-workshops__header-icon {
  min-width: 52px;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}
.upcoming-webinars-and-workshops__image-wrapper {
  font-size: 0;
  margin-bottom: 25px;
}
.upcoming-webinars-and-workshops__image-wrapper img {
  max-width: 100%;
  height: auto;
}
.upcoming-webinars-and-workshops__item-title {
  margin-bottom: 8px;
}
.upcoming-webinars-and-workshops__item-link {
  margin-top: auto;
}
.upcoming-webinars-and-workshops__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
}
.upcoming-webinars-and-workshops__item-content {
  padding: 0 25px 18px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
}
.upcoming-webinars-and-workshops__item-desc {
  color: #5B5B5B;
  margin-bottom: 36px;
  display: block;
}
.upcoming-webinars-and-workshops__button-link {
  text-decoration: none;
  color: var(--G-0, #FFFFFF);
  align-items: center;
  display: inline-flex;
  gap: 6px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  margin-left: auto;
  height: 28px;
  border-radius: 5px;
  padding: 0 8px 0 12px;
  background-color: var(--workspace-base-color);
  transition: background-color 150ms ease-out;
}
.upcoming-webinars-and-workshops__button-link:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.getting-started-videos {
  margin-top: 60px;
}
.getting-started-videos__header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.getting-started-videos__header-icon {
  min-width: 52px;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-1-5, #E9E9E9);
  display: flex;
  align-items: center;
  justify-content: center;
}
.getting-started-videos__header-texts {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.getting-started-videos__container {
  border-radius: 12px;
  padding: 25px 35px;
  margin: 0 -35px;
}
.white-link-button {
  text-decoration: none;
  align-items: center;
  display: inline-flex;
  gap: 6px;
  color: var(--typo-primary, #2E3538);
  text-decoration: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  height: 28px;
  border-radius: 5px;
  padding: 0 8px 0 12px;
  background-color: var(--G-0, #FFFFFF);
  border: 1px solid var(--G-2, #DEDEDE);
  transition: background-color 150ms ease-out , border-color 150ms ease-out , color 150ms ease-out;
}
.white-link-button:hover {
  border-color: var(--workspace-darker-color, var(--solution-hover-color));
  background-color: var(--workspace-darker-color, var(--solution-hover-color));
  color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-in , border-color 200ms ease-in , color 200ms ease-in;
}
.white-link-button:hover .white-link-button__icon {
  color: var(--G-0, #FFFFFF);
}
.home-page-resources-page-footer {
  padding: 0 60px 0 50px;
}
.home-page-container {
  flex-grow: 1;
  max-width: var(--home-page-resources-wrapper-width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.past-events-webinars {
  display: flex;
  align-items: center;
  gap: 25px;
  margin: 2px -35px 0;
  padding: 25px 35px;
  background-color: rgba(241, 242, 243, 0.5019607843);
  border-radius: 12px;
}
.past-events-webinars__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-grow: 1;
}
.past-events-webinars__link {
  flex-shrink: 0;
}
.introduction-videos__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.introduction-videos__content {
  margin-top: 24px;
  padding: 25px 35px;
  background-color: rgba(241, 242, 243, 0.5);
  border-radius: 12px;
  margin-left: -35px;
  margin-right: -35px;
}
.introduction-videos__demo-link {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 18px;
  text-decoration: none;
  height: 38px;
  justify-content: center;
  color: var(--G-6, #868788);
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 12px;
  padding: 0 12px;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  transition: border-color 150ms ease-out;
}
.introduction-videos__demo-link:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.introduction-videos__item {
  display: flex;
  flex-direction: column;
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 12px;
  cursor: pointer;
  border: none;
  background: transparent;
  padding: 0;
}
.introduction-videos__item:hover .introduction-videos__preview {
  transform: scale(1.07865);
  transition: transform 200ms ease-in;
}
.introduction-videos__item:hover .introduction-videos__play {
  transform: scale(1.375);
  transition: transform 200ms ease-in;
}
.introduction-videos__preview {
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1);
  overflow: hidden;
  transition: transform 150ms ease-out;
}
.introduction-videos__preview img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.introduction-videos__title {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 16px;
  position: relative;
  z-index: 1;
  gap: 2px;
}
.introduction-videos__title p {
  line-height: 1.2;
  text-align: left;
}
.introduction-videos__title p:first-child {
  color: rgba(255, 255, 255, 0.8);
}
.introduction-videos__title p:last-child {
  color: var(--workspace-base-color, #4A9EFF);
}
.introduction-videos__duration {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  background-color: rgba(255, 255, 255, 0.3019607843);
  border-radius: 22px;
  line-height: 100%;
}
.introduction-videos__play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  cursor: pointer;
  transition: transform 150ms ease-out;
}
.introduction-videos__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 38px;
  margin-top: 18px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: rgba(255, 255, 255, 0.5019607843);
  border-radius: 12px;
  font-size: 13px;
  transition: border-color 150ms ease-out;
}
.introduction-videos__toggle:hover {
  border-color: var(--G-3, #C7C8C9);
  transition: border-color 200ms ease-in;
}
.introduction-videos__toggle.is-expanded .icon {
  transform: rotate(180deg);
}
.introduction-videos__modal {
  position: relative;
  padding: 20px;
  border-radius: 12px;
  background-color: var(--G-0, #FFFFFF);
}
.introduction-videos__close {
  position: absolute;
  top: -12px;
  right: -12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--G-2, #DEDEDE);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 50%;
  color: var(--G-8, #4d4d4d);
  cursor: pointer;
  transition: border-color 150ms ease-out , color 150ms ease-out;
}
.introduction-videos__close:hover {
  border-color: var(--G-3, #C7C8C9);
  color: var(--ic-darker, #151515);
  transition: border-color 200ms ease-in , color 200ms ease-in;
}
.introduction-videos__tabs {
  height: 21px;
  --basic-tab-small-paddings: 0 0 6px;
  --basic-tabs-slider-small-bottom: 0;
}
.introduction-videos__demo-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 24px;
  text-decoration: none;
  color: var(--G-6, #868788);
  transition: color 150ms ease-out;
}
.introduction-videos__demo-link:hover {
  color: var(--G-8, #4d4d4d);
  transition: transform 150ms ease-out;
}
.introduction-videos--business-operations .introduction-videos__play {
  filter: brightness(0.4);
}
:root {
  --workspace-base-color: #3A86FF;
  --workspace-dw-color: #E7F0FE;
  --workspace-washed-color: #B7E3FB;
}
.duplicate-solution-icon__heading-wrapper {
  min-height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.duplicate-solution-icon__heading {
  max-width: 133px;
  overflow: hidden;
  text-align: center;
}
.duplicate-solution-icon__icon {
  align-items: center;
  background: var(--duplicate-solution-icon-color);
  border-radius: 4px;
  display: flex;
  height: 90px;
  justify-content: center;
  margin: 0 auto 12px;
  width: 90px;
}
.duplicate-solution-select {
  margin: 12px 0 20px;
}
.duplicate-solution-select__input {
  margin-top: 4px;
}
.duplicate-solution-modal__item-wrapper {
  display: flex;
  margin-bottom: 24px;
  position: relative;
}
.duplicate-solution-modal__item {
  align-items: center;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  padding: 16px 10px;
  width: 50%;
}
.duplicate-solution-modal__item--duplicate {
  background-color: var(--G-0, #FFFFFF);
}
.duplicate-solution-modal__arrow {
  align-items: center;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 50%;
  border: 2px solid var(--G-1, #F3F3F4);
  display: flex;
  height: 38px;
  justify-content: center;
  left: 50%;
  margin-left: -19px;
  margin-top: -19px;
  min-width: 38px;
  position: absolute;
  top: 50%;
  width: 38px;
  z-index: 1;
}
.duplicate-solution-modal__checkbox {
  margin-top: 10px;
}
.duplicate-solution-modal__checkbox-label:not(:last-of-type) {
  margin-bottom: 10px;
}
.duplicate-solution-modal__input {
  margin-bottom: 24px;
}
.duplicate-solution-modal__label {
  margin-bottom: 0;
}
.duplicate-solution-modal__label.is-active {
  color: var(--solution-primary-color);
  transition: color 150ms ease-out;
}
.duplicate-solution-modal__label.is-error {
  color: #FF5757;
  transition: color 150ms ease-out;
}
.duplicate-solution-modal__error {
  margin-top: 4px;
  position: absolute;
}
.finish-workspace-setup-header {
  padding: 20px 250px 20px 30px;
  min-height: 200px;
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
  background-color: var(--workspace-dw-color, #E7F0FE);
}
.finish-workspace-setup-header__title {
  margin-bottom: 10px;
}
.finish-workspace-setup-header__image {
  font-size: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 226px;
}
.finish-workspace-setup-form {
  padding: 30px;
  display: grid;
  gap: 0 35px;
  grid-template-columns: 1fr 1fr;
}
.form-control-title {
  margin-bottom: 3px;
}
.finish-workspace-setup-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 55px;
  padding: 0 30px;
  border-top: 1px solid var(--G-2, #DEDEDE);
}
.finish-workspace-setup-footer__error {
  display: flex;
  align-items: center;
  gap: 10px;
}
.finish-workspace-setup-footer__done {
  margin-left: auto;
}
.thanks-you-setup {
  position: relative;
  min-width: 730px;
  max-width: 730px;
  height: 472px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 5px;
}
.thanks-you-setup__title {
  margin-bottom: 10px;
}
.thanks-you-setup__guy {
  position: relative;
  z-index: 1;
  max-width: 380px;
  line-height: 0;
  animation: bounceGuy 300ms forwards;
}
.thanks-you-setup__description {
  margin-bottom: 30px;
}
@keyframes bounceGuy {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.confetti-blue {
  background-color: #3A86FF;
}
.confetti-green {
  background-color: #3EAC40;
}
.confetti-light-blue {
  background-color: #4ECCFD;
}
.confetti-yellow {
  background-color: #FFB938;
}
.confetti-purple {
  background-color: #883CD0;
}
.confetti-pink {
  background-color: #EC506E;
}
.confetti-teal {
  background-color: #00B2A8;
}
.confetti-container {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
}
.confetti {
  position: absolute;
  width: 30px;
  height: 30px;
}
.anim-x {
  animation: ease-in 0.6s forwards;
  transform: skew(20deg);
}
.anim-y {
  animation: ease-out 0.6s forwards;
}
.delay {
  animation-delay: 0.2s;
}
.anim-x-1 {
  animation-name: anim-x-1;
}
.anim-x-2 {
  animation-name: anim-x-2;
}
.anim-x-3 {
  animation-name: anim-x-3;
}
.anim-x-4 {
  animation-name: anim-x-4;
}
.anim-x-5 {
  animation-name: anim-x-5;
}
.anim-x-6 {
  animation-name: anim-x-6;
}
.anim-x-7 {
  animation-name: anim-x-7;
}
.anim-x-8 {
  animation-name: anim-x-8;
}
.anim-y-1 {
  animation-name: anim-y-1;
}
.anim-y-2 {
  animation-name: anim-y-2;
}
.anim-y-3 {
  animation-name: anim-y-3;
}
.anim-y-4 {
  animation-name: anim-y-4;
}
.anim-y-5 {
  animation-name: anim-y-5;
}
@keyframes anim-x-1 {
  0% {
    transform: skew(20deg) translateX(0);
  }
  100% {
    transform: skew(20deg) rotate(-180deg) translateX(-153px);
  }
}
@keyframes anim-x-2 {
  0% {
    transform: skew(20deg) translateX(0);
  }
  100% {
    transform: skew(20deg) rotate(-180deg) translateX(-158px);
  }
}
@keyframes anim-x-3 {
  0% {
    transform: skew(20deg) translateX(0);
  }
  100% {
    transform: skew(20deg) rotate(180deg) translateX(124px);
  }
}
@keyframes anim-x-4 {
  0% {
    transform: skew(20deg) translateX(0);
  }
  100% {
    transform: skew(20deg) rotate(180deg) translateX(153px);
  }
}
@keyframes anim-x-5 {
  0% {
    transform: skew(20deg) translateX(0);
  }
  100% {
    transform: skew(20deg) rotate(180deg) translateX(-253px);
  }
}
@keyframes anim-x-6 {
  0% {
    transform: skew(20deg) translateX(0);
  }
  100% {
    transform: skew(20deg) rotate(-180deg) translateX(-303px);
  }
}
@keyframes anim-x-7 {
  0% {
    transform: skew(20deg) translateX(0);
  }
  100% {
    transform: skew(20deg) rotate(-180deg) translateX(303px);
  }
}
@keyframes anim-x-8 {
  0% {
    transform: skew(20deg) translateX(0);
  }
  100% {
    transform: skew(20deg) rotate(-180deg) translateX(303px);
  }
}
@keyframes anim-y-1 {
  0% {
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(-198px);
  }
  100% {
    opacity: 0;
    transform: translateY(-178px);
  }
}
@keyframes anim-y-2 {
  0% {
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(-283px);
  }
  100% {
    opacity: 0;
    transform: translateY(-263px);
  }
}
@keyframes anim-y-3 {
  0% {
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(-324px);
  }
  100% {
    opacity: 0;
    transform: translateY(-304px);
  }
}
@keyframes anim-y-4 {
  0% {
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(-140px);
  }
  100% {
    opacity: 0;
    transform: translateY(-133px);
  }
}
@keyframes anim-y-5 {
  0% {
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(-120px);
  }
  100% {
    opacity: 0;
    transform: translateY(105px);
  }
}
.finish-workspace-setup-modal {
  min-width: 730px;
  max-width: 730px;
  border-radius: 5px;
  overflow: hidden;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.manage-categories-modal-header {
  display: flex;
  align-items: center;
  padding-left: 30px;
  padding-right: 20px;
  height: 58px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
}
.manage-categories-modal-header__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}
.manage-categories-modal-header__close {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background-color: var(--G-1, #F3F3F4);
  color: var(--G-5, #9B9C9E);
}
.manage-categories-modal-header__close:hover {
  color: var(--G-8, #4d4d4d);
}
.manage-categories-modal-header__help {
  color: var(--G-4, #B2B2B3);
}
.manage-categories-modal-header__help-link {
  min-width: 32px;
  height: 32px;
  width: 32px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.manage-categories-modal-header__help-link:hover .manage-categories-modal-header__help {
  color: var(--G-8, #4d4d4d);
}
.manage-categories-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  height: 44px;
  padding-right: 20px;
  margin-top: auto;
}
.manage-categories-modal-footer__cancel {
  font-size: 14px;
}
.category-icon-select {
  min-width: 44px;
  width: 44px;
  height: 36px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: border-color 150ms ease-out;
}
.category-icon-select:hover, .category-icon-select.is-active {
  border-color: var(--workspace-base-color);
  transition: border-color 200ms ease-in;
}
.category-icon-select__icon {
  font-variation-settings: "FILL" 1, "GRAD" 200, "wght" 400;
  color: var(--workspace-base-color);
}
.manage-category-form {
  padding: 20px 23px 20px;
  width: 646px;
  min-height: 448px;
}
.manage-category-form__name-control {
  margin-bottom: 20px;
}
.manage-category-form__name {
  min-height: 34px;
}
.manage-category-form__name-control-input {
  flex-grow: 1;
  position: relative;
}
.manage-category-form__name-length {
  top: calc(100% + 5px);
  right: 0;
  position: absolute;
}
.category-title {
  display: inline-block;
  margin-bottom: 3px;
}
.category-name-icon-control {
  display: flex;
  align-items: center;
  gap: 6px;
}
.category-description-control__control {
  min-height: 200px;
}
.category-description-control__control .ProseMirror {
  padding: 12px 15px;
}
.category-description-control__control .ProseMirror p {
  font-size: 13px;
}
.manage-category-content-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -8px;
}
.manage-category-content-footer__remove {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 8px;
  border-radius: 5px;
  background-color: transparent;
  font-size: 12px;
  color: var(--tertiary, #6B6B6B);
  transition: color 150ms ease-out , background-color 150ms ease-out;
}
.manage-category-content-footer__remove-icon {
  opacity: 0.6;
  color: var(--G-8, #4d4d4d);
  transition: color 150ms ease-out , opacity 150ms ease-out;
}
.manage-category-content-footer__remove:hover {
  background-color: #FCEFEF;
  color: #E05C5C;
  transition: color 150ms ease-out , background-color 150ms ease-out;
}
.manage-category-content-footer__remove:hover .manage-category-content-footer__remove-icon {
  opacity: 1;
  color: #E05C5C;
  transition: color 200ms ease-in , opacity 200ms ease-in;
}
.manage-category-content-footer__toggle, .manage-category-content-footer__label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.manage-category-content-footer__help {
  color: var(--G-2, #DEDEDE);
}
.manage-category-content-footer__help:hover {
  color: var(--G-8, #4d4d4d);
}
.manage-category-content-footer__help-tooltip {
  margin-left: -7px;
}
.manage-category-content-footer__help-tooltip .tooltip__outside {
  display: flex;
}
.manage-categories-sidebar {
  padding: 20px 30px 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.manage-categories-sidebar__header {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.manage-categories-sidebar__footer {
  margin-top: auto;
  border-top: 1px dashed var(--G-2, #DEDEDE);
  padding-top: 12px;
  padding-bottom: 18px;
  min-height: 44px;
  height: 44px;
}
.manage-categories-sidebar__add-category {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--typo-secondary, #878B92);
  transition: color 150ms ease-out;
}
.manage-categories-sidebar__add-category:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.manage-categories-sidebar__add-category:hover .r-social-placeholder__add-icon {
  color: var(--ic-dark, #2D2D2D);
}
.manage-categories-sidebar__add-icon {
  color: var(--G-6, #868788);
}
.manage-categories-sidebar__description {
  margin-bottom: 20px;
}
.categories-sort {
  display: flex;
  align-items: center;
  gap: 4px;
}
.categories-sort__target {
  display: flex;
  align-items: center;
  gap: 4px;
}
.categories-sort-list {
  width: 151px;
  --select-option-margin-bottom: 4px;
  --select-option-active-background: transparent;
}
.categories-sort-option {
  height: 28px;
  line-height: 28px;
  padding: 0 26px 0 12px;
  position: relative;
}
.categories-sort-option__icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px;
}
.category-item {
  display: flex;
  align-items: center;
  height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  width: 100%;
  color: var(--typo-primary, #2E3538);
  font-size: 14px;
  gap: 6px;
  transition: border-color 150ms ease-out;
}
.category-item:not(:last-child) {
  margin-bottom: 2px;
}
.category-item:hover, .category-item.is-active {
  border-color: var(--G-1-5, #E9E9E9);
  transition: border-color 200ms ease-in;
}
.category-item.is-active {
  background-color: var(--G-0-5, #FAFAFA);
}
.category-item.is-active .category-item__icon {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.category-item__icon {
  opacity: 0.7;
  color: var(--workspace-base-color);
  font-size: 20px;
  font-variation-settings: "FILL" 1, "GRAD" 200, "wght" 400;
  transition: opacity 150ms ease-out;
}
.category-item__default {
  font-size: 10px;
  color: var(--tertiary, #6B6B6B);
  background-color: #F1F2F3;
  height: 18px;
  border-radius: 6px;
  padding: 0 7px;
  margin-left: 4px;
  display: inline-block;
  line-height: 18px;
}
.category-item__badge {
  min-width: 17px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-1, #F3F3F4);
}
.category-item__drag {
  color: var(--G-4, #B2B2B3);
  margin-right: 4px;
  position: relative;
}
.category-list {
  height: 100%;
  overflow: hidden;
  padding: 0 30px;
  margin: 0 -30px;
}
.category-list__scrollbar {
  height: 100%;
  max-height: calc(100vh - 275px);
}
.category-list__scrollbar .ScrollbarsCustom {
  min-height: 100%;
}
.category-list__items {
  padding-bottom: 2px;
}
.manage-categories-modal-content {
  min-height: 448px;
  display: flex;
}
.manage-categories-modal-content__sidebar {
  width: 320px;
  border-right: 1px solid var(--G-1-5, #E9E9E9);
  max-height: calc(100vh - 120px);
}
.manage-categories-modal-content__main {
  display: flex;
  flex-direction: column;
}
.manage-categories-modal {
  width: 966px;
  min-height: 448px;
}
.customize-menu-header {
  min-height: 98px;
  padding: 16px 30px 17px;
  border-bottom: 1px solid var(--G-2, #DEDEDE);
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}
.customize-menu-header__button {
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G-5, #9B9C9E);
  position: absolute;
  top: 7px;
  right: 7px;
  background-color: var(--G-1, #F3F3F4);
}
.customize-menu-header__button:hover {
  color: var(--G-8, #4d4d4d);
}
.customize-menu-header__help {
  position: absolute;
  top: 15px;
  right: 60px;
}
.customize-menu-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  height: 55px;
  padding-right: 30px;
  border-top: 1px solid var(--G-2, #DEDEDE);
}
.customize-menu-content {
  padding: 22px 30px 15px;
}
.home-page-menu-settings-title {
  margin-bottom: 7px;
  display: block;
}
.home-page-menu-settings-title--hidden {
  margin-top: 28px;
}
.home-page-menu-settings-empty {
  display: block;
  margin-top: 12px;
  margin-bottom: 6px;
}
.customize-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 2px;
  padding-right: 10px;
  height: 28px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
}
.customize-menu-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  right: 0;
  bottom: 0;
  background-color: var(--G-1, #F3F3F4);
  opacity: 0;
  z-index: -1;
  border-radius: 4px;
  transition: opacity 150ms ease-out;
}
.customize-menu-item__visibility {
  display: flex;
  color: var(--G-6, #868788);
}
.customize-menu-item__icon {
  font-size: 20px;
  font-variation-settings: "FILL" 0, "GRAD" 0, "wght" 200;
}
.customize-menu-item__drag-handle {
  color: var(--G-6, #868788);
}
.customize-menu-item__drag-handle:hover {
  color: var(--G-8, #4d4d4d);
}
.customize-menu-item__tooltip {
  margin-left: auto;
}
.customize-menu-item:hover .customize-menu-item__title {
  color: var(--typo-primary, #2E3538);
}
.customize-menu-item:hover .customize-menu-item__visibility {
  color: var(--G-8, #4d4d4d);
}
.customize-menu-item:hover:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.customize-menu-item.is-disabled {
  padding-left: 18px;
  pointer-events: none;
}
.customize-menu-item.is-hidden .customize-menu-item__visibility {
  color: var(--G-8, #4d4d4d);
}
.customize-menu-item.is-hidden .customize-menu-item__tooltip {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.customize-menu-item.is-hidden:hover .customize-menu-item__tooltip {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.make-default-prompt-description {
  display: block;
  margin-bottom: 25px;
}
.make-default-prompt-description strong {
  font-weight: 500;
}
.move-solutions-select {
  background-color: var(--G-0-5, #FAFAFA);
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  padding: 9px 13px 13px;
  margin-bottom: 24px;
  margin-top: -12px;
  width: 437px;
}
.move-solutions-select__title {
  margin-bottom: 7px;
  display: inline-block;
}
.move-solutions-select__placeholder {
  font-weight: 500;
}
.add-solution-card {
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 12px;
  cursor: pointer;
  position: relative;
}
.add-solution-card:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border: 3px solid var(--workspace-base-color);
  border-radius: 13px;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.add-solution-card__image {
  margin: 1px 1px 0;
  background-color: rgba(231, 240, 254, 0.5019607843);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  width: calc(100% - 2px);
  border-radius: 10px;
}
.add-solution-card__content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.add-solution-card:hover {
  border-color: var(--workspace-base-color);
}
.add-solution-card:hover:before {
  opacity: 0.3;
  transition: opacity 200ms ease-in;
}
.add-new-solution-modal {
  width: auto;
  box-shadow: none;
}
.add-new-solution-modal .modal__body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.add-new-solution-modal__target-wrapper {
  flex-direction: column;
  border-radius: 12px;
  background-color: transparent;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  display: flex;
}
.add-new-solution-modal__wrapper {
  width: 740px;
  position: absolute;
  padding-bottom: 40px;
  opacity: 0;
}
.add-new-solution-modal__wrapper.enter {
  opacity: 0;
}
.add-new-solution-modal__wrapper.enter-active {
  opacity: 1;
  transition: opacity 100ms ease-out;
  transition-delay: 100ms;
}
.add-new-solution-modal__wrapper.enter-done {
  opacity: 1;
  transition: opacity 100ms ease-out;
  transition-delay: 100ms;
}
.add-new-solution-modal__wrapper.exit-active {
  opacity: 0;
  transition: opacity 50ms ease-in;
}
.add-new-solution-modal__header {
  padding: 23px 30px 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-new-solution-modal__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding-top: 40px;
  padding-bottom: 34px;
  padding-left: 30px;
  padding-right: 30px;
}
.add-new-solution-modal__actions {
  display: flex;
  align-items: center;
  gap: 15px;
}
.add-new-solution-modal__link {
  color: var(--tertiary, #6B6B6B);
  font-size: 12px;
  text-decoration: none;
  transition: color 150ms ease-out;
}
.add-new-solution-modal__link:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.add-new-solution-modal__button {
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background-color: var(--G-1, #F3F3F4);
  color: var(--G-5, #9B9C9E);
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-new-solution-modal__button:hover {
  color: var(--G-8, #4d4d4d);
}
.add-new-solution-modal__import {
  font-size: 12px;
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 auto;
  color: var(--typo-primary, #2E3538);
}
.add-new-solution-modal__import-icon {
  color: var(--G-8, #4d4d4d);
}
.add-new-solution-modal.with-ai-creator {
  width: auto;
}
.add-new-solution-modal.with-ai-creator .add-new-solution-modal__wrapper {
  width: 1086px;
}
.add-new-solution-modal.with-ai-creator .add-new-solution-modal__content {
  grid-template-columns: 1fr 1fr 1fr;
}
.add-solution-animated-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
  justify-content: center;
}
.add-solution-animated-container__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 12px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  transition: width 150ms ease-out, height 150ms ease-out;
}
.create-solution-from-scratch {
  padding: 20px 30px 0;
  width: 732px;
  position: absolute;
}
.create-solution-from-scratch.enter {
  opacity: 0;
}
.create-solution-from-scratch.enter-active {
  opacity: 1;
  transition: opacity 100ms ease-out;
  transition-delay: 100ms;
}
.create-solution-from-scratch.exit-active {
  opacity: 0;
  transition: opacity 50ms ease-in;
}
.create-solution-from-scratch__footer {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 30px;
  margin: 0 -30px;
}
.create-solution-from-scratch__view-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px 0 12px;
  height: 32px;
  gap: 7px;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0, #FFFFFF);
  border-radius: 16px;
  transition: border-color 150ms ease-out;
}
.create-solution-from-scratch__view-button:hover {
  border-color: var(--G-4, #B2B2B3);
  transition: border-color 200ms ease-in;
}
.create-solution-from-scratch__view-button-icon {
  color: var(--G-8, #4d4d4d);
}
.create-solution-from-scratch__title {
  padding-right: 120px;
}
.create-solution-from-scratch__title, .create-solution-from-scratch__description {
  display: block;
  margin-bottom: 30px;
}
.solution-icon-name-control {
  margin-bottom: 30px;
}
.solution-icon-name-control__input {
  min-height: 36px;
}
.solution-icon-name-control__container {
  display: flex;
  gap: 6px;
}
.solution-icon-name-control__title {
  display: block;
  margin-bottom: 6px;
}
.solution-icon-name-control.is-focused .solution-icon-name-control__title {
  color: var(--solution-primary-color);
}
.solution-category-select {
  display: flex;
  gap: 4px;
  margin-bottom: 40px;
}
.solution-category-select__select {
  border: none;
  min-height: auto;
  width: auto;
  --single-select-min-height: auto;
  --select-placeholder-arrow-right: 0px;
  --arrow-select-top-position: -7px;
  --select-placeholder-padding-left: 0;
  --select-placeholder-arrow-filled-right: 18px;
}
.solution-category-select__list {
  --select-option-active-background: transparent;
  --select-option-margin-bottom: 4px;
}
.solution-category-option {
  display: flex;
  gap: 10px;
  padding: 0 10px 0 12px;
  height: 28px;
  align-items: center;
}
.solution-category-option__icon {
  font-size: 16px;
  color: var(--G-8, #4d4d4d);
  font-variation-settings: "FILL" 0, "GRAD" 0, "wght" 300;
}
.solution-category-option__checkmark {
  margin-left: auto;
}
.solution-category-select-selected-option {
  border-bottom: 1px dashed var(--typo-secondary, #878B92);
  transition: border-color 150ms ease-out;
}
.solution-category-select-selected-option:hover {
  border-color: var(--G-6, #868788);
  transition: border-color 200ms ease-in;
}
.create-solution-icon__button {
  min-width: 36px;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  color: var(--G-0, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-solution-color-palette {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px 18px 30px;
  max-width: 435px;
}
.create-solution-color-palette__colors {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 11px;
}
.create-solution-color-palette__color {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-solution-color-palette__color:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px;
  border-radius: 6px;
  opacity: 0;
  border: 2px solid currentColor;
  transition: opacity 150ms ease-out;
}
.create-solution-color-palette__color:hover:before {
  transition: opacity 200ms ease-in;
  opacity: 1;
}
.create-solution-icon-list {
  --solution-icons-list-width: 393px;
  --solution-icons-list-gap: 10px;
  --solution-icons-list-padding: 0 3px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 0 0 5px 5px;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  padding: 18px 15px 0;
}
.create-solution-icon-list__button {
  width: 40px;
  height: 40px;
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  position: relative;
  border-radius: 8px;
}
.create-solution-icon-list__button:hover, .create-solution-icon-list__button.is-active {
  background-color: var(--solution-hover-color);
  color: var(--G-0, #FFFFFF);
  border: none;
}
.create-solution-icon-list__button.is-active:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px;
  border-radius: 10px;
  border: 2px solid var(--solution-hover-color);
}
.create-solution-icon-list-search {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  margin: 0 3px;
  width: auto;
}
.create-solution-icon-list-search input {
  width: 100%;
  height: 32px;
  border-radius: 5px;
}
.back-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.back-button__icon-wrapper {
  min-width: 22px;
  height: 22px;
  width: 22px;
  border-radius: 4px;
  background-color: var(--G-1, #F3F3F4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.back-button__icon {
  color: var(--G-8, #4d4d4d);
}
.back-button__text {
  transition: color 150ms ease-out;
}
.back-button:hover .r-social-placeholder__text {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.need-help-button {
  display: flex;
  align-items: center;
  gap: 15px;
  position: absolute;
  top: 34px;
  right: 30px;
}
.need-help-button__button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background-color: var(--G-1, #F3F3F4);
  color: var(--G-5, #9B9C9E);
  cursor: pointer;
}
.need-help-button__button:hover {
  color: var(--G-8, #4d4d4d);
}
.need-help-button__help {
  color: var(--tertiary, #6B6B6B);
  font-size: 12px;
  transition: color 150ms ease-out;
}
.need-help-button__help:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.your-trial-has-expired-modal {
  overflow: hidden;
  border-radius: 12px;
}
.your-trial-has-expired-modal__content {
  padding: 60px;
}
.your-trial-has-expired-modal__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  margin-bottom: 24px;
  border-radius: 6px;
  background-color: var(--G-0-5, #FAFAFA);
}
.your-trial-has-expired-modal__title {
  margin-bottom: 12px;
}
.your-trial-has-expired-modal__buttons {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
}
.tariffs-modal {
  overflow: hidden;
  width: calc(100vw - 60px);
  height: calc(100vh - 60px);
  border-radius: 12px;
}
.tariffs-modal__header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 20px 30px;
}
.tariffs-modal__title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 42px;
  line-height: 54px;
  text-align: center;
}
.tariffs-modal__description {
  margin-bottom: 20px;
  text-align: center;
}
.tariffs-modal__body {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 60px;
}
.tariffs-modal__content {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}
.tariffs-modal__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.tariffs-modal__choose, .tariffs-modal__extend {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 30px;
  border-radius: 8px;
}
.tariffs-modal__choose {
  border: 1px solid var(--solution-primary-color);
  color: var(--typo-primary, #2E3538);
  transition: background-color 150ms ease-out , color 150ms ease-out;
}
.tariffs-modal__choose:hover {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  transition: background-color 200ms ease-in , color 200ms ease-in;
}
.tariffs-modal__extend {
  background-color: var(--solution-primary-color);
  color: var(--G-0, #FFFFFF);
  transition: background-color 150ms ease-out;
}
.tariffs-modal__extend:hover {
  background-color: var(--solution-hover-color);
  transition: background-color 200ms ease-in;
}
.tariffs-modal__cover {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 1;
  border-top: 1px solid var(--G-1-5, #E9E9E9);
  background-color: var(--G-0-5, #FAFAFA);
}
.tariffs-modal__cover img {
  width: 1000px;
  height: auto;
  margin-top: -30px;
  object-fit: contain;
  object-position: center;
}
.tariffs-modal-overlay {
  backdrop-filter: blur(5px);
}
.integrations-modal {
  overflow: hidden;
  width: 100%;
  max-width: 1392px;
  height: calc(100vh - 60px);
  margin: 0 auto;
  border-radius: 8px;
}
.integrations-modal__header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 18px 0 30px;
}
.integrations-modal__inner {
  overflow: hidden;
  display: flex;
  flex-grow: 1;
}
.integrations-modal__sidebar {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 320px;
  background-color: var(--G-0-5, #FAFAFA);
}
.integrations-modal__nav {
  overflow: hidden;
  flex-grow: 1;
  padding-bottom: 20px;
}
.integrations-modal__scrollbar {
  flex-grow: 1;
  overflow: hidden;
  max-height: 100%;
}
.integrations-modal__body {
  overflow: hidden;
  display: flex;
  flex-grow: 1;
}
.integrations-modal__close {
  z-index: 5;
  position: absolute;
  top: 14px;
  right: 18px;
  width: 35px;
  height: 35px;
  color: var(--G-3, #C7C8C9);
}
.integrations-modal-search-field {
  padding: 20px 30px;
}
.integrations-modal-search-field__group {
  border-radius: 20px;
}
.integrations-modal-search-field__group:not(.is-active):hover {
  border-color: var(--G-3, #C7C8C9);
}
.integrations-modal-search-field__group::after {
  border-radius: 25px;
}
.integrations-modal-search-field__input {
  padding: 0 16px;
}
.integrations-modal-search-field__input input {
  height: 40px;
}
.integrations-modal-search-field__input input::placeholder {
  color: var(--inactive, #B2B2B3);
}
.integrations-modal-sidebar-item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 38px;
  padding: 0 27px 0 33px;
  color: rgba(46, 53, 56, 0.8);
  transition: color 150ms ease-out;
}
.integrations-modal-sidebar-item--external::before {
  display: none;
}
.integrations-modal-sidebar-item--external:hover .integrations-modal-sidebar-item__external-icon {
  color: var(--solution-primary-color);
}
.integrations-modal-sidebar-item.is-active, .integrations-modal-sidebar-item:hover {
  color: var(--typo-primary, #2E3538);
  transition: color 200ms ease-in;
}
.integrations-modal-sidebar-item.is-active:before, .integrations-modal-sidebar-item:hover:before {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.integrations-modal-sidebar-item.is-active::before {
  background-color: var(--solution-primary-color);
  transition: background-color 200ms ease-in;
}
.integrations-modal-sidebar-item::before {
  content: " ";
  opacity: 0;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 14px;
  width: 4px;
  background-color: var(--G-2, #DEDEDE);
  border-radius: 2px;
  transition: background-color 150ms ease-out , opacity 150ms ease-out;
}
.integrations-modal-sidebar-item__external-icon {
  margin-left: auto;
  color: var(--G-3, #C7C8C9);
}
.integrations-modal-sidebar-item-horline {
  position: relative;
  width: 100%;
  height: 20px;
}
.integrations-modal-sidebar-item-horline::before {
  content: " ";
  position: absolute;
  top: 10px;
  right: 30px;
  left: 30px;
  height: 1px;
  background-color: var(--G-1-5, #E9E9E9);
}
.integrations-modal-group {
  margin-bottom: 40px;
}
.integrations-modal-group--columns-2 .integrations-modal-group__body {
  grid-template-columns: repeat(2, 1fr);
}
.integrations-modal-group--columns-5 .integrations-modal-group__body {
  grid-template-columns: repeat(5, 1fr);
}
.integrations-modal-group__head {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.integrations-modal-group__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  min-width: 46px;
  height: 46px;
  margin-right: 12px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 6px;
}
.integrations-modal-group__icon img {
  display: block;
  max-width: 18px;
  height: auto;
}
.integrations-modal-group__info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
}
.integrations-modal-group__description a {
  color: var(--typo-secondary, #878B92);
}
.integrations-modal-group__description a:hover {
  color: var(--solution-primary-color);
}
.integrations-modal-group__body {
  display: grid;
  gap: 10px;
}
.integrations-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px 20px;
  min-height: 95px;
  padding: 16px 20px;
  border-radius: 8px;
}
.integrations-card:not(.is-disabled) {
  cursor: pointer;
}
.integrations-card:not(.is-disabled):hover::before {
  opacity: 0.5;
  border-color: var(--solution-primary-color);
  transition: opacity 200ms ease-in , border-color 200ms ease-in;
}
.integrations-card:not(.is-disabled):hover .integrations-card__title {
  color: var(--solution-primary-color);
}
.integrations-card:not(.is-disabled):hover .integrations-card__description {
  color: var(--typo-primary, #2E3538);
}
.integrations-card--vertical {
  flex-direction: column;
  padding: 16px;
}
.integrations-card--vertical .integrations-card__icon {
  width: auto;
  min-width: initial;
  max-height: 36px;
}
.integrations-card.is-disabled .integrations-card__icon {
  opacity: 0.4;
}
.integrations-card.is-disabled .integrations-card__title {
  color: var(--typo-secondary, #878B92);
}
.integrations-card.is-disabled .integrations-card__description {
  color: var(--typo-secondary, #878B92);
}
.integrations-card::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: inherit;
  transition: opacity 150ms ease-out , border-color 150ms ease-out;
  pointer-events: none;
}
.integrations-card__icon {
  min-width: 36px;
}
.integrations-card__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  gap: 6px;
}
.integrations-card__title {
  display: inline-block;
  vertical-align: middle;
}
.integrations-card__soon {
  display: inline-block;
  margin: -1px 0 -1px 6px;
  padding: 3px 9px;
  background-color: var(--G-1, #F3F3F4);
  border-radius: 12px;
  vertical-align: middle;
}
.integrations-card__description {
  color: var(--typo-secondary, #878B92);
}
.integrations-card__native {
  position: absolute;
  top: -3px;
  right: 0;
  padding: 3px 9px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 8px 8px 0 8px;
}
.integrations-card__native::before {
  content: " ";
  opacity: 0.2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background-color: var(--solution-primary-color);
}
.integrations-card__native span {
  position: relative;
}
.integrations-featured-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 100%;
  padding: 20px;
  border-radius: 8px;
  cursor: pointer;
}
.integrations-featured-card:hover::before {
  opacity: 1;
}
.integrations-featured-card:hover::after {
  opacity: 0.5;
  transition: opacity 200ms ease-in;
}
.integrations-featured-card::before {
  content: " ";
  opacity: 0.7;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background-color: var(--deep-washed-color, var(--G-0-5, #FAFAFA));
  pointer-events: none;
  transition: opacity 150ms ease-out;
}
.integrations-featured-card::after {
  content: " ";
  opacity: 0.2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--primary-color, var(--G-3, #C7C8C9));
  border-radius: inherit;
  pointer-events: none;
  transition: opacity 150ms ease-out;
}
.integrations-featured-card__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  background-color: var(--G-0, #FFFFFF);
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 30, 0.1), 0px 2px 4px 0 rgba(0, 0, 30, 0.1);
}
.integrations-featured-card__icon img {
  display: block;
  max-width: 36px;
  height: auto;
}
.integrations-featured-card__title, .integrations-featured-card__description {
  position: relative;
  padding-right: 40px;
}
.integrations-featured-card__more {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: var(--primary-color, var(--G-3, #C7C8C9));
}
.integrations-modal-section {
  margin-top: 60px;
  margin-bottom: 40px;
}
.integrations-modal-section__title {
  margin-bottom: 40px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding-bottom: 10px;
  text-align: center;
}
.integrations-modal-list {
  flex-grow: 1;
  overflow: hidden;
  max-height: 100%;
}
.integrations-modal-search-results {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.integrations-modal-search-results__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 30px 12px 30px;
}
.integrations-modal-search-results__query {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  background-color: var(--G-1-5, #E9E9E9);
  border-radius: 5px;
}
.integrations-modal-search-results__scrollbar {
  flex-grow: 1;
  overflow: hidden;
  max-height: 100%;
}
.integrations-modal-search-results__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding-bottom: 40px;
}
.integrations-modal-details {
  z-index: 4;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background-color: var(--G-0, #FFFFFF);
}
.integrations-modal-details__header {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 62px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding: 0 60px;
}
.integrations-modal-details__back {
  z-index: 2;
  position: absolute;
  top: 22px;
  left: 30px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--tertiary, #6B6B6B);
}
.integrations-modal-details__back:hover {
  color: var(--solution-primary-color);
}
.integrations-modal-details__back:hover .integrations-modal-details__back-icon {
  color: var(--solution-hover-color);
}
.integrations-modal-details__back-icon {
  color: var(--ic-darker, #151515);
}
.integrations-modal-details__inner {
  overflow: hidden;
  display: flex;
  flex-grow: 1;
}
.integrations-modal-details__sidebar {
  width: 326px;
  min-width: 326px;
  padding: 30px;
}
.integrations-modal-details__body {
  overflow: hidden;
  display: flex;
  flex-grow: 1;
}
.integrations-modal-details__headline {
  margin-bottom: 12px;
}
.integrations-modal-details__description {
  width: 100%;
  max-width: 880px;
  font-size: 14px;
}
.integrations-modal-details__description > *:not(.image-node-view-wrapper) {
  max-width: 770px;
}
.integrations-modal-details-info__top {
  position: relative;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 40px 30px 30px 30px;
  background-color: var(--G-0, #FFFFFF);
  border-radius: 12px;
}
.integrations-modal-details-info__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin: 0 auto 12px auto;
}
.integrations-modal-details-info__icon img {
  display: block;
  width: 100%;
  max-width: 80px;
  height: auto;
}
.integrations-modal-details-info__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  border-radius: 8px;
  background-color: var(--G-0, #FFFFFF);
  text-decoration: none;
  color: var(--ic-light, #c7cdcf);
}
.integrations-modal-details-info__more:hover {
  color: var(--solution-primary-color);
}
.integrations-modal-details-info__body {
  margin-top: -30px;
  border: 1px solid var(--G-1-5, #E9E9E9);
  padding: 50px 30px 20px 30px;
  background-color: var(--G-0-5, #FAFAFA);
  border-radius: 12px;
}
.integrations-modal-details-info__developer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  margin-bottom: 17px;
  border-bottom: 1px solid var(--G-1-5, #E9E9E9);
  padding-bottom: 16px;
}
.integrations-modal-details-info__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}
.integrations-modal-details-info__link img {
  margin-right: 5px;
}
body,
html {
  overflow: hidden;
}
body.is-dashboard-scrolled .reports-toolbars-groups--dashboard {
  z-index: 20;
}
#dashboard-container {
  position: relative;
}
#dashboard-container .preloader {
  z-index: 1000;
}
.fsp-notifications__container {
  top: -80px !important;
}
div.intercom-lightweight-app {
  z-index: 5000;
}
.cdk-overlay-backdrop {
  position: fixed;
  z-index: 1000;
  transition: all 300ms ease-in;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.dark-backdrop {
  background-color: rgba(var(--solution-primary-color), 0.4);
  transition: all 300ms ease-out;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.dark-backdrop:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
}
.pace {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: var(--solution-hover-color);
  position: fixed;
  z-index: 5000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 6px;
}
.cdk-global-overlay-wrapper {
  pointer-events: all;
  position: fixed;
  z-index: 1000;
}
.cdk-global-overlay-wrapper.scrolled-modal {
  overflow-y: auto;
  padding: 33px 24px;
}
.cdk-global-overlay-wrapper.nether-edit-record-wrapper {
  z-index: 999;
}
.cdk-global-overlay-wrapper.nether-edit-record-wrapper .edit-record-presence {
  display: none;
}
.user-profile-modal {
  overflow-y: auto;
  padding-bottom: 33px;
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 60px;
  padding-top: 0;
}
ss-card.gu-transit {
  opacity: 1;
  position: relative;
}
ss-card.gu-transit:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-color: var(--line, #ececec);
  border-radius: 5px;
  z-index: 2;
  border-color: transparent;
}
ss-card.gu-mirror {
  opacity: 1;
}
ss-card.gu-mirror .card:before {
  opacity: 1;
}
ss-card.gu-mirror .card:after {
  opacity: 0;
}
ss-card.gu-mirror .card ss-title {
  color: var(--solution-primary-color);
}
ss-ui-card-item.gu-transit ss-card {
  opacity: 1;
  position: relative;
}
ss-ui-card-item.gu-transit ss-card:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-color: var(--line, #ececec);
  border-radius: 5px;
  z-index: 2;
  border-color: transparent;
}
ss-ui-card-item.gu-transit {
  opacity: 1;
}
ss-ui-card-item.gu-transit ss-card .card:hover {
  transform: none;
}
ss-ui-card-item.gu-transit ss-card .card:hover::before {
  opacity: 0;
}
ss-ui-card-item.gu-transit ss-card .card:hover::before::after {
  opacity: 1;
}
ss-ui-card-item.gu-transit ss-card .card::after {
  z-index: 100;
  background-color: var(--G-1, #F3F3F4);
  box-shadow: none;
}
ss-ui-card-item.gu-mirror {
  opacity: 1;
}
ss-ui-card-item.gu-mirror ss-card {
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  border-radius: 5px;
  opacity: 1;
}
ss-ui-card-item.gu-mirror ss-title {
  color: var(--solution-primary-color);
}
input:invalid,
textarea:invalid,
input:-moz-submit-invalid,
textarea:-moz-submit-invalid,
input:-moz-ui-invalid,
textarea:-moz-ui-invalid {
  box-shadow: none;
}
#__filestack-picker {
  z-index: 4000;
  position: relative;
}
.fsp-source-list {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
ss-ui-multi-select,
p-multiselect,
p-dropdown {
  display: block;
  width: 100%;
}
.fsp-modal {
  min-height: 550px;
}
.fas {
  font-family: "Font Awesome 6 Sharp";
}