@layer ui.components{.ui-icon-tile{border-radius:var(--radius-pill);background-color:var(--surface-hover);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ui-icon-tile[data-tone=surface]{background-color:var(--surface)}.ui-icon-tile[data-tone=sand]{background-color:var(--bg-secondary)}.ui-icon-tile[data-tone=accent]{background-color:var(--accent-tint)}.ui-icon-tile[data-size=xs]{width:24px;height:24px}.ui-icon-tile[data-size=bullet]{width:28px;height:28px}.ui-icon-tile[data-size=sm]{width:40px;height:40px}.ui-icon-tile[data-size=step]{width:42px;height:42px}.ui-icon-tile[data-size=md]{width:60px;height:60px}@media (min-width:768px){.ui-icon-tile[data-size=xs][data-grow]{width:30px;height:30px}.ui-icon-tile[data-size=sm][data-grow],.ui-icon-tile[data-size=step][data-grow]{width:60px;height:60px}}.ui-icon-tile[data-size=mark]{width:20px;height:20px}.ui-icon-tile[data-tone=rose]{background-color:var(--accent-rose)}}