.pill{cursor:pointer}.pill>.pill-container{justify-content:center;align-items:center;gap:var(--gap-df,clamp(4px,.5em,12px));--tw-font-weight:var(--font-weight-semibold,600);width:fit-content;height:2.5em;font-weight:var(--font-weight-semibold,600);-webkit-user-select:none;user-select:none;outline-style:var(--tw-outline-style);background-color:hsl(var(--surface));border-color:#0000;border-radius:1.25em;outline-width:2px;outline-color:#0000;padding-inline:1.25em;font-weight:700;transition:all .15s ease-out;display:flex}@supports (color:color-mix(in lab, red, red)){.pill>.pill-container{background-color:color-mix(in oklab,hsl(var(--surface))60%,transparent)}}.pill>.pill-container{color:var(--primary-500);-webkit-backdrop-filter:blur();backdrop-filter:blur();border-width:var(--pill-border-width,2px);box-shadow:0 0 5px #00000026}.pill>.pill-container>.icon{color:currentColor;flex-shrink:0;width:1.5em;height:1.5em}.pill>.pill-container>.styles-module__ttqxWa__pill-text{text-box-trim:trim-end;font-size:1em}.pill>.pill-label{position:relative}.pill>.pill-label>div{inset:var(--spacing-0,0);justify-content:center;width:100%;display:flex;position:absolute}.pill>.pill-label>div>.styles-module__ttqxWa__pill-text{text-align:center;--tw-leading:1.25em;text-wrap:wrap;width:100%;color:var(--primary-500);margin-top:.5em;padding-inline:.5em;font-size:.75em;font-weight:600;line-height:1.25em}.pill.styles-module__ttqxWa__compact>.pill-container{gap:var(--gap-compact-df,clamp(2px,.25em,6px));height:2em;padding:0 .75em}.pill.styles-module__ttqxWa__compact>.pill-container .styles-module__ttqxWa__pill-text{font-size:.875em}.pill.styles-module__ttqxWa__toggled>.pill-container{border-color:var(--primary-200);background-color:hsl(var(--surface))}@supports (color:color-mix(in lab, red, red)){.pill.styles-module__ttqxWa__toggled>.pill-container{background-color:color-mix(in oklab,hsl(var(--surface))80%,transparent)}}.pill.styles-module__ttqxWa__toggled>.pill-container{color:var(--primary-800);box-shadow:0 0 8px #0003}.pill.styles-module__ttqxWa__toggled>.pill-label>div>.styles-module__ttqxWa__pill-text{color:var(--primary-800)}.pill.styles-module__ttqxWa__hoverable:hover>.pill-container{border-color:var(--primary-500);box-shadow:0 0 10px #00000040}.pill.styles-module__ttqxWa__hoverable:hover:not(.styles-module__ttqxWa__toggled)>.pill-container{background-color:hsl(var(--surface))}@supports (color:color-mix(in lab, red, red)){.pill.styles-module__ttqxWa__hoverable:hover:not(.styles-module__ttqxWa__toggled)>.pill-container{background-color:color-mix(in oklab,hsl(var(--surface))70%,transparent)}}.pill.styles-module__ttqxWa__hoverable:hover:not(.styles-module__ttqxWa__toggled)>.pill-container{color:var(--primary-800)}.pill:focus.styles-module__ttqxWa__focusable>.pill-container{color:var(--primary-800);outline-color:var(--primary-500)}.pill.styles-module__ttqxWa__disabled>.pill-container{cursor:not-allowed;color:rgb(from var(--primary-200)r g b/50%);background-color:#0000!important}@supports (color:color-mix(in lab, red, red)){.pill.styles-module__ttqxWa__disabled>.pill-container{color:color-mix(in oklab,rgb(from var(--primary-200)r g b/50%)70%,transparent)}}.styles-module__ttqxWa__pill.styles-module__ttqxWa__var-transparent>.pill-container{background-color:#0000!important}.styles-module__ttqxWa__pill.styles-module__ttqxWa__var-transparent.styles-module__ttqxWa__hoverable:not(:hover):not(.styles-module__ttqxWa__toggled)>.pill-container{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0000}.styles-module__ttqxWa__pill.styles-module__ttqxWa__var-transparent.styles-module__ttqxWa__toggled>.pill-container{border-color:var(--primary-500)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
