@layer components{.tile{background-color:var(--color-fill-primary);border:1px solid var(--color-border-subtle);border-radius:.3125rem;color:var(--color-text-default);display:flex;overflow:hidden;position:relative;width:100%;word-break:break-word}.tile__body{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:1.25rem;justify-content:space-between;padding:1.25rem;z-index:1}.tile__body :last-child{margin-bottom:0}@media screen and (min-width:768px){.tile__body{flex-direction:column;padding:1.875rem}}.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){height:1.5rem;width:1.5rem}@media screen and (min-width:768px){.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){height:2rem;width:2rem}}.tile--compact .tile__body{text-wrap:nowrap;align-items:center;flex-direction:row;flex-shrink:0;gap:.3125rem;justify-content:flex-start;padding:.9375rem}@media screen and (min-width:768px){.tile--compact .tile__body{flex-direction:column;padding:1.25rem}}.tile--action{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-text-inverse)}.tile--action .tile__body{align-items:center;flex-direction:row;gap:.9375rem;justify-content:space-between;padding:1.875rem 1.25rem;word-break:normal}@media screen and (min-width:480px){.tile--action .tile__body{gap:1.25rem;padding:1.875rem}}.tile--action .tile__body>.icon:last-child:not(.icon--small,.icon--medium,.icon--large,.icon--xlarge,.icon--xxlarge,.icon--huge){--icon-size:1.5rem;flex-shrink:0}@media screen and (min-width:480px){.tile--action .tile__body>.icon:last-child:not(.icon--small,.icon--medium,.icon--large,.icon--xlarge,.icon--xxlarge,.icon--huge){--icon-size:2rem}}}
/*# sourceMappingURL=style.css.map */