:root{--size-5: 1.5rem;--radius-3: 1rem;--font-size-3: 1.25rem;--font-weight-5: 500;--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--gradient-8: conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--gradient-23: linear-gradient(to bottom right,#536976,#292e49);--gradient-1: linear-gradient(to bottom right,#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-29: radial-gradient(circle at top right,#bfb3ff,rgba(191,179,255,0)),radial-gradient(circle at bottom left,#86acf9,rgba(134,172,249,0));--shadow-color: 220 40% 2%;--shadow-strength: 25%}a[href="#"]{color:inherit}any-order{display:grid;grid-template-rows:10rem 10rem;grid-template-columns:10rem 10rem;align-items:stretch;justify-items:stretch;max-inline-size:40rem;gap:var(--size-5)}any-order::part(slot1),any-order::part(slot2),any-order::part(slot3),any-order::part(slot4){display:flex;border-radius:var(--radius-3);font-size:var(--font-size-3);font-weight:var(--font-weight-5);box-shadow:var(--shadow-6);place-content:center;place-items:center;color:#fff}any-order::part(slot1){background-image:var(--gradient-8)}any-order::part(slot2){background-image:var(--gradient-23)}any-order::part(slot3){background-image:var(--gradient-1)}any-order::part(slot4){background-image:var(--gradient-29)}