:root {
  /* TOGGLE SWITCH VARIABLES */
  --p-toggleswitch-handle-checked-background: #ffffff;
  --p-toggleswitch-handle-checked-hover-background: #ffffff;

  /* CHECKBOX COMPONENT VARIABLES */
  --p-checkbox-disabled-background: var(--ym-input-disabled-background-color);
}

/* DISABLED STATE STYLES */
.p-disabled {
  cursor: not-allowed;
  pointer-events: auto;
}

/* SELECT COMPONENT STYLES */
.p-select {
  background-color: var(--ym-input-background-color);
  box-shadow: var(--ym-input-box-shadow);
  border-radius: var(--ym-input-border-radius);
  color: var(--ym-input-text-color);
  padding: 0;
  border: none;
  transition: all;
  transition-duration: 200ms;
}

.p-select.p-disabled {
  background-color: var(--ym-input-disabled-background-color);
}

.p-select:focus {
  outline: none !important;
  box-shadow: var(--ym-card-box-shadow) !important;
}

.p-select.p-focus {
  outline: none !important;
  box-shadow: var(--ym-input-box-shadow) !important;
}

.p-select-label {
  font-size: var(--ym-input-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: var(--ym-input-padding-y) var(--ym-input-padding-x);
}

.p-select-overlay {
  margin-top: 10px !important;
  background: var(--ym-card-background-color);
  backdrop-filter: blur(var(--ym-card-backdrop-blur));
  border: none;
  box-shadow: -1px -1px 3px 0 rgba(255, 255, 255, 0.25), 1px 1px 3px 0 rgba(255, 110, 0, 0.25);
  border-radius: 16px;
  max-width: 100%;
}

.p-select-option {
  border-radius: 16px;
}

.p-select-option-label {
  font-size: var(--ym-input-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* MULTI SELECT COMPONENT STYLES */
.p-multiselect {
  background-color: var(--ym-input-background-color);
  box-shadow: var(--ym-input-box-shadow);
  border-radius: var(--ym-input-border-radius);
  color: var(--ym-input-text-color);
  padding: 0;
  border: none;
  transition: all;
  transition-duration: 200ms;
}

.p-multiselect.p-disabled {
  background-color: var(--ym-input-disabled-background-color);
}

.p-multiselect:focus {
  outline: none !important;
  box-shadow: var(--ym-card-box-shadow) !important;
}

.p-multiselect.p-focus {
  outline: none !important;
  box-shadow: var(--ym-input-box-shadow) !important;
}

.p-multiselect-label {
  font-size: var(--ym-input-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: var(--ym-input-padding-y) var(--ym-input-padding-x);
}

.p-multiselect-overlay {
  margin-top: 10px !important;
  background: var(--ym-card-background-color);
  backdrop-filter: blur(var(--ym-card-backdrop-blur));
  border: none;
  box-shadow: -1px -1px 3px 0 rgba(255, 255, 255, 0.25), 1px 1px 3px 0 rgba(255, 110, 0, 0.25);
  border-radius: 16px;
  max-width: 100%;
}

.p-multiselect-option {
  border-radius: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  /*display: -webkit-box !important; TODO?*/
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.p-multiselect-option-label {
  font-size: var(--ym-input-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* TREE SELECT COMPONENT STYLES */
.p-treeselect {
  background-color: var(--ym-input-background-color);
  box-shadow: var(--ym-input-box-shadow);
  border-radius: var(--ym-input-border-radius);
  color: var(--ym-input-text-color);
  padding: 0;
  border: none;
  transition: all;
  transition-duration: 200ms;
}

.p-treeselect.p-disabled {
  background-color: var(--ym-input-disabled-background-color);
}

.p-treeselect:focus {
  outline: none !important;
  box-shadow: var(--ym-card-box-shadow) !important;
}

.p-treeselect.p-focus {
  outline: none !important;
  box-shadow: var(--ym-input-box-shadow) !important;
}

.p-treeselect-label {
  padding: var(--ym-input-padding-y) var(--ym-input-padding-x);
  font-size: var(--ym-input-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.p-treeselect-overlay {
  margin-top: 10px !important;
  background: var(--ym-card-background-color);
  backdrop-filter: blur(var(--ym-card-backdrop-blur));
  border: none;
  box-shadow: -1px -1px 3px 0 rgba(255, 255, 255, 0.25), 1px 1px 3px 0 rgba(255, 110, 0, 0.25);
  border-radius: 16px;
}

.p-tree-filter {
  padding: 0;
  margin: 8px 16px 4px;
}

.p-tree {
  background-color: transparent !important;
}

.p-tree-node-content {
  border-radius: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.p-tree-node-label {
  font-size: var(--ym-input-font-size);
}

/* DATE PICKER COMPONENT STYLES */
.p-datepicker-input {
  box-shadow: var(--ym-input-box-shadow);
  border: none;
  border-radius: 64px;
  font-size: var(--ym-input-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.p-datepicker-panel {
  margin-top: 10px !important;
  background: var(--ym-card-background-color);
  backdrop-filter: blur(var(--ym-card-backdrop-blur));
  border-radius: 16px;
  box-shadow: -1px -1px 3px 0 rgba(255, 255, 255, 0.25), 1px 1px 3px 0 rgba(255, 110, 0, 0.25);
}

.p-datepicker-header {
  background: transparent;
}

/* INPUTTEXT COMPONENT STYLES */
.p-inputtext {
  background-color: var(--ym-input-background-color);
  box-shadow: var(--ym-input-box-shadow);
  border-radius: var(--ym-input-border-radius);
  color: var(--ym-input-text-color);
  padding: var(--ym-input-padding-y) var(--ym-input-padding-x);
  border: none;
  font-size: var(--ym-input-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all;
  transition-duration: 200ms;
}

.p-inputtext:disabled {
  background-color: var(--ym-input-disabled-background-color);
  cursor: not-allowed;
  pointer-events: auto;
}

.p-inputtext:focus {
  outline: none !important;
  box-shadow: var(--ym-input-box-shadow) !important;
}

/* DIALOG COMPONENT STYLES */
.p-dialog {
  background-color: var(--ym-card-background-color);
  backdrop-filter: blur(var(--ym-card-backdrop-blur));
  box-shadow: var(--ym-card-box-shadow) !important;
  border-radius: var(--ym-card-border-radius) !important;
  margin: 0 16px;
  max-width: 768px;
}

/* CONFIRM POPUP COMPONENT STYLES */
.p-confirmpopup {
  background-color: var(--ym-card-background-color);
  backdrop-filter: blur(var(--ym-card-backdrop-blur));
  box-shadow: var(--ym-card-box-shadow) !important;
  border-radius: var(--ym-card-border-radius) !important;
}

.p-confirmpopup::before {
  border-bottom-color: rgb(255, 255, 255, 0.1);
}

.p-confirmpopup::after {
  border-bottom-color: var(--ym-card-background-color);
}

.p-confirmdialog-message {
  line-height: 1.5;
}

/* CHECKBOX COMPONENT STYLES */
.p-checkbox-box {
  background-color: var(--ym-input-background-color);
}

/* RADIO BUTTON COMPONENT STYLES */
.p-radiobutton-box {
  background-color: var(--ym-input-background-color);
}

/* TOOLTIP COMPONENT STYLES */
.p-tooltip {
  max-width: 420px;
}

.p-tooltip-text {
  background: #1b1b1b;
  box-shadow: var(--ym-card-box-shadow);
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  padding: 16px;
  line-height: 1.5;
}

/* POPOVER COMPONENT STYLES */
.p-popover {
  border: none;
  background-color: var(--ym-card-background-color);
  backdrop-filter: blur(var(--ym-card-backdrop-blur));
  box-shadow: var(--ym-card-box-shadow) !important;
  border-radius: var(--ym-card-border-radius) !important;
  overflow: hidden;
  padding: 0;
  margin: 8px 16px 0 16px;
}

.p-popover::before, .p-popover::after {
  border: none;
}

.p-popover-content {
  overflow: hidden;
  padding: 0;
}

/* AUTOCOMPLETE COMPONENT STYLES */
.p-autocomplete-overlay {
  background-color: var(--ym-card-background-color);
  backdrop-filter: blur(var(--ym-card-backdrop-blur));
  box-shadow: var(--ym-card-box-shadow) !important;
  border-radius: var(--ym-card-border-radius) !important;
  overflow: hidden;
}

.p-autocomplete-list {
  padding: 0 !important;
}

/* SKELETON COMPONENT STYLES */
.p-skeleton {
  max-width: 100%;
}