/* V107: Symmetrical marker selectors, with a fixed-size central preview. */
.sky-page-pathfinder #lifeEditorPanel .life-field {
  font-family:"Jost",sans-serif;
}
.sky-page-pathfinder #lifeEditorPanel .life-marker-fields {
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);
  align-items:end;
  column-gap:8px;
  min-width:0;
}
.sky-page-pathfinder #lifeEditorPanel .life-marker-fields > .life-field {
  min-width:0;
}
.sky-page-pathfinder #lifeEditorPanel .life-marker-fields .life-symbol-picker {
  display:block;
  min-width:0;
}
.sky-page-pathfinder #lifeEditorPanel .life-marker-fields select#lifeEventSymbol,
.sky-page-pathfinder #lifeEditorPanel .life-marker-fields .life-color-open {
  font:500 14px/1.3 "Jost",sans-serif;
  color:#f8efff;
  text-align:left;
}
.sky-page-pathfinder #lifeEditorPanel .life-marker-fields select#lifeEventSymbol {
  width:100%;min-width:0;height:40px;min-height:40px;
  padding:7px 8px 7px 12px;
}
.sky-page-pathfinder #lifeEditorPanel .life-marker-fields .life-color-field {
  padding:0 12px;
  height:40px;
  min-height:40px;
}
.sky-page-pathfinder #lifeEditorPanel .life-marker-fields .life-color-open {
  display:flex;align-items:center;gap:5px;
  min-width:0;width:100%;height:38px;min-height:38px;
}
.sky-page-pathfinder #lifeEditorPanel .life-color-open #lifeColorTriggerLabel {
  flex:1 1 auto;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sky-page-pathfinder #lifeEditorPanel .life-color-open .life-color-trigger-swatch {
  flex:0 0 16px;width:16px;height:16px;
  border-radius:5px;
}
.sky-page-pathfinder #lifeEditorPanel .life-color-open[data-chosen="false"] .life-color-trigger-swatch {
  display:none;
}
.sky-page-pathfinder #lifeEditorPanel .life-color-open .life-color-chevron {
  flex:0 0 7px;width:7px;height:7px;
  margin:0 2px 3px 0;
  border-right:1px solid #e7d6fb;
  border-bottom:1px solid #e7d6fb;
  transform:rotate(45deg);
}
.sky-page-pathfinder #lifeEditorPanel .life-marker-fields > #lifeEventSymbolPreview {
  display:grid;place-items:center;
  align-self:end;
  box-sizing:border-box;
  width:42px;height:40px;
  min-width:42px;min-height:40px;
  font-size:26px;line-height:1;
  border-radius:50%;
  background:transparent;
  text-shadow:none;
  visibility:hidden;
}
.sky-page-pathfinder #lifeEditorPanel .life-marker-fields > #lifeEventSymbolPreview.life-preview-ready {
  visibility:visible;
  background:rgba(255,255,255,.05);
  text-shadow:0 0 12px currentColor;
}
@media(max-width:380px){
 .sky-page-pathfinder #lifeEditorPanel .life-marker-fields {
   grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);
   column-gap:6px;
 }
 .sky-page-pathfinder #lifeEditorPanel .life-marker-fields > #lifeEventSymbolPreview {
   width:38px;min-width:38px;height:40px;font-size:24px;
 }
 .sky-page-pathfinder #lifeEditorPanel .life-marker-fields select#lifeEventSymbol,
 .sky-page-pathfinder #lifeEditorPanel .life-marker-fields .life-color-open {
   font-size:13px;
 }
 .sky-page-pathfinder #lifeEditorPanel .life-marker-fields .life-color-field {
   padding:0 9px;
 }
}