/* Selector nativo con su valor completo, también cuando ocupa varias líneas. */
.yk-select {
  position:relative;
  display:block;
  min-width:0;
  border-bottom:1px solid rgba(var(--inkrgb,243,240,232),.3);
  color:var(--ink,#F3F0E8);
  font-family:'Instrument Sans',sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
}
.yk-select-value {
  display:block;
  min-height:49px;
  padding:12px 32px 12px 0;
  white-space:normal;
  overflow-wrap:anywhere;
  pointer-events:none;
}
.yk-select::after {
  content:'';
  position:absolute;
  right:8px;
  top:20px;
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  pointer-events:none;
}
.yk-select select {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
  font:inherit;
  color:var(--ink,#F3F0E8);
  background:var(--bg,#0D0E0D);
  color-scheme:dark;
}
:root[data-theme=light] .yk-select select { color-scheme:light; }
.yk-select:focus-within { border-color:var(--area-accent,var(--gold,#D8AD64)); outline:2px solid var(--area-accent,var(--gold,#D8AD64)); outline-offset:3px; }
.yk-select option { color:var(--ink,#F3F0E8); background:var(--bg,#0D0E0D); }