.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.rainbow-border{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#ff7e5f,#feb47b,#ffcc70,#6bff6b,#6b83ff,#ff6b6b,#ff7e5f) border-box;border:2px solid #0000;border-radius:.5rem}.rainbow-border-large{background:linear-gradient(var(--textColorOpposite),var(--textColorOpposite))padding-box,linear-gradient(to right,#ff7e5f,#feb47b,#ffcc70,#6bff6b,#6b83ff,#ff6b6b,#ff7e5f)border-box;border:3px solid #0000;border-radius:.75rem}.rainbow-border-active{background-color:#0000;background-image:linear-gradient(90deg,#fff,#f9fafb),linear-gradient(90deg,#ff7e5f,#feb47b,#ffcc70,#6bff6b,#6b83ff,#ff6b6b,#ff7e5f,#ff7e5f,#feb47b,#ffcc70,#6bff6b,#6b83ff,#ff6b6b,#ff7e5f);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200% 100%;background-attachment:scroll,scroll;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:3px solid #0000;border-radius:.75rem;animation:1.5s linear infinite rainbowFlow}.rainbow-border-active:focus{border-color:#0000}@keyframes rainbowFlow{0%{background-position:0 0}to{background-position:100% 0}}.search-rainbow-border{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,#8b00ff) border-box;border:2px solid #0000;border-radius:.5rem}