.cflag{--cf:18px;width:var(--cf);height:var(--cf);vertical-align:middle;isolation:isolate;background:#e9efeb;border-radius:50%;flex:none;transition:transform .3s cubic-bezier(.3,1.5,.5,1),box-shadow .25s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 1px 2px #0428142e}.cflag img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:50%;width:100%;height:100%;display:block}.cflag:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(90% 70% at 30% 18%,#fff6,#fff0 55%),radial-gradient(120% 80% at 50% 125%,#031c0e2e,#031c0e00 60%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #04281426}.cflag:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(110deg,#fff0 28%,#ffffffbf 50%,#fff0 72%);border-radius:50%;position:absolute;inset:0;transform:translate(-135%)}@media (hover:hover){:is(a,button,label,summary,[role=option],[role=button],.cflag-host):hover .cflag{transform:translateY(-1px)scale(1.08)}:is(a,button,label,summary,[role=option],[role=button],.cflag-host):hover .cflag:before{animation:.8s cubic-bezier(.4,0,.2,1) cflag-sweep}}@keyframes cflag-sweep{to{transform:translate(135%)}}:is([aria-selected=true],[aria-checked=true],[aria-current=page],[aria-current=true],[data-on],[data-active=true]) .cflag,:checked~.cflag,.cflag.is-on{box-shadow:0 0 0 1.5px var(--surface,#fff), 0 0 0 3px var(--orange,#ffc72c), 0 2px 8px #ffc72c59}.cflag-pop{animation:.6s cubic-bezier(.2,.9,.25,1.25) backwards cflag-pop;animation-delay:var(--cf-delay,0s)}@keyframes cflag-pop{0%{opacity:0;transform:scale(.45);box-shadow:0 0 #ffc72c99}55%{opacity:1;transform:scale(1.08)}to{box-shadow:0 0 0 calc(var(--cf) * .35) #ffc72c00;transform:scale(1)}}.cflag-all,.cflag-none{color:#fff;background:radial-gradient(120% 120% at 30% 20%,#4fab75,#0b7a35 60%,#074a22);place-items:center;display:inline-grid}.cflag-none{color:#0b7a35;background:radial-gradient(120% 120% at 30% 20%,#f3f6f4,#d8e2dc)}.cflag-all svg,.cflag-none svg{z-index:3;stroke-width:2px;width:62%;height:62%;position:relative}.cname{vertical-align:middle;align-items:center;gap:.5em;min-width:0;max-width:100%;display:inline-flex}.cname-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:root[data-theme=dark] .cflag{background:#264a35;box-shadow:0 1px 3px #0000008c}:root[data-theme=dark] .cflag:after{box-shadow:inset 0 0 0 1px #fff3}@media (prefers-reduced-motion:reduce){.cflag,.cflag:before{transition:none!important;animation:none!important}}
