{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAOE,0CAA2C,CAD3C,2CAA4C,CAD5C,sBAAwB,CAGxB,+BAAgC,CAPhC,YAAa,CAEb,eAAgB,CADhB,iBAAkB,CAElB,UAAW,CAKX,qBACF,CACA,YAIE,sBAAuB,CAFvB,YAAa,CADb,MAAO,CAEP,qBAAsB,CAGtB,WAAY,CADZ,6BAA8B,CAE9B,eAAgB,CAChB,SACF,CACA,wBACE,eACF,CACA,oCACE,YACE,qBAAsB,CACtB,gBACF,CACF,CACA,kTAEE,aAAc,CADd,YAEF,CACA,oCACE,kTAEE,WAAY,CADZ,UAEF,CACF,CACA,2BAOE,gBAAiB,CALjB,kBAAmB,CADnB,kBAAmB,CAKnB,aAAc,CAFd,YAAc,CADd,0BAA2B,CAE3B,gBAGF,CACA,oCACE,2BACE,qBAAsB,CACtB,eACF,CACF,CACA,cACE,4BAA6B,CAE7B,uCAAwC,CADxC,+BAEF,CACA,0BAEE,kBAAmB,CADnB,kBAAmB,CAGnB,YAAc,CADd,6BAA8B,CAE9B,wBAAyB,CACzB,iBACF,CACA,oCACE,0BACE,WAAY,CACZ,gBACF,CACF,CACA,iIAOE,kBAAmB,CADnB,aAEF,CACA,oCACE,iIAME,gBACF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .tile {\n    display: flex;\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border-radius: 0.3125rem;\n    border: 1px solid var(--color-border-subtle);\n    background-color: var(--color-fill-primary);\n    color: var(--color-text-default);\n    word-break: break-word;\n  }\n  .tile__body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 1.25rem;\n    padding: 1.25rem;\n    z-index: 1;\n  }\n  .tile__body *:last-child {\n    margin-bottom: 0;\n  }\n  @media screen and (min-width: 768px) {\n    .tile__body {\n      flex-direction: column;\n      padding: 1.875rem;\n    }\n  }\n  .tile:not(.tile--action) .tile__body > .icon:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge), .tile:not(.tile--action) .tile__body > svg:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge) {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    .tile:not(.tile--action) .tile__body > .icon:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge), .tile:not(.tile--action) .tile__body > svg:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge) {\n      width: 2rem;\n      height: 2rem;\n    }\n  }\n  .tile--compact .tile__body {\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 0.3125rem;\n    padding: 0.9375rem;\n    flex-shrink: 0;\n    text-wrap: nowrap;\n  }\n  @media screen and (min-width: 768px) {\n    .tile--compact .tile__body {\n      flex-direction: column;\n      padding: 1.25rem;\n    }\n  }\n  .tile--action {\n    background-color: transparent;\n    color: var(--color-text-inverse);\n    border-color: var(--color-border-strong);\n  }\n  .tile--action .tile__body {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.9375rem;\n    padding: 1.875rem 1.25rem;\n    word-break: normal;\n  }\n  @media screen and (min-width: 480px) {\n    .tile--action .tile__body {\n      gap: 1.25rem;\n      padding: 1.875rem;\n    }\n  }\n  .tile--action .tile__body > .icon:last-child:not(.icon--small,\n  .icon--medium,\n  .icon--large,\n  .icon--xlarge,\n  .icon--xxlarge,\n  .icon--huge) {\n    flex-shrink: 0;\n    --icon-size: 1.5rem;\n  }\n  @media screen and (min-width: 480px) {\n    .tile--action .tile__body > .icon:last-child:not(.icon--small,\n    .icon--medium,\n    .icon--large,\n    .icon--xlarge,\n    .icon--xxlarge,\n    .icon--huge) {\n      --icon-size: 2rem;\n    }\n  }\n}"]}