/* SPDX-License-Identifier: AGPL-3.0-only */
.cc-pin{--p:var(--pin-s, 1);display:flex;align-items:center;justify-content:center;width:calc(30px * var(--p));height:calc(30px * var(--p));flex:none;border-radius:50% 50% 50% 0;background:var(--c);box-shadow:0 3px 8px rgba(16,30,22,.4);border:2px solid var(--paper,#EFE6D4)}
.cc-pin:not(.maplibregl-marker){position:relative}
.cc-pin span{font-size:calc(.85rem * var(--p));line-height:1;font-family:var(--emoji,"Apple Color Emoji","Noto Color Emoji","Segoe UI Emoji","Noto Sans Symbols2",system-ui,sans-serif)}
.cc-pin span.kd{display:flex}
.cc-pin:not(.disc) span.kd svg{width:calc(17px * var(--p));height:calc(17px * var(--p))}
.cc-pin:not(.disc) span:not(.kd) svg{width:calc(15px * var(--p));height:calc(15px * var(--p))}
.cc-kind--glyph{font-family:var(--emoji,"Apple Color Emoji","Noto Color Emoji","Segoe UI Emoji","Noto Sans Symbols2",system-ui,sans-serif);font-style:normal}
.cc-pin .cc-st{position:absolute;width:calc(17px * var(--p));height:calc(17px * var(--p));top:calc(-7px * var(--p));left:calc(-7px * var(--p));border-radius:50%;
  display:flex;align-items:center;justify-content:center;font:700 calc(12px * var(--p))/1 var(--mono,"Spline Sans Mono",monospace);
  box-shadow:0 1px 3px rgba(16,30,22,.5)}
.cc-pin .cc-st svg{width:calc(11px * var(--p));height:calc(11px * var(--p))}
.cc-pin .cc-st.warn{background:#D92D20;color:#fff}
.cc-pin .cc-st.hours{background:#14160E;color:#F3EBD8}
.cc-pin.stale{border-color:var(--trail,#FF5A1F);box-shadow:0 3px 8px rgba(16,30,22,.4),0 0 0 1px rgba(255,90,31,.45)}
.cc-pin.lapsed{border-color:#D92D20;border-width:3px}
.cc-pin.dashed{opacity:.95 !important;border:2.5px dashed #14160E;
  box-shadow:0 0 0 1.5px rgba(255,255,255,.95),0 3px 8px rgba(16,30,22,.4)}
.cc-pin.disc{--u:calc(var(--disc-s, 1.37) * 1px);box-sizing:border-box;width:calc(20.6 * var(--u));height:calc(20.6 * var(--u));border-radius:50%;border:calc(1.6 * var(--u)) solid rgb(var(--mark-ink,20 22 14) / .85);box-shadow:none}
.cc-pin.disc span{font-size:calc(12.5 * var(--u))}
.cc-pin.disc span.kd svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}
.cc-pin.disc span:not(.kd) svg{width:calc(13 * var(--u));height:calc(13 * var(--u))}
.cc-pin.q::after{content:"?";position:absolute;box-sizing:border-box;width:calc(15px * var(--p));height:calc(15px * var(--p));top:calc(-6px * var(--p));right:calc(-6px * var(--p));
  display:flex;align-items:center;justify-content:center;
  background:#14160E;color:#E3A649;border:1.5px solid #F3EBD8;border-radius:50%;font-family:var(--mono,"Spline Sans Mono",monospace);font-size:calc(10px * var(--p));
  font-weight:700;line-height:1;box-shadow:0 1px 3px rgba(16,30,22,.5)}
.cc-pin.disc.q::after{width:calc(13 * var(--u));height:calc(13 * var(--u));top:calc(-7 * var(--u));right:calc(-7 * var(--u));border-width:calc(0.8 * var(--u));font-size:calc(9.4 * var(--u));box-shadow:none}
.cc-q{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:20px;height:20px;border-radius:50%;
  background:#14160E;color:#E3A649;border:1.5px solid #F3EBD8;font-family:var(--mono,"Spline Sans Mono",monospace);font-size:13px;
  font-weight:700;line-height:1;box-shadow:0 1px 3px rgba(16,30,22,.5)}