.glossy-app-icon-module__esWouq__root,.glossy-app-icon-module__esWouq__bare{--bg:#fdfdfd;--tile:#e5e5e5;--tile-2:#eaeaea;--drop:#0000000d;--drop-mid:#0000003d;--drop-far:#0000003d;--dock:#ffffffb8;--dock-edge:#00000014;--chosen:#1c1c1e;--focus:#387bff;--s:120px;--tx:0;--ty:0;-webkit-tap-highlight-color:transparent}@supports (color:light-dark(#fff, #000)){.glossy-app-icon-module__esWouq__root,.glossy-app-icon-module__esWouq__bare{--bg:light-dark(#fdfdfd,#111113);--tile:light-dark(#e5e5e5,#1f1f23);--tile-2:light-dark(#eaeaea,#25252a);--drop:light-dark(#0000000d,#0000008c);--drop-mid:light-dark(#0000003d,#0009);--drop-far:light-dark(#0000003d,#00000073);--dock:light-dark(#ffffffb8,#26262bb8);--dock-edge:light-dark(#00000014,#ffffff1a);--chosen:light-dark(#1c1c1e,#f2f2f4)}}.glossy-app-icon-module__esWouq__root[data-color-scheme=light],.glossy-app-icon-module__esWouq__bare[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.glossy-app-icon-module__esWouq__root[data-color-scheme=dark],.glossy-app-icon-module__esWouq__bare[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.glossy-app-icon-module__esWouq__root[data-color-scheme=system],.glossy-app-icon-module__esWouq__bare[data-color-scheme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.glossy-app-icon-module__esWouq__root[data-color-scheme=system],.glossy-app-icon-module__esWouq__bare[data-color-scheme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}.glossy-app-icon-module__esWouq__root{aspect-ratio:16/10;background:var(--bg);width:100%;min-height:380px;max-height:640px;box-shadow:inset 0 0 0 1px var(--dock-edge);border-radius:18px;position:relative;overflow:clip;container-type:size}.glossy-app-icon-module__esWouq__grid{--s:61cqmin;position:absolute;inset:0}.glossy-app-icon-module__esWouq__grid:after{content:"";pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 92%, transparent), color-mix(in srgb, var(--bg) 35%, transparent) 9%, transparent 16% 84%, color-mix(in srgb, var(--bg) 35%, transparent) 91%, color-mix(in srgb, var(--bg) 92%, transparent));position:absolute;inset:0}.glossy-app-icon-module__esWouq__tile,.glossy-app-icon-module__esWouq__slot{width:var(--s);height:var(--s);left:calc(50% - var(--s) / 2 + var(--col,0) * var(--s) * 1.12);top:calc(50% - var(--s) / 2 + var(--row,0) * var(--s) * 1.12);position:absolute}.glossy-app-icon-module__esWouq__tile{background:linear-gradient(180deg, var(--tile), var(--tile-2));border-radius:22%}.glossy-app-icon-module__esWouq__slot{z-index:1}.glossy-app-icon-module__esWouq__picker{z-index:2;background:var(--dock);box-shadow:inset 0 0 0 1px var(--dock-edge), 0 6px 20px #0000001a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;gap:6px;padding:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.glossy-app-icon-module__esWouq__choice{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;width:38px;height:38px;padding:0;transition:box-shadow .16s;display:grid}.glossy-app-icon-module__esWouq__choice[aria-checked=true]{box-shadow:0 0 0 2px var(--chosen)}.glossy-app-icon-module__esWouq__choice:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.glossy-app-icon-module__esWouq__mini{--s:30px;width:var(--s);height:var(--s);display:block;position:relative}.glossy-app-icon-module__esWouq__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.glossy-app-icon-module__esWouq__bare{width:var(--s);height:var(--s);display:inline-block;position:relative}.glossy-app-icon-module__esWouq__icon{--press:0;appearance:none;width:var(--s);height:var(--s);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:24%;padding:0;display:block;position:relative}.glossy-app-icon-module__esWouq__icon:focus-visible{outline:3px solid var(--focus);outline-offset:calc(var(--s) * .04)}.glossy-app-icon-module__esWouq__icon[data-pressed]{--press:1}.glossy-app-icon-module__esWouq__shadow{box-shadow:0 calc(var(--s) * .004) calc(var(--s) * .012) calc(var(--s) * .04) var(--drop), 0 calc(var(--s) * .045) calc(var(--s) * .08) calc(var(--s) * .04) var(--drop-mid), 0 calc(var(--s) * .085) calc(var(--s) * .17) calc(var(--s) * .04) var(--drop-far);transform:translate(calc(var(--tx) * var(--s) * -.025), calc(var(--ty) * var(--s) * -.02)) scale(calc(1 - var(--press) * .05));opacity:calc(1 - var(--press) * .35);transition:transform var(--ease-ms,.6s) cubic-bezier(.22, .61, .36, 1), opacity .16s ease;border-radius:22%;position:absolute;inset:4%}.glossy-app-icon-module__esWouq__tilt{transform:perspective(calc(var(--s) * 3.6)) rotateX(calc(var(--ty) * -11deg)) rotateY(calc(var(--tx) * 11deg));transition:transform var(--ease-ms,.6s) cubic-bezier(.22, .61, .36, 1);animation:.56s cubic-bezier(.34,1.5,.64,1) both glossy-app-icon-module__esWouq__arrive;display:block;position:absolute;inset:0}.glossy-app-icon-module__esWouq__icon:not([data-tilt]) .glossy-app-icon-module__esWouq__tilt{transform:none}@keyframes glossy-app-icon-module__esWouq__arrive{0%{opacity:0;scale:.86}}.glossy-app-icon-module__esWouq__face{transform:scale(calc(1 - var(--press) * .045));border-radius:24%;transition:transform .46s cubic-bezier(.34,1.8,.5,1);display:block;position:absolute;inset:0;overflow:hidden}.glossy-app-icon-module__esWouq__icon[data-pressed] .glossy-app-icon-module__esWouq__face{transition-duration:.11s;transition-timing-function:cubic-bezier(.2,.7,.3,1)}.glossy-app-icon-module__esWouq__art{width:100%;height:100%;display:block;position:absolute;inset:0}.glossy-app-icon-module__esWouq__reflect{transform:translate(calc(var(--tx) * -3.5px), calc(var(--ty) * -3px));transition:transform var(--ease-ms,.6s) cubic-bezier(.22, .61, .36, 1)}.glossy-app-icon-module__esWouq__bevel{border-radius:inherit;background:rgb(0 0 0/calc(var(--press) * .1));box-shadow:inset 0 calc(var(--s) * .008) calc(var(--s) * .004) #ffffff6b, inset calc(var(--s) * .004) 0 calc(var(--s) * .006) #ffffff1f, inset 0 calc(var(--s) * -.01) calc(var(--s) * .012) #0000004d, inset 0 0 0 calc(var(--s) * .0025) #00000040, inset 0 0 calc(var(--s) * .05) #0000001a;transition:background-color .16s;position:absolute;inset:0}.glossy-app-icon-module__esWouq__gloss{mix-blend-mode:soft-light;transform:translate(calc(var(--tx) * 12%), calc(var(--ty) * 10%));transition:transform var(--ease-ms,.6s) cubic-bezier(.22, .61, .36, 1);background:radial-gradient(closest-side at 36% 30%,#ffffff52,#ffffff1a 55%,#0000),linear-gradient(#ffffff1a,#0000 40%);position:absolute;inset:-25%}.glossy-app-icon-module__esWouq__knob{width:58%;height:58%;box-shadow:0 calc(var(--s) * .022) calc(var(--s) * .03) #0000006b, 0 calc(var(--s) * .005) calc(var(--s) * .006) #0000004d, inset 0 0 0 calc(var(--s) * .004) #ffffffb3, inset 0 calc(var(--s) * -.008) calc(var(--s) * .012) #00000038;transform:translate(calc(var(--tx) * var(--s) * -.012), calc(var(--ty) * var(--s) * -.01));transition:transform var(--ease-ms,.6s) cubic-bezier(.22, .61, .36, 1);background:repeating-conic-gradient(#0000000b 0deg .7deg,#ffffff0d .7deg 1.4deg),conic-gradient(from 15deg,#fbfcfd,#a4a8ae 11%,#eceef0 24%,#8b8f96 36%,#f8f9fa 50%,#9a9ea5 62%,#edeff1 74%,#8c9097 87%,#fbfcfd);border-radius:50%;position:absolute;top:23%;left:21%}.glossy-app-icon-module__esWouq__knob:before{content:"";box-shadow:inset 0 calc(var(--s) * .004) calc(var(--s) * .005) #00000040, 0 calc(var(--s) * .003) 0 #fff9;background:repeating-conic-gradient(#0000000d 0deg .5deg,#ffffff0f .5deg 1deg),conic-gradient(from 195deg,#f4f5f7,#9fa3aa 12%,#e9ebee 25%,#8f939a 38%,#f6f7f8 50%,#a0a4ab 63%,#eaecef 75%,#8e9299 88%,#f4f5f7);border-radius:50%;position:absolute;inset:9%}.glossy-app-icon-module__esWouq__knobMark{width:7%;height:15%;box-shadow:inset 0 calc(var(--s) * .003) calc(var(--s) * .003) #781e008c, 0 0 calc(var(--s) * .02) #ff6e148c;background:linear-gradient(#ff9a4a,#f05a0e);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)translateY(-215%)}.glossy-app-icon-module__esWouq__mini .glossy-app-icon-module__esWouq__tilt{animation:none}@media (prefers-reduced-motion:reduce){.glossy-app-icon-module__esWouq__tilt{animation:none;transform:none}.glossy-app-icon-module__esWouq__face{transition-duration:1ms}}
