/* A separate overlay: the existing domain, price, card and action geometry never changes. */
.name-si-listing-label {
  position: fixed; z-index: 3; box-sizing: border-box; pointer-events: none;
  width: max-content; max-width: calc(100vw - 32px); padding: 7px 13px;
  border: 1px solid transparent; border-radius: 999px; margin: 0;
  font: 650 var(--listing-label-size, 12px)/1.35 var(--listing-label-font, Inter, sans-serif);
  letter-spacing: .035em; text-align: center; overflow-wrap: anywhere;
  color: var(--listing-label-color, #17140a); background: var(--listing-label-bg, #FFD52E);
  box-shadow: 0 3px 15px #00000012; isolation: isolate;
}
.name-si-listing-label{pointer-events:auto;cursor:help;appearance:none;-webkit-appearance:none}
.name-si-listing-label:focus-visible{outline:2px solid #ffd52e;outline-offset:5px}
.name-si-listing-label::before{content:"";position:absolute;inset:-7px 0;min-height:44px;border-radius:inherit}
.name-si-label-stars{display:none;position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.name-si-listing-label[data-effect="stars"] .name-si-label-stars{display:block}
.name-si-label-stars i{position:absolute;width:8px;height:8px;opacity:0;background:#fff3af;clip-path:polygon(50% 0,61% 37%,100% 50%,61% 62%,50% 100%,38% 62%,0 50%,38% 37%);animation:name-si-label-star 6s ease-in-out infinite;transform:translate(-50%,-50%) scale(.4)}
.name-si-label-stars i:nth-child(1){left:18%;top:0;animation-delay:-.8s}
.name-si-label-stars i:nth-child(2){left:78%;top:100%;width:6px;height:6px;animation-delay:-2.4s}
.name-si-label-stars i:nth-child(3){left:100%;top:50%;animation-delay:-4.2s}
.name-si-label-stars i:nth-child(4){left:0;top:50%;width:6px;height:6px;animation-delay:-5.3s}
.name-si-listing-label[data-effect="pulse"]::after{content:"";position:absolute;inset:-1px;pointer-events:none;border:1px solid #f4d67c;border-radius:inherit;animation:name-si-label-pulse 5s ease-out infinite}
.name-si-listing-label[data-effect="shake"]{animation:name-si-label-shake 7s ease-in-out infinite}
.name-si-listing-label[data-motion-paused="true"],.name-si-listing-label[data-motion-paused="true"]::after,.name-si-listing-label[data-motion-paused="true"] i{animation-play-state:paused!important}
@keyframes name-si-label-star{0%,22%,100%{opacity:0;transform:translate(-50%,-50%) scale(.4)}9%{opacity:.95;transform:translate(-50%,-50%) scale(1.15)}}
@keyframes name-si-label-pulse{0%,65%,100%{opacity:0;transform:scale(1)}12%{opacity:.55}40%{opacity:0;transform:scale(1.07,1.3)}}
@keyframes name-si-label-shake{0%,82%,100%{transform:translateX(0) rotate(0)}85%{transform:translateX(-1px) rotate(-.6deg)}88%{transform:translateX(1px) rotate(.6deg)}91%{transform:translateX(-.6px) rotate(-.3deg)}94%{transform:translateX(.6px) rotate(.3deg)}}
@media(prefers-reduced-motion:reduce){.name-si-listing-label,.name-si-listing-label::after,.name-si-label-stars i{animation:none!important}.name-si-label-stars{display:none!important}}
.name-si-listing-label[hidden] { display: none !important; }
.name-si-listing-label[data-look="soft"] { --listing-label-color: #ffe27b; --listing-label-bg: #292415ed; border-color: #ffd52e55; }
.name-si-listing-label[data-look="outline"] { --listing-label-color: #ffe27b; --listing-label-bg: #111318d9; border-color: currentColor; }
.name-si-listing-label[data-look="text"] { --listing-label-color: #ffe27b; --listing-label-bg: transparent; padding: 0 2px; border: 0; border-radius: 0; box-shadow: none; text-shadow: 0 1px 6px #0009; }
.name-si-listing-label[data-case="uppercase"] { text-transform: uppercase; letter-spacing: .12em; }

.name-si-theme-switcher .name-si-label-controls { gap: 10px !important; }
.name-si-theme-switcher .name-si-label-controls .name-si-field { flex: 0 0 auto !important; min-width: 100px !important; }
.name-si-theme-switcher .name-si-label-controls select { width: auto !important; min-width: 132px !important; max-width: none !important; }
.name-si-theme-switcher .name-si-label-note { display: none !important; }
.name-si-all-settings-drawer .name-si-label-note { margin: 0; font-size: 12px; line-height: 1.5; color: #c3c5cc; }
@media(max-width:720px) {
  .name-si-listing-label { font-size: min(var(--listing-label-size,12px),12px); padding: 6px 11px; max-width: calc(100vw - 24px); }
  .name-si-label-controls select { min-height: 44px !important; }
}