.rellax-element{--color-light:255, 255, 255;--color-blue:59, 130, 246;--color-purple:147, 51, 234;--color-green:34, 197, 94;--color-pink:236, 72, 153;--color-orange:249, 115, 22;--color-cyan:6, 182, 212;--color-yellow:234, 179, 8;width:var(--rellax-width,40px);height:var(--rellax-height,40px);border-radius:var(--rellax-radius,12px);transform:rotate(45deg);opacity:var(--rellax-opacity,.8);backdrop-filter:blur(2px);box-shadow:0 4px 20px rgba(0,0,0,.125);transition:all .1s ease}.rellax-container{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;pointer-events:none;z-index:1}.rellax-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px;width:100%;height:100%;padding:0 15px}.rellax-xs{--rellax-width:50px;--rellax-height:50px;--rellax-radius:8px;--rellax-opacity:0.6}.rellax-sm{--rellax-width:85px;--rellax-height:85px;--rellax-radius:12px;--rellax-opacity:0.7}.rellax-md{--rellax-width:100px;--rellax-height:100px;--rellax-radius:16px;--rellax-opacity:0.8}.rellax-lg{--rellax-width:120px;--rellax-height:120px;--rellax-radius:20px;--rellax-opacity:0.9}.rellax-xl{--rellax-width:150px;--rellax-height:150px;--rellax-radius:24px;--rellax-opacity:0.95}.rellax-light{background:linear-gradient(135deg,rgba(var(--si-light-rgb),.1),rgba(var(--si-light-rgb),.05));border:1px solid rgba(var(--si-light-rgb),.2)}.rellax-blue{background:linear-gradient(135deg,rgba(var(--si-blue-rgb),.4),rgba(var(--si-blue-rgb),.2));border:1px solid rgba(var(--si-blue-rgb),.5)}.rellax-green{background:linear-gradient(135deg,rgba(var(--si-success-rgb),.4),rgba(var(--si-success-rgb),.2));border:1px solid rgba(var(--si-success-rgb),.5)}.rellax-pink{background:linear-gradient(135deg,rgba(var(--si-pink-rgb),.4),rgba(var(--si-pink-rgb),.2));border:1px solid rgba(var(--si-pink-rgb),.5)}.rellax-orange{background:linear-gradient(135deg,rgba(var(--si-orange-rgb),.4),rgba(var(--si-orange-rgb),.2));border:1px solid rgba(var(--si-orange-rgb),.5)}.rellax-cyan{background:linear-gradient(135deg,rgba(var(--si-cyan-rgb),.4),rgba(var(--si-cyan-rgb),.2));border:1px solid rgba(var(--si-cyan-rgb),.5)}.rellax-yellow{background:linear-gradient(135deg,rgba(var(--si-yellow-rgb),.4),rgba(var(--si-yellow-rgb),.2));border:1px solid rgba(var(--si-yellow-rgb),.5)}.rellax-purple{background:linear-gradient(135deg,rgba(var(--si-purple-rgb),.4),rgba(var(--si-purple-rgb),.2));border:1px solid rgba(var(--si-purple-rgb),.5)}.rellax:hover{transform:rotate(45deg)scale(1.1);opacity:1}.pos-1{grid-column:1;margin-top:40%}.pos-2{grid-column:2;margin-top:50%}.pos-3{grid-column:3;margin-top:5%}.pos-4{grid-column:4;margin-top:40%}.pos-5{grid-column:5;margin-top:15%}.pos-6{grid-column:6;margin-top:30%}.pos-7{grid-column:7;margin-top:8%}.pos-8{grid-column:8;margin-top:35%}.pos-9{grid-column:9;margin-top:20%}.pos-10{grid-column:10;margin-top:45%}.pos-11{grid-column:11;margin-top:12%}.pos-12{grid-column:12;margin-top:28%}@media(max-width:768px){.rellax-grid{grid-template-columns:repeat(6,1fr);gap:15px;padding:0 15px}.pos-7,.pos-8,.pos-9,.pos-10,.pos-11,.pos-12{display:none}}@media(max-width:480px){.rellax-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:0 10px}.pos-5,.pos-6{display:none}}