.icon-tile{width:var(--tile-size,2.25rem);height:var(--tile-size,2.25rem);color:var(--tile-foreground);clip-path:polygon(var(--tile-cut,.42rem) 0, 100% 0, 100% 100%, 0 100%, 0 var(--tile-cut,.42rem));-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex:none;place-items:center;transition:color .35s,filter .4s;display:grid;position:relative}.icon-tile:before{content:"";background:linear-gradient(150deg, oklch(100% 5.96046e-8 none/.07), transparent 55%), var(--glass-bg);position:absolute;inset:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.icon-tile:before{background:linear-gradient(150deg, var(--surface), var(--surface-deep))}}.icon-tile:after{content:"";pointer-events:none;border:1px solid var(--tile-border);background:linear-gradient(135deg, transparent calc(var(--tile-cut,.42rem) * .71 - 1px), var(--tile-border) calc(var(--tile-cut,.42rem) * .71 - 1px), var(--tile-border) calc(var(--tile-cut,.42rem) * .71 + .4px), transparent calc(var(--tile-cut,.42rem) * .71 + .4px));position:absolute;inset:0}.icon-tile>svg{position:relative}.icon-tile--sm{--tile-size:1.9rem;--tile-cut:.35rem}.icon-tile--md{--tile-size:2.25rem;--tile-cut:.42rem}.icon-tile--lg{--tile-size:2.75rem;--tile-cut:.5rem}