@property --divider-effect-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --divider-effect-opacity{syntax:"<number>";inherits:false;initial-value:.25}@property --divider-effect-size{syntax:"<length>";inherits:false;initial-value:1px}@property --divider-effect-length{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --glass-effect-blur{syntax:"<length>";inherits:false;initial-value:1em}@property --glass-effect-light-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-light-power{syntax:"<number>";inherits:false;initial-value:.4}@property --glass-effect-light-rotation{syntax:"<angle>";inherits:false;initial-value:210deg}@property --glass-effect-dark-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-dark-power{syntax:"<number>";inherits:false;initial-value:0}.badgeListWrapper{color:var(--text);align-items:center;display:flex}.badgeListRow{align-items:center;gap:var(--spacing-xs);display:flex}.badgeItem{width:var(--badgeSize);height:var(--badgeSize);flex:0 0 var(--badgeSize);cursor:pointer;transition:transform .2s var(--springEase);justify-content:center;align-items:center;display:flex;position:relative}.badgeItem .badgeItemMedia{width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative}.badgeItem .badgeItemSkeleton{border-radius:var(--radius-xs);width:100%;min-width:0;max-width:none;height:100%;position:absolute;inset:0}.badgeItem .badgeItemImg{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .18s}.badgeItem .badgeItemImg.loaded{opacity:1}.badgeItem.badgeItemPlaceholder{cursor:default;pointer-events:none}.badgeItem.badgeItemPlaceholder:hover{transform:none}.badgeItem:hover{transform:translateY(-2px)scale(1.05)}.badgeItem.badgeItemSelectable{appearance:none;box-shadow:none;transition:transform .2s var(--springEase);background:0 0;border:none;border-radius:0;outline:none;padding:0}.badgeItem.badgeItemSelectable:focus,.badgeItem.badgeItemSelectable:focus-visible,.badgeItem.badgeItemSelectable:active{box-shadow:none;outline:none}.badgeItem.badgeItemSelectable.badgeItemSelected .badgeItemImg.loaded{opacity:1}.badgeItem.badgeItemSelectable.badgeItemDisabled{cursor:not-allowed}.badgeItem.badgeItemSelectable.badgeItemDisabled .badgeItemImg.loaded{opacity:.3}.badgeItem .badgeItemCheck{background:var(--primary);width:1em;height:1em;color:contrast-color(var(--primary));--strokeWidth:2.5;pointer-events:none;z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-.25em;left:-.25em}.badgeItem .badgeItemFog{border-radius:var(--radius-xs);background:color-mix(in srgb,var(--background)55%,transparent);pointer-events:none;z-index:1;position:absolute;inset:0}.moreBadgesTrigger{--strokeWidth:1.5;border-radius:.4em}.moreBadgesTrigger:hover{background:var(--surface)}.badgesPopoverContainer{gap:var(--spacing-sm);direction:rtl;flex-direction:column;width:fit-content;min-width:13em;min-height:0;max-height:min(22em,60dvh);display:flex}.badgesPopoverContainer .badgesPopoverHeader{padding-bottom:var(--spacing-xs);flex:none;justify-content:space-between;align-items:center;display:flex}.badgesPopoverContainer .badgesPopoverHeader:after{--divider-effect-color:var(--text);--divider-effect-opacity:.1;--divider-effect-size:1px;--divider-effect-length:calc(100% - 1px);content:"";opacity:var(--divider-effect-opacity);will-change:opacity,transform,width,height,background;width:var(--divider-effect-length);height:var(--divider-effect-size);background:linear-gradient(90deg,transparent 0%,var(--divider-effect-color)19.71%,var(--divider-effect-color)79.59%,transparent 100%);transition:--divider-effect-color .24s,--divider-effect-opacity .24s,--divider-effect-size .24s,--divider-effect-length .24s,opacity .24s,transform .24s,width .24s,height .24s,background .24s,background-image .24s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.badgesPopoverContainer .badgesPopoverHeader{gap:var(--spacing-sm);min-height:2em}.badgesPopoverContainer .badgesPopoverHeader .badgesPopoverHeaderTitle{flex:1;overflow:hidden}.badgesPopoverContainer .badgesPopoverHeader .badgesPopoverHeaderTitle .title{color:var(--text);font-size:var(--font-md);font-family:var(--fontFa);white-space:nowrap;font-weight:300;display:block}.badgesPopoverContainer .badgesPopoverHeader .badgesPopoverHeaderRight{justify-content:flex-end;align-items:center;min-width:0;display:flex;overflow:visible}.badgesPopoverContainer .badgesPopoverHeader .badgesPopoverHeaderRight .count{color:var(--text);opacity:.6;font-weight:200;font-size:var(--font-sm);font-family:var(--fontFa);white-space:nowrap;display:block}.badgesPopoverContainer .badgesSelectedPills{align-items:center;gap:.3em;display:flex}.badgesPopoverContainer .badgesSelectedPills .badgesSelectedPill{border-radius:var(--radius-xs);border:1px dashed color-mix(in srgb,var(--text)20%,transparent);justify-content:center;align-items:center;width:1.5em;height:1.5em;transition:border-color .18s;display:flex;overflow:hidden}.badgesPopoverContainer .badgesSelectedPills .badgesSelectedPill.filled{border-color:var(--primary);border-style:solid}.badgesPopoverContainer .badgesSelectedPills .badgesSelectedPill.filled img,.badgesPopoverContainer .badgesSelectedPills .badgesSelectedPill.filled .badgesSelectedPillImg{object-fit:contain;width:100%;height:100%}.badgesPopoverContainer .badgesPopoverBody{flex:auto;min-height:0;overflow:hidden}.badgesPopoverContainer .badgesPopoverBodyInner{grid-template-rows:auto;grid-template-columns:1fr;align-content:start;padding:.3em;display:grid}.badgesPopoverContainer .badgesPopoverBodyInner>*{grid-area:1/1}.badgesPopoverContainer .badgesPanel{width:100%}.badgesPopoverContainer .badgesPopoverGrid{grid-template-columns:repeat(5,calc(var(--badgeSize)*1.25));gap:var(--spacing-sm);align-items:center;display:grid}.badgesPopoverContainer .badgesPopoverGrid .addBtn{--surfaceSize:calc(var(--badgeSize)*1.5);padding:var(--spacing-xs);grid-column:span 1}.badgesPopoverContainer .badgesPopoverGrid.pickGrid{--badgeSize:2.2em;grid-template-columns:repeat(6,var(--badgeSize))}.badgesPopoverContainer .badgesPopoverFooter{align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-xs);flex:none;display:flex}.badgesPopoverContainer .badgesPopoverFooter:after{--divider-effect-color:var(--text);--divider-effect-opacity:.1;--divider-effect-size:1px;--divider-effect-length:calc(100% - 1px);content:"";opacity:var(--divider-effect-opacity);will-change:opacity,transform,width,height,background;width:var(--divider-effect-length);height:var(--divider-effect-size);background:linear-gradient(90deg,transparent 0%,var(--divider-effect-color)19.71%,var(--divider-effect-color)79.59%,transparent 100%);transition:--divider-effect-color .24s,--divider-effect-opacity .24s,--divider-effect-size .24s,--divider-effect-length .24s,opacity .24s,transform .24s,width .24s,height .24s,background .24s,background-image .24s;position:absolute;top:0;left:50%;transform:translate(-50%)}.badgesPopoverContainer .badgesPopoverFooter{overflow:visible}.badgesPopoverContainer .badgesPopoverFooter .button{--surfaceSize:2.5em;font-size:var(--font-sm);padding:var(--spacing-xs)}.badgeMouseTip{background:color-mix(in srgb,var(--white)85%,transparent);backdrop-filter:blur(2em);color:var(--blacked);padding:var(--spacing-xs);corner-shape:superellipse(1.5);position:relative;border-radius:var(--radius-lg)!important}.badgeMouseTip:after{--glass-effect-blur:var(--glass-blur,0em);content:"";z-index:0;border-radius:inherit;corner-shape:inherit;background:var(--glass-backdrop-fill,#0000);-webkit-backdrop-filter:blur(var(--glass-effect-blur));pointer-events:none;backface-visibility:hidden;will-change:backdrop-filter,background,opacity;transition:--glass-effect-blur .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,background .3s,opacity .3s;position:absolute;inset:0;transform:translateZ(0)}.badgeMouseTip:before{--glass-effect-light-color:var(--glass-light-color,var(--white));--glass-effect-light-power:var(--glass-light-power,1);--glass-effect-light-rotation:var(--glass-light-rotation,-60deg);--glass-effect-dark-color:var(--glass-dark-color,var(--background));--glass-effect-dark-power:var(--glass-dark-power,0);content:"";z-index:2;border-radius:inherit;corner-shape:inherit;pointer-events:none;-webkit-mask-composite:xor;will-change:background,opacity,transform;background:linear-gradient(var(--glass-effect-light-rotation),color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)-6.51%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)46.56%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)51.96%,color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)100%);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;transition:--glass-effect-light-color .3s,--glass-effect-light-power .3s,--glass-effect-light-rotation .3s,--glass-effect-dark-color .3s,--glass-effect-dark-power .3s,opacity .3s,transform .3s,background .3s,background-image .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.badgeMouseTip .content-wrapper,.badgeMouseTip .contentWrapper,.badgeMouseTip .clickAnimWrapper{z-index:1;transition:opacity .3s,transform .3s;position:relative}.badgeMouseTip:disabled,.badgeMouseTip[disabled],.badgeMouseTip[aria-disabled=true]{--glass-light-power:.3}.badgeMouseTip:disabled .content-wrapper,.badgeMouseTip:disabled .contentWrapper,.badgeMouseTip[disabled] .content-wrapper,.badgeMouseTip[disabled] .contentWrapper,.badgeMouseTip[aria-disabled=true] .content-wrapper,.badgeMouseTip[aria-disabled=true] .contentWrapper{opacity:.4}.badgeMouseTip{box-sizing:border-box;flex-direction:column;align-items:stretch;min-width:200px;max-width:240px;white-space:normal!important;display:flex!important}.badgeMouseTip .badgeMouseTipHeader{justify-content:flex-start;align-items:center;gap:.35em;width:100%;display:flex}.badgeMouseTip .badgeMouseTipHeader .badgeMouseTipLabel{font-family:var(--fontFa);font-size:var(--font-lg);font-weight:700;line-height:1.2}.badgeMouseTip .badgeMouseTipHeader .badgeMouseTipImg{width:3.7em;min-width:3em;height:3.7em;filter:drop-shadow(.2em .2em 1em color-mix(in srgb,var(--blacked)15%,transparent));border-radius:var(--radius-xs);object-fit:contain;padding:.2em}.badgeMouseTip .badgeMouseTipDesc{font-size:var(--font-sm);color:color-mix(in srgb,var(--black)60%,transparent);margin:0;font-weight:400;line-height:1.3}