@keyframes loadingSpinner{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.diamond{position:relative;width:65%;max-width:155px;max-height:155px;aspect-ratio:1;justify-self:center;align-self:center;min-width:4.375rem;margin:2rem 0}.diamond:hover .diamond__inner,.diamond:focus-visible .diamond__inner,.diamond:focus-within .diamond__inner{transform:scale(1.1)}.diamond:hover .diamond__wrapper::before,.diamond:focus-visible .diamond__wrapper::before,.diamond:focus-within .diamond__wrapper::before{transform:rotate(45deg) scale(1.1)}.diamond__wrapper{display:block;padding:0.625rem;width:100%;height:100%;transition:transform .3s cubic-bezier(0.65, 0, 0.35, 1)}.diamond__wrapper:focus-visible{outline:none;box-shadow:none}.diamond__wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;transform:rotate(45deg);transform-origin:center;z-index:0;transition:transform .3s ease-in-out}.diamond__inner{position:relative;display:flex;justify-content:center;align-items:center;height:100%;z-index:1;max-width:100px;margin:0 auto;transition:transform .3s cubic-bezier(0.65, 0, 0.35, 1)}.diamond__image{flex-shrink:0}.diamond:nth-child(1){grid-column-start:1}.diamond:nth-child(2){grid-column-start:3}.diamond:nth-child(2) .diamond__wrapper{transform:translateY(30%)}.diamond:nth-child(3){grid-column-start:4}.diamond:nth-child(3) .diamond__wrapper{transform:translate(50%, -20%)}.diamond:nth-child(4){grid-column-start:2;grid-row:2}.diamond:nth-child(5){grid-column-start:4;grid-row:2}.diamond:nth-child(5) .diamond__wrapper{transform:translate(-10%, 20%)}.diamond:nth-child(6){grid-column-start:1;grid-row:3}.diamond:nth-child(7){grid-column-start:3;grid-row:3}.diamond:nth-child(7) .diamond__wrapper{transform:translateY(-30%)}.diamond:nth-child(8){grid-column-start:4;grid-row:3}.diamond:nth-child(8) .diamond__wrapper{transform:translate(120%, 0%)}.diamond:nth-child(9){grid-column-start:2;grid-row:4}.diamond:nth-child(10){grid-column-start:3;grid-row:4}.diamond:nth-child(10) .diamond__wrapper{transform:translate(120%, 0%)}@media only screen and (max-width: 730px){.diamond:nth-child(1){grid-column:auto;grid-row:auto}.diamond:nth-child(1) .diamond__wrapper{transform:none}.diamond:nth-child(2){grid-column:auto;grid-row:auto}.diamond:nth-child(2) .diamond__wrapper{transform:none}.diamond:nth-child(3){grid-column:auto;grid-row:auto}.diamond:nth-child(3) .diamond__wrapper{transform:none}.diamond:nth-child(4){grid-column:auto;grid-row:auto}.diamond:nth-child(4) .diamond__wrapper{transform:none}.diamond:nth-child(5){grid-column:auto;grid-row:auto}.diamond:nth-child(5) .diamond__wrapper{transform:none}.diamond:nth-child(6){grid-column:auto;grid-row:auto}.diamond:nth-child(6) .diamond__wrapper{transform:none}.diamond:nth-child(7){grid-column:auto;grid-row:auto}.diamond:nth-child(7) .diamond__wrapper{transform:none}.diamond:nth-child(8){grid-column:auto;grid-row:auto}.diamond:nth-child(8) .diamond__wrapper{transform:none}.diamond:nth-child(9){grid-column:auto;grid-row:auto}.diamond:nth-child(9) .diamond__wrapper{transform:none}.diamond:nth-child(10){grid-column:auto;grid-row:auto}.diamond:nth-child(10) .diamond__wrapper{transform:none}.diamond:nth-child(11){grid-column:auto;grid-row:auto}.diamond:nth-child(11) .diamond__wrapper{transform:none}.diamond:nth-child(12){grid-column:auto;grid-row:auto}.diamond:nth-child(12) .diamond__wrapper{transform:none}.diamond{width:5.625rem;height:5.625rem}.diamond:nth-child(1){grid-column:1}.diamond:nth-child(1) .diamond__wrapper{transform:translateY(40%)}.diamond:nth-child(2){grid-column:3}.diamond:nth-child(2) .diamond__wrapper{transform:translateX(-50%)}.diamond:nth-child(3){grid-column:2;grid-row:2}.diamond:nth-child(4){grid-column:1;grid-row:3}.diamond:nth-child(4) .diamond__wrapper{transform:translateY(-40%)}.diamond:nth-child(5){grid-column:3;grid-row:3}.diamond:nth-child(5) .diamond__wrapper{transform:translate(-40%, -30%)}.diamond:nth-child(6){grid-column:2;grid-row:4}.diamond:nth-child(6) .diamond__wrapper{transform:translate(-30%, -50%)}.diamond:nth-child(7){grid-column:1;grid-row:5}.diamond:nth-child(7) .diamond__wrapper{transform:translateY(-60%)}.diamond:nth-child(8){grid-column:2;grid-row:5}.diamond:nth-child(8) .diamond__wrapper{transform:translate(0, 50%)}.diamond:nth-child(9){grid-column:3;grid-row:5}.diamond:nth-child(9) .diamond__wrapper{transform:translate(-45%, -80%)}.diamond:nth-child(10){grid-column:1;grid-row:6}}