@tailwind base;@tailwind components;@tailwind utilities;::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ff823c;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#e57635}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@layer utilities{.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .5s ease-out forwards}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.animate-marquee{animation:marquee 25s linear infinite}.hover\:pause:hover{animation-play-state:paused}.fade-mask-x{mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.hexagon{position:relative;width:120px;height:104px;background-color:#fff;margin:10px;display:flex;align-items:center;justify-content:center;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);transition:transform .2s ease-in-out}.hexagon:hover{transform:scale(1.05);z-index:10}.hexagon img{max-width:60%;max-height:60%;object-fit:contain}.hexagon img.scale-50{max-width:50%;max-height:50%}.hexagon img.scale-70{max-width:70%;max-height:70%}.hexagon img.scale-80{max-width:80%;max-height:80%}.hexagon-wrapper{filter:drop-shadow(0px 4px 6px rgba(0,0,0,.05))}.hexagon.large{width:240px;height:208px;background:#111;background:radial-gradient(circle at center,#2a2a2a,#000);z-index:20}.honeycomb-cluster{display:flex;align-items:center;justify-content:center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes popIn{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.animate-pop-in{animation:popIn .6s cubic-bezier(.175,.885,.32,1.275) backwards}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.animate-glow-pulse{animation:glowPulse 3s ease-in-out infinite}@keyframes flowToFolder{0%{left:15%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(.5)}5%{opacity:1;transform:translate(-50%,-50%) scale(1)}20%{left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}35%{left:85%;top:75%;opacity:1;transform:translate(-50%,-50%) scale(1)}40%{left:85%;top:75%;opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:0}}@keyframes flowToBin{0%,45%{opacity:0}50%{left:15%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(.5)}55%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}85%{left:85%;top:25%;opacity:1;transform:translate(-50%,-50%) scale(1)}90%{left:85%;top:25%;opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:0}}.animate-flow-folder{animation:flowToFolder 6s linear infinite}.animate-flow-bin{animation:flowToBin 6s linear infinite}@keyframes sequentialGlow{0%,to{border-color:#ffffff0d;box-shadow:none}15%,45%{border-color:#ff823c;box-shadow:0 0 15px #ff823c33}}.animate-seq-glow{animation:sequentialGlow 4s ease-in-out infinite}@keyframes typeDeleteLoop{0%,10%,90%,to{width:0}40%,60%{width:100%}}.animate-type-delete{overflow:hidden;white-space:nowrap;border-right:2px solid #FF823C;animation:typeDeleteLoop 4s steps(20,end) infinite,blink-caret .75s step-end infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#ff823c}}