: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,#bfb3ff00),radial-gradient(circle at bottom left,#86acf9,#86acf900);--shadow-color:220 40% 2%;--shadow-strength:25%}a[href=\#]{color:inherit}any-order{place-items:stretch stretch;gap:var(--size-5);grid-template-rows:10rem 10rem;grid-template-columns:10rem 10rem;max-inline-size:40rem;display:grid}any-order::part(slot1),any-order::part(slot2),any-order::part(slot3),any-order::part(slot4){border-radius:var(--radius-3);font-size:var(--font-size-3);font-weight:var(--font-weight-5);box-shadow:var(--shadow-6);color:#fff;place-content:center;place-items:center;display:flex}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)}