@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;padding:1.25rem;z-index:1}.tile__body :last-child{margin-bottom:0}.tile__body>.icon,.tile__body>svg{height:1.5rem;width:1.5rem}@media screen and (min-width:768px){.tile__body{flex-direction:column;padding:1.875rem}.tile__body>.icon,.tile__body>svg{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}@media screen and (min-width:480px){.tile--action .tile__body{gap:1.25rem;padding:1.875rem}}.tile--action .icon{flex-shrink:0;height:1.5rem;width:1.5rem}@media screen and (min-width:480px){.tile--action .icon{height:2rem;width:2rem}}}
/*# sourceMappingURL=style.css.map */