.studio-icon-tile{--tile-color:#9cf5df;--tile-top:#294e47;--tile-bottom:#122a28;--tile-edge:#547c6f;--tile-size:40px;--tile-radius:12px;display:inline-grid;place-items:center;position:relative;isolation:isolate;flex:0 0 auto;width:var(--studio-icon-size,var(--tile-size));height:var(--studio-icon-size,var(--tile-size));vertical-align:middle;pointer-events:none}.studio-icon-tile[data-tone=violet]{--tile-color:#dfc6ff;--tile-top:#4d3d66;--tile-bottom:#281e3b;--tile-edge:#79648f}.studio-icon-tile[data-tone=amber]{--tile-color:#ffe1a3;--tile-top:#58462b;--tile-bottom:#30271d;--tile-edge:#88724b}.studio-icon-tile[data-tone=silver]{--tile-color:#e1edf5;--tile-top:#3d4d5c;--tile-bottom:#202c37;--tile-edge:#6b7e8d}.studio-icon-tile[data-size=sm]{--tile-size:30px;--tile-radius:9px}.studio-icon-tile[data-size=lg]{--tile-size:52px;--tile-radius:16px}.studio-icon-tile:before{content:"";position:absolute;inset:3px 1px -3px;border-radius:var(--tile-radius);background:var(--tile-bottom);border:1px solid var(--tile-edge);box-shadow:0 5px 8px #00000024}.studio-icon-tile__face{display:grid;place-items:center;width:100%;height:100%;position:relative;border:1px solid var(--tile-edge);border-radius:var(--tile-radius);color:var(--tile-color);background:linear-gradient(145deg,var(--tile-top),var(--tile-bottom));box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000033;transition:translate .16s cubic-bezier(.2,.7,.2,1)}.studio-icon-tile__face>svg{min-width:16px;min-height:16px;flex-shrink:0;width:55%;height:55%;stroke-width:1.8;filter:drop-shadow(0 2px 1px #00000055)}@media (hover:hover) and (pointer:fine){:is(a,button)[data-studio-interaction]:not(:disabled,[aria-disabled=true],[aria-busy=true]):hover .studio-icon-tile__face{translate:0 -1px}}:is(a,button)[data-studio-interaction]:not(:disabled,[aria-disabled=true],[aria-busy=true]):active .studio-icon-tile__face{translate:0 1px}[data-motion=paused] .studio-icon-tile__face{translate:none!important;transition:none!important}@media (prefers-reduced-motion:reduce){.studio-icon-tile__face{translate:none!important;transition:none!important}}@media (forced-colors:active){.studio-icon-tile:before{display:none}.studio-icon-tile__face{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.studio-icon-tile__face>svg{filter:none}}