/* Fires.lol V1.0.65 — sélecteur de couleurs personnalisé, façon Guns.lol */
.color-field{position:relative;min-width:0}
.color-field-effect{grid-column:1/-1}
.profile-color{font:inherit;text-align:left;gap:11px}
.profile-color:focus-visible{outline:2px solid #ff922e;outline-offset:2px}
.profile-color[aria-expanded="true"]{outline:1px solid rgba(255,141,47,.32)}
.profile-color i{width:21px;height:21px;flex:0 0 21px}
.profile-color span{flex:1;font-size:14px;font-weight:600;text-transform:lowercase}
.profile-color img{margin-left:auto}
.color-picker-popover{
  position:fixed;z-index:5000;width:276px;padding:14px;border-radius:15px;
  border:1px solid rgba(255,255,255,.08);background:#111111;
  box-shadow:0 20px 55px rgba(0,0,0,.65),0 5px 16px rgba(0,0,0,.4);
  user-select:none;-webkit-user-select:none;
}
.color-picker-popover[hidden]{display:none!important}
.color-picker-sv{
  position:relative;overflow:visible;width:100%;height:150px;border-radius:11px;
  cursor:crosshair;touch-action:none;background:var(--picker-hue,red);
  outline:none;
}
.color-picker-sv-white,.color-picker-sv-black{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.color-picker-sv-white{background:linear-gradient(90deg,#fff,transparent)}
.color-picker-sv-black{background:linear-gradient(0deg,#000,transparent)}
.color-picker-sv-cursor,.color-picker-hue-cursor{position:absolute;z-index:1;pointer-events:none;border:2px solid #fff;box-shadow:0 1px 2px #000,0 0 0 1px rgba(0,0,0,.6)}
.color-picker-sv-cursor{width:17px;height:17px;border-radius:50%;transform:translate(-50%,-50%)}
.color-picker-hue{position:relative;height:15px;margin:12px 7px 0;border-radius:99px;
  background:linear-gradient(to right,#f00 0%,#ff0 16.667%,#0f0 33.333%,#0ff 50%,#00f 66.667%,#f0f 83.333%,#f00 100%);
  cursor:pointer;touch-action:none;outline:none}
.color-picker-hue-cursor{top:50%;width:17px;height:17px;border-radius:50%;transform:translate(-50%,-50%);background:transparent}
.color-picker-sv:focus-visible .color-picker-sv-cursor,.color-picker-hue:focus-visible .color-picker-hue-cursor{outline:2px solid #ff8b20;outline-offset:2px}
@media(max-width:650px){.color-picker-popover{width:min(276px,calc(100vw - 28px))}}


/* V1.0.66 — Écriture manuelle du code #HEX directement dans chaque champ. */
.profile-color{display:flex;align-items:center;gap:8px;padding:0 12px;min-width:0}
.profile-color:focus-within{outline:1px solid rgba(255,141,47,.42)}
.profile-color .color-open,.profile-color .color-eyedropper{
  appearance:none;display:flex;align-items:center;justify-content:center;
  padding:0;border:0;background:transparent;cursor:pointer;color:#ddd;flex-shrink:0;
}
.profile-color .color-open{width:25px;height:32px}
.profile-color .color-eyedropper{width:34px;height:34px;margin-left:auto;border-radius:8px}
.profile-color .color-open i{display:block;width:21px;height:21px;flex:0 0 21px}
.profile-color .color-eyedropper img{width:18px;height:18px;margin:0;filter:brightness(0) invert(.72)}
.profile-color .color-eyedropper:hover,.profile-color .color-open:hover{background:rgba(255,255,255,.06)}
.profile-color .color-open:focus-visible,.profile-color .color-eyedropper:focus-visible{outline:2px solid #ff922e;outline-offset:1px}
.profile-color .color-hex{width:100%;min-width:0;flex:1;outline:none;border:0;background:transparent;color:#f9f9f9;line-height:1.3;font-family:inherit;font-weight:600;font-size:14px;text-transform:lowercase;caret-color:#ff9129;padding:9px 3px}
.profile-color .color-hex::selection{background:rgba(255,133,32,.32)}
.profile-color .color-hex:focus{outline:none}
.profile-color .color-hex[aria-invalid="true"]{color:#ff9585}
@media(max-width:650px){.profile-color .color-eyedropper{min-width:34px}}