{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAGE,oBAAqB,CADrB,kBAAmB,CAUnB,gBAAiB,CAEjB,8CAA+C,CAN/C,oBAAqB,CAOrB,+BAAgC,CAdhC,mBAAoB,CAQpB,iBAAkB,CAIlB,eAAiB,CATjB,sBAAuB,CAMvB,mBAAoB,CAJpB,oBAAqB,CADrB,mBAAoB,CAEpB,cAAgB,CAIhB,qBAKF,CACA,aAEE,WAAY,CADZ,UAEF,CACA,cAEE,aAAc,CADd,YAEF,CACA,aAEE,WAAY,CADZ,UAEF,CACA,cAEE,aAAc,CADd,YAEF,CACA,eAEE,WAAY,CADZ,UAEF,CACA,oCACE,cAEE,WAAY,CADZ,UAEF,CACA,eAEE,WAAY,CADZ,UAEF,CACF,CACA,0GACE,+BACF,CACA,uFACE,UACF,CACA,kBACE,mCAA0C,CAC1C,+BACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .pill {\n    display: inline-flex;\n    align-items: center;\n    align-content: center;\n    justify-content: center;\n    min-width: 1.22222em;\n    min-height: 1.22222em;\n    padding: 0 0.2em;\n    border-radius: 999rem;\n    font-size: inherit;\n    line-height: inherit;\n    vertical-align: bottom;\n    aspect-ratio: 1/1;\n    font-weight: bold;\n    background-color: var(--color-surface-contrast);\n    color: var(--color-text-inverse);\n  }\n  .pill--small {\n    width: 1rem;\n    height: 1rem;\n  }\n  .pill--medium {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  .pill--large {\n    width: 2rem;\n    height: 2rem;\n  }\n  .pill--xlarge {\n    width: 2.5rem;\n    height: 2.5rem;\n  }\n  .pill--xxlarge {\n    width: 3rem;\n    height: 3rem;\n  }\n  @media screen and (min-width: 768px) {\n    .pill--xlarge {\n      width: 3rem;\n      height: 3rem;\n    }\n    .pill--xxlarge {\n      width: 4rem;\n      height: 4rem;\n    }\n  }\n  .pill.surface-primary, .pill.surface-subtle, .pill.surface-moderate, .pill.surface-accent, .pill.fill-accent6 {\n    color: var(--color-text-default);\n  }\n  .pill.surface-secondary, .pill.surface-tertiary, .pill.fill-moderate, .pill.fill-disabled {\n    color: #ffffff;\n  }\n  .pill.transparent {\n    background-color: rgba(255, 255, 255, 0.5);\n    color: var(--color-text-default);\n  }\n}"]}