/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.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:rgba(0,0,0,0);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{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.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}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* App
-------------------------- */
/* Colors
-------------------------- */
/* Borders
-------------------------- */
/* Fonts
-------------------------- */
/* Margins & Paddings
-------------------------- */
/* Box-shadow
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
/* App
-------------------------- */
/* Colors
-------------------------- */
/* Borders
-------------------------- */
/* Fonts
-------------------------- */
/* Margins & Paddings
-------------------------- */
/* Box-shadow
-------------------------- */
/* Transition
-------------------------- */
/* Break-point
-------------------------- */
@keyframes slide-up {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: none;
  }
}
@keyframes slide-up-reverse {
  0% {
    transform: none;
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes slide-right {
  0% {
    transform: none;
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes slide-right-reverse {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: none;
  }
}
@keyframes slide-left {
  0% {
    transform: none;
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slide-left-reverse {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: none;
  }
}
@keyframes slide-down {
  0% {
    transform: none;
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes slide-down-reverse {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: none;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-left {
  animation-name: fade-out, slide-left;
  animation-duration: 0;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

.fade-left-reverse {
  animation-name: fade, slide-left-reverse;
  animation-duration: 0;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

.fade-right {
  animation-name: fade-out, slide-right;
  animation-duration: 0;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

.fade-right-reverse {
  animation-name: fade, slide-right-reverse;
  animation-duration: 0;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

.skeleton {
  background-color: #f6f6f6;
  position: relative;
  overflow: hidden;
}
.skeleton::before {
  position: absolute;
  top: 0;
  content: "";
  width: 64px;
  height: 100%;
  animation: skeleton 5s infinite;
  background: linear-gradient(90deg, #f6f6f6, #fff, #f6f6f6);
}

@keyframes skeleton {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(100vw);
  }
}
@keyframes calendar-next-month {
  0% {
    transform: none;
  }
  40% {
    transform: translateX(-100%);
    opacity: 0;
  }
  60% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(48px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@font-face {
  font-family: cooper-medium;
  src: url('Cooper Medium BT.ttf') format("truetype");
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
em,
img,
strong,
sub,
sup,
b,
i,
dl,
dt,
dd,
ol,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input,
textarea,
select,
article,
aside,
canvas,
details,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
section,
time,
button {
  margin: 0;
  padding: 0;
  border: 0;
  word-break: break-word;
  vertical-align: baseline;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: hsl(0, 2%, 8%);
  text-transform: uppercase;
  font-weight: 300;
  font-family: "Roboto Condensed", sans-serif;
}

h1 {
  font-size: 24px;
}
@media screen and (min-width: 720px) {
  h1 {
    font-size: 32px;
  }
}
@media screen and (min-width: 800px) {
  h1 {
    font-size: 36px;
  }
}

h2 {
  font-size: 18px;
}
@media screen and (min-width: 720px) {
  h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 800px) {
  h2 {
    font-size: 27px;
  }
}

h3 {
  font-size: 14.4px;
}
@media screen and (min-width: 720px) {
  h3 {
    font-size: 19.2px;
  }
}
@media screen and (min-width: 800px) {
  h3 {
    font-size: 21.6px;
  }
}

body,
html {
  height: 100%;
  margin: 0;
  color: hsl(0, 2%, 8%);
  display: block;
  background-color: #fff;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  letter-spacing: 0;
  font-weight: 100;
  font-size: 12px;
}
@media screen and (min-width: 720px) {
  body,
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 800px) {
  body,
  html {
    font-size: 18px;
  }
}

hr {
  border-top: solid 2px #e0e2d8;
  padding: 0 8px;
}
hr.grow {
  flex-grow: 1;
  width: 100%;
}

textarea {
  border: rgba(0, 0, 0, 0.16) solid 1px;
  width: 100%;
  height: 160px;
  font-size: 16px;
  outline: none;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 8px;
  margin-bottom: 8px;
  resize: none;
}

strong {
  color: hsl(0, 2%, 8%);
  font-weight: 500;
}

.color-primary {
  background-color: hsl(273, 34%, 53%);
  color: white;
}
.color-primary:not(.no-border) {
  border: 2px solid hsl(273, 34%, 53%);
}
.color-primary.outline {
  background-color: transparent;
  color: hsl(273, 34%, 53%);
}
.color-primary.outline.no-border {
  border: none;
}
.color-primary.outline.pointer:hover {
  background-color: hsl(273, 33%, 88%);
}

.color-inactive {
  background-color: #e0e2d8;
  color: white;
}
.color-inactive.outline {
  background-color: transparent;
  border: 1px solid #e0e2d8;
  color: #e0e2d8;
}

.color-danger {
  color: #e28873;
}

.color-white {
  color: #fff;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.rotated-180 {
  transform: rotate(180deg);
}

.margin-top {
  margin-top: 20px;
}
.margin-top-xl {
  margin-top: 40px;
}
.margin-top-sm {
  margin-top: 10px;
}
@media screen and (max-width: 999.999px) {
  .margin-top-mobile {
    margin-top: 20px;
  }
}

.margin-bottom {
  margin-bottom: 20px;
}
@media screen and (max-width: 999.999px) {
  .margin-bottom-mobile {
    margin-bottom: 20px;
  }
}
.margin-bottom-xl {
  margin-bottom: 40px !important;
}

.margin-right {
  margin-right: 20px;
}

.margin-left {
  margin-left: 20px !important;
}

.base-padding {
  padding: 10px;
}

.base-margin {
  margin: 10px;
}

.padding-left-xl {
  padding-left: 40px;
}

.padding-right-xl {
  padding-right: 40px;
}

.tiny-margin-top {
  margin-top: 10px;
}

.tiny-margin-bottom {
  margin-bottom: 10px;
}

.tiny-margin-right {
  margin-right: 10px;
}

.tiny-margin-left {
  margin-left: 10px;
}

.space-between {
  justify-content: space-between;
}

.box-shadow {
  box-shadow: 0 6px 32px 0 #d0c3d9;
}

.pointer {
  cursor: pointer;
}
@media screen and (min-width: 800px) {
  .pointer.mobile {
    cursor: initial;
  }
}

.row {
  display: flex !important;
  flex-direction: row;
}
.row.gap {
  gap: 16px;
}

.mobile-column {
  display: flex !important;
  flex-direction: row;
}
.mobile-column.gap {
  gap: 16px;
}
.mobile-column-reverse {
  display: flex !important;
  flex-direction: row-reverse;
}
.mobile-column-reverse.gap {
  gap: 16px;
}
@media screen and (max-width: 999.999px) {
  .mobile-column-reverse {
    flex-direction: column;
  }
}
@media screen and (max-width: 999.999px) {
  .mobile-column {
    flex-direction: column;
  }
}

.mobile-row {
  display: flex !important;
  flex-direction: column;
}
.mobile-row.tiny-gap {
  gap: 8px;
}
.mobile-row.gap {
  gap: 16px;
}
@media screen and (max-width: 999.999px) {
  .mobile-row {
    flex-direction: row;
  }
  .mobile-row.center {
    justify-content: center;
  }
}

.column {
  display: flex !important;
  flex-direction: column;
}
.column.gap {
  gap: 16px;
}

.grow {
  display: flex;
  flex-grow: 1;
}
.grow-mobile {
  display: flex;
  flex-grow: 1;
}
@media screen and (min-width: 1000px) {
  .grow-mobile {
    flex-grow: initial;
  }
}
.grow-desktop {
  display: flex;
  flex-grow: 1;
}
@media screen and (max-width: 999.999px) {
  .grow-desktop {
    flex-grow: initial;
  }
}

.shrink {
  display: flex;
  flex-shrink: 1;
}

.center-children {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 999.999px) {
  .center-children-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.center-children-horizontally {
  display: flex;
  justify-content: center;
}
.center-children-vertically {
  display: flex;
  align-items: center;
}

.wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.wrap.gap {
  gap: 32px;
}
.wrap.row-gap {
  row-gap: 32px;
}
.wrap.column-gap {
  column-gap: 32px;
}
.wrap.start {
  justify-content: start;
}

.text-right {
  text-align: right;
}

.center-by-relative-parent {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.center-vertically-by-relative-parent {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.center-horizontally-by-margin {
  min-width: 32px;
  margin: auto;
}

.center-vertically-by-margin {
  margin: auto 0;
}

a {
  text-decoration: underline;
  color: hsl(0, 2%, 8%);
  cursor: pointer;
  font-size: 16px;
}
a:hover {
  color: hsl(0, 2%, 8%);
}
a.tiny-button {
  border-radius: 16px;
  padding: 8px;
  border: solid 2px hsl(273, 34%, 53%);
  background-color: hsl(273, 34%, 53%);
  color: #fff;
}
a.tiny-button:hover {
  border: solid 2px hsl(0, 2%, 8%);
  background-color: hsl(0, 2%, 8%);
}
a.tiny-button.outline {
  border: solid 2px hsl(273, 34%, 53%);
  background-color: transparent;
  color: hsl(273, 34%, 53%);
}
a.tiny-button.outline:hover {
  background-color: hsl(273, 33%, 88%);
  border-color: hsl(0, 2%, 8%);
  color: hsl(0, 2%, 8%);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 32px white inset !important;
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;
          user-select: none;
}

.mask {
  top: 0;
  left: 0;
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1000;
}

@supports (height: 100dvh) {
  .mask {
    height: 100dvh;
  }
}
.full-screen {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100vw;
  min-height: 100vh;
  height: 100vh;
}
.full-screen.mask {
  background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
  @supports (height: 100dvh) {
    .full-screen {
      min-height: 100dvh;
      height: 100dvh;
    }
  }
}
.full-width {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}
.full-width.base-padding {
  min-width: calc(100% - 20px);
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
}

.half-width {
  width: 49%;
}
.half-width-mobile {
  width: 49%;
}
@media screen and (min-width: 1000px) {
  .half-width-mobile {
    width: initial;
  }
}
.half-width-desktop {
  width: 49%;
}
@media screen and (max-width: 999.999px) {
  .half-width-desktop {
    width: initial;
  }
}

.full-height {
  height: 100dvh;
  max-height: 100dvh;
}
@media screen and (max-width: 999.999px) {
  .full-height {
    height: 80dvh;
  }
}

.object-cover {
  object-fit: cover;
}

.hidden {
  display: none;
}

.not-visible {
  visibility: hidden;
}

@media screen and (max-width: 999.999px) {
  .mobile-hidden {
    display: none !important;
  }
}

@media screen and (min-width: 1000px) {
  .desktop-hidden {
    display: none !important;
  }
}

.card {
  padding: 20px;
  background: #fff;
  border-radius: 8px;
}
.card.border-left {
  border-radius: 32px 0 32px;
}
.card.border-right {
  border-radius: 0 32px 32px 0;
}
.card hr {
  padding: -20px 0;
}

::selection {
  background: hsl(273, 34%, 53%);
  color: white;
}

.dialog-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: auto;
}

.dialog-panel {
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 32px;
  max-height: 100dvh;
  overflow-y: auto;
  position: absolute !important;
}
@media screen and (max-width: 799.999px) {
  .dialog-panel {
    max-height: calc(100dvh - 64px);
  }
}
@media screen and (min-width: 800px) {
  .dialog-panel:not(.pop-in) {
    right: 0;
    height: 100dvh;
    border-bottom-left-radius: 32px;
    border-top-left-radius: 32px;
  }
  .dialog-panel:not(.pop-in):not(.closing) {
    animation: slide-right-reverse 0.5s ease-in-out forwards;
  }
  .dialog-panel:not(.pop-in).closing {
    animation: slide-right 0.5s ease-in-out forwards;
  }
}
@media screen and (max-width: 799.999px) {
  .dialog-panel:not(.pop-in) {
    bottom: 0;
    width: 100vw;
    border-top-right-radius: 32px;
    border-top-left-radius: 32px;
    animation: slide-up 0.5s ease-in-out forwards;
  }
  .dialog-panel:not(.pop-in):not(.closing) {
    animation: slide-up 0.5s ease-in-out forwards;
  }
  .dialog-panel:not(.pop-in).closing {
    animation: slide-up-reverse 0.5s ease-in-out forwards;
  }
}
.dialog-panel.pop-in {
  border-radius: 8px;
  animation: fade ease-in-out 0.5s forwards;
}

.overlay-panel {
  min-width: -webkit-max-content;
  min-width: max-content;
}

.dropdown-content {
  min-width: calc(100% - 16px);
  width: calc(100% - 16px);
  max-width: 100vw;
  padding: 8px;
  background-color: #fff;
  box-shadow: 0 6px 32px 0 #d0c3d9;
  border: solid 1px #e0e2d8;
}
.dropdown-content .dropdown-item {
  padding: 8px 16px;
  background-color: #fff;
  border: none;
  cursor: pointer;
  outline: none;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.dropdown-content .dropdown-item:hover {
  background-color: hsl(273, 33%, 88%);
}

.fading-section-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fading-section-list > * {
  opacity: 0;
  animation: ease-out fade-up 0.5s forwards;
}
.fading-section-list > *:nth-of-type(1) {
  animation-delay: calc(1 * 0.5s);
}
.fading-section-list > *:nth-of-type(2) {
  animation-delay: calc(2 * 0.5s);
}
.fading-section-list > *:nth-of-type(3) {
  animation-delay: calc(3 * 0.5s);
}
.fading-section-list > *:nth-of-type(4) {
  animation-delay: calc(4 * 0.5s);
}
.fading-section-list > *:nth-of-type(5) {
  animation-delay: calc(5 * 0.5s);
}
.fading-section-list > *:nth-of-type(6) {
  animation-delay: calc(6 * 0.5s);
}
.fading-section-list > *:nth-of-type(7) {
  animation-delay: calc(7 * 0.5s);
}
.fading-section-list > *:nth-of-type(8) {
  animation-delay: calc(8 * 0.5s);
}
.fading-section-list > *:nth-of-type(9) {
  animation-delay: calc(9 * 0.5s);
}
.fading-section-list > *:nth-of-type(10) {
  animation-delay: calc(10 * 0.5s);
}

.tag {
  font-size: 12px;
  padding: 8px;
  width: -webkit-max-content;
  width: max-content;
  min-height: 16px;
  background-color: #fff;
  border: 1px hsl(0, 2%, 8%) solid;
  border-radius: 16px;
  cursor: pointer;
}
.tag.selected {
  background-color: hsl(273, 33%, 88%);
  border: 1px hsl(273, 33%, 88%) solid;
}
.tag.primary {
  background-color: hsl(273, 34%, 53%);
  border: 1px hsl(273, 34%, 53%) solid;
  color: #fff;
}
.tag.disabled {
  background-color: #f6f6f6;
  border: 1px #f6f6f6 solid;
}
.tag.hidden-tag {
  opacity: 0;
  cursor: default;
}

.input-with-unit {
  display: flex;
  gap: 16px;
}
.input-with-unit .value-input {
  width: calc(90% - 176px);
}
.input-with-unit .unit {
  width: 160px;
  height: auto;
}
.input-with-unit .unit:not(app-input) {
  margin-top: 16px;
}

.bubble {
  display: flex;
  gap: 6px;
  padding: 8px 16px;
  background-color: white;
  border: 1px solid #e0e2d8;
  border-radius: 8px;
  font-size: 16px;
  color: hsl(0, 2%, 8%);
  max-width: -webkit-max-content;
  max-width: max-content;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: -webkit-max-content;
  height: max-content;
}

.sized-wrapper {
  padding-left: calc((100% - 950px) / 2);
  padding-right: calc((100% - 950px) / 2);
  overflow-y: auto;
  display: flex;
  max-height: 100dvh;
  max-width: 100vw;
  overflow-x: hidden;
}
.sized-wrapper .wrapper {
  width: 100%;
  height: -webkit-max-content;
  height: max-content;
  max-height: -webkit-max-content;
  max-height: max-content;
  box-sizing: border-box;
  padding: 20px 24px;
}
@media screen and (max-width: 999.999px) {
  .sized-wrapper .wrapper {
    padding: 15px;
  }
}
@media screen and (max-width: 999.999px) {
  .sized-wrapper {
    max-height: calc(100dvh - 50px);
    height: calc(100dvh - 50px);
    min-height: calc(100dvh - 50px);
    padding-bottom: 80px;
    padding-left: 0;
    padding-right: 0;
  }
}

.padding-wrapper {
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 40px;
}
@media screen and (max-width: 999.999px) {
  .padding-wrapper {
    padding: 15px;
  }
}
.padding-wrapper-left {
  padding: 0 40px;
}
@media screen and (max-width: 999.999px) {
  .padding-wrapper-left {
    padding: 0 15px;
  }
}

.talker-padding-wrapper {
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 40px;
}
@media screen and (max-width: 999.999px) {
  .talker-padding-wrapper {
    padding: 15px;
  }
}
.talker-padding-wrapper-left {
  padding: 0 40px;
}
@media screen and (max-width: 999.999px) {
  .talker-padding-wrapper-left {
    padding: 0 15px;
  }
}

@media screen and (min-width: 1000px) {
  .org-in-padding-wrapper-full-width {
    margin-left: 32px;
    width: calc(100vw - 200px - 32px);
  }
}
@media screen and (max-width: 999.999px) {
  .org-in-padding-wrapper-full-width {
    margin-left: 32px;
    width: calc(100vw - 30px);
  }
}

@media screen and (min-width: 1000px) {
  .in-padding-wrapper-full-width {
    margin-left: -40px;
    width: calc(100vw - 200px - 32px);
  }
}
@media screen and (max-width: 999.999px) {
  .in-padding-wrapper-full-width {
    margin-left: -15px;
    width: calc(100vw - 30px);
  }
}

.text-center {
  text-align: center;
  vertical-align: center;
}

.text-medium {
  font-size: 18px;
}

.text-large {
  font-size: 24px;
}

.text-small {
  font-size: 12px !important;
}

.text-xl {
  font-size: 36px !important;
}

.text-primary {
  color: #a37fc0;
}

.text-primary-120 {
  color: #704c8d;
}

.text-secondary {
  color: #cc6f04;
}

.text-secondary-100 {
  color: #ff8b05;
}

.text-black {
  color: hsl(0, 2%, 8%);
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.info-tile {
  background-color: #f6f6f6;
  border-radius: 8px;
}
.info-tile > * {
  padding: 16px;
}

.overflow-hidden {
  overflow: hidden;
}

.cooper {
  font-family: cooper-medium, sans-serif;
  text-transform: initial !important;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul li {
  color: hsl(0, 2%, 8%);
  display: flex;
  align-items: center;
  line-height: 20px;
  padding-bottom: 8px;
}
ul li span {
  line-height: 24px;
}
ul li::before {
  content: "•"; /* \2022 is the CSS Code/unicode for a bullet */
  font-weight: bold;
  display: inline-block;
  font-size: 30px;
  margin-right: 20px;
}
ul.better-life li::before {
  color: #f8e323;
}
ul.professional-life li::before {
  color: #e37055;
}
ul.personal-life li::before {
  color: #2d7dc8;
}
ul.self-reflection li::before {
  color: #2cbbb6;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.organization-icon {
  font-size: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50px;
  background-color: #2cbbb6;
  color: #fff;
}
@media screen and (max-width: 999.999px) {
  .organization-icon {
    width: 24px;
    height: 24px;
    font-size: 8px;
  }
}

.resume-wrapper {
  box-shadow: 1px 3px 6px rgba(39, 18, 55, 0.3);
}

.resume {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
}
.resume .tile {
  width: 200px;
  height: 150px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  overflow: hidden;
  margin: auto;
}
.resume .tile-bubble {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  width: -webkit-max-content;
  width: max-content;
  align-items: center;
  padding: 16px;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  background-color: #fff;
  top: 10px;
  padding: 12px;
  transform: translateY(-40px);
  z-index: 1000;
}

.text-bottom {
  align-items: end;
}

.text-bold {
  font-weight: 500;
}

.organizations-list {
  border-top: solid 1px #e0e2d8;
}

.organization-item {
  border-bottom: solid 1px #e0e2d8;
  padding: 10px 0;
}

.flex-0 {
  flex: 1 1 0px;
}

.flex-10 {
  flex: 1 1 10px;
}

.flex-20 {
  flex: 1 1 20px;
}

.flex-30 {
  flex: 1 1 30px;
}

.flex-40 {
  flex: 1 1 40px;
}

.flex-50 {
  flex: 1 1 50px;
}

.flex-60 {
  flex: 1 1 60px;
}

.flex-70 {
  flex: 1 1 70px;
}

.flex-80 {
  flex: 1 1 80px;
}

.flex-90 {
  flex: 1 1 90px;
}

.flex-100 {
  flex: 1 1 100px;
}

.flex-110 {
  flex: 1 1 110px;
}

.flex-120 {
  flex: 1 1 120px;
}

.flex-130 {
  flex: 1 1 130px;
}

.flex-140 {
  flex: 1 1 140px;
}

.flex-150 {
  flex: 1 1 150px;
}

.flex-160 {
  flex: 1 1 160px;
}

.flex-170 {
  flex: 1 1 170px;
}

.flex-180 {
  flex: 1 1 180px;
}

.flex-190 {
  flex: 1 1 190px;
}

.flex-200 {
  flex: 1 1 200px;
}

.flex-210 {
  flex: 1 1 210px;
}

.flex-220 {
  flex: 1 1 220px;
}

.flex-230 {
  flex: 1 1 230px;
}

.flex-240 {
  flex: 1 1 240px;
}

.flex-250 {
  flex: 1 1 250px;
}

.flex-260 {
  flex: 1 1 260px;
}

.flex-270 {
  flex: 1 1 270px;
}

.flex-280 {
  flex: 1 1 280px;
}

.flex-290 {
  flex: 1 1 290px;
}

.flex-300 {
  flex: 1 1 300px;
}

.flex-310 {
  flex: 1 1 310px;
}

.flex-320 {
  flex: 1 1 320px;
}

.flex-330 {
  flex: 1 1 330px;
}

.flex-340 {
  flex: 1 1 340px;
}

.flex-350 {
  flex: 1 1 350px;
}

.flex-360 {
  flex: 1 1 360px;
}

.flex-370 {
  flex: 1 1 370px;
}

.flex-380 {
  flex: 1 1 380px;
}

.flex-390 {
  flex: 1 1 390px;
}

.flex-400 {
  flex: 1 1 400px;
}

.width-0 {
  width: 0px;
}

.width-50 {
  width: 50px;
}

.width-100 {
  width: 100px;
}

.width-150 {
  width: 150px;
}

.width-200 {
  width: 200px;
}

.width-250 {
  width: 250px;
}

.width-300 {
  width: 300px;
}

.width-350 {
  width: 350px;
}

.width-400 {
  width: 400px;
}

.width-450 {
  width: 450px;
}

.width-500 {
  width: 500px;
}

.width-550 {
  width: 550px;
}

.width-600 {
  width: 600px;
}

.width-650 {
  width: 650px;
}

.width-700 {
  width: 700px;
}

.width-750 {
  width: 750px;
}

.width-800 {
  width: 800px;
}

.width-850 {
  width: 850px;
}

.width-900 {
  width: 900px;
}

.width-950 {
  width: 950px;
}

.width-1000 {
  width: 1000px;
}

.bottom {
  margin-top: auto;
}

.right {
  margin-left: auto;
}

.rounded-icon {
  width: 24px;
  height: 24px;
  border: solid 2px hsl(0, 2%, 8%);
  border-radius: 24px;
  color: hsl(0, 2%, 8%);
  float: right;
  padding: 4px;
  margin-left: auto;
  justify-content: center;
  align-items: center;
}

.home-wrapper {
  padding: 16px;
  background-color: #f6f6f6;
}

.notification-resume-wrapper {
  padding: 16px 30px 16px 16px;
  background-color: #f6f6f6;
}
@media screen and (min-width: 1000px) {
  .notification-resume-wrapper {
    margin-left: -40px;
    width: calc(100vw - 200px - 46px);
    min-width: calc(100vw - 200px - 46px);
  }
}
@media screen and (max-width: 999.999px) {
  .notification-resume-wrapper {
    margin-left: -15px;
    width: calc(100vw - 30px);
  }
}

.success {
  color: #98cd6c;
}

.white {
  color: #fff;
}

.warning {
  color: #f2e14d;
}

.danger {
  color: #e28873;
}

.admin-page-title {
  margin: 0;
  font-size: 1.75rem;
  font-weight: normal;
}

.admin-page-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.admin-page-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
}

/*# sourceMappingURL=styles.css.map*/