@layer theme,base;@layer components{.container{container-type:inline-size}.botslist{margin-inline:auto;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:1400px;margin-bottom:2rem;list-style:none;display:grid}@media (max-width:639px){.botslist{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (min-width:640px) and (max-width:1023px){.botslist{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width:640px){.botslist{gap:1.25rem}}@media (min-width:1024px){.botslist{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}}.botslist-video{pointer-events:none;object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity var(--duration-slow) ease-in-out, transform var(--duration-slow) ease;position:absolute;inset:0}.botslist-video.is-active{opacity:1}.botslist-link{width:100%;height:100%;display:block;position:relative;overflow:hidden}.botslist-link:focus,.botslist-link:focus-visible{box-shadow:0 0 0 2px var(--color-brand-primary), 0 0 0 4px var(--color-gray-900);outline:none}.botslist-indicator{z-index:10;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));color:var(--color-white);background:#00000073;background:lab(0% 0 0/.45);border:1px solid #ffffff26;border:1px solid lab(100% 0 0/.15);border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;display:flex;position:absolute;top:.5rem;right:.5rem}.botslist-indicator-dot{background:var(--color-brand-primary);width:.375rem;height:.375rem;box-shadow:0 0 4px var(--color-brand-primary);border-radius:9999px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.botslist-image{pointer-events:none;object-fit:cover;object-position:top;width:100%;height:100%;transition:transform var(--duration-slower) ease;position:absolute;inset:0}.botslist-gradient{transition:opacity var(--duration-slow) ease;background:linear-gradient(#0000,#0000,#000c);background:linear-gradient(#0000,#0000,lab(0% 0 0/.8));position:absolute;inset:0}.botslist-info{color:var(--color-white);padding:.75rem;position:absolute;bottom:0;left:0;right:0}.botslist-title{text-shadow:0 1px 2px #00000080;text-shadow:0 1px 2px lab(0% 0 0/.5);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.botslist-age{color:var(--color-gray-200);opacity:.9;margin-bottom:.75rem;font-size:.875rem}.botslist-item{background:linear-gradient(to bottom right, var(--color-gray-800), var(--color-gray-900));box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-slow) ease;aspect-ratio:2/3;content-visibility:auto;contain-intrinsic-size:auto 300px 450px;border-radius:.75rem;position:relative;overflow:hidden}@media (hover:hover){.botslist-item:hover .botslist-image,.botslist-item:hover .botslist-video{transform:scale(1.05)}.botslist-item:hover .botslist-gradient{opacity:.6}.botslist-item:hover .button.is-botslist{background-position:100% 0;transform:scale(1.05)}}.botslist-banner{z-index:10;white-space:nowrap;text-transform:uppercase;color:var(--color-white);box-shadow:var(--shadow-sm);padding:.5rem 3rem;font-size:.875rem;font-weight:700;position:absolute;top:2.25rem;right:0;transform:translate(3rem)rotate(45deg)}@container (max-width:450px){.botslist-banner{padding:.25rem 3rem;font-size:.5rem;top:1rem}}.botslist-banner.is-popular{background:linear-gradient(to bottom right, var(--color-highlight-dark), var(--color-warning))}.botslist-banner.is-challenging{background:linear-gradient(to bottom right, var(--color-danger), var(--color-warning))}.botslist-banner.is-featured{background:linear-gradient(to bottom right, var(--color-danger), var(--color-brand-primary));top:1.5rem}@container (max-width:450px){.botslist-banner.is-featured{top:.75rem}}.botslist.is-landingpage{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1000px;display:grid}.botslist-builder-item:hover .botslist-builder-background{background-position:100% 0}.botslist-builder-background{background:linear-gradient(to bottom right, var(--color-brand-secondary-600), var(--color-brand-primary), var(--color-brand-secondary-700));transition:background-position var(--duration-slower) ease;background-position:0 0;background-size:200% 100%;position:absolute;inset:0}.botslist-builder-gradient{background:linear-gradient(#0000,#0000,#0009);background:linear-gradient(#0000,#0000,lab(0% 0 0/.6))}.botslist-builder-sparkles{position:absolute;inset:0}.botslist-builder-sparkles .sparkle{color:#fffc;color:lab(100% 0 0/.8);animation:2s ease-in-out infinite sparkle;position:absolute}.botslist-builder-sparkles .sparkle-1{animation-delay:0s;top:20%;left:15%}.botslist-builder-sparkles .sparkle-2{animation-delay:.7s;top:60%;right:20%}.botslist-builder-sparkles .sparkle-3{animation-delay:1.4s;top:35%;right:15%}.botslist-builder-title{color:var(--color-white);margin-bottom:1rem;font-size:1.25rem;font-weight:700}@container (max-width:340px){.botslist-builder-title{font-size:1.125rem}}@keyframes sparkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.botslist-video-overlay{-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:background-color var(--duration-base) ease;cursor:pointer;background:#0000001a;background:lab(0% 0 0/.1)}.botslist-video-overlay:hover{background:#0003;background:lab(0% 0 0/.2)}.botslist-video-play{transition:transform var(--duration-base) ease;border:1px solid #fff3;border:1px solid lab(100% 0 0/.2);border-radius:9999px;box-shadow:0 25px 50px -12px #00000040;box-shadow:0 25px 50px -12px lab(0% 0 0/.25)}.botslist-video-overlay:hover .botslist-video-play{transform:scale(1.1)}@media (min-width:640px){.botslist-indicator{top:1rem;right:1rem}.botslist-info{padding:1rem}.botslist-title{font-size:1.25rem}.botslist-age{font-size:1rem}}}@layer utilities;