.icon-btns{display:flex;gap:1rem;flex-wrap:wrap}.icon-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0;border:none;background:none;cursor:pointer;transition:transform .2s ease}.icon-btn:hover{transform:translateY(-2px)}.icon-btn__back{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:8px;background:hsla(0,0%,100%,.03);opacity:.5;filter:blur(4px);transform:scale(.95)}.icon-btn__front{position:relative;width:40px;height:40px;background:hsla(0,0%,100%,.05);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.icon-btn:hover .icon-btn__front{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15);transform:translateY(-1px)}.icon-btn__icon{color:hsla(0,0%,100%,.7);font-size:18px;display:flex;align-items:center;justify-content:center}.icon-btn__label{font-size:12px;color:hsla(0,0%,100%,.6);font-weight:500;text-align:center;min-height:16px}.icon-btn.single{margin:0 auto}.logoloop{position:relative;overflow:hidden;width:100%}.logoloop--fade{mask-image:linear-gradient(to right,transparent 0,var(--logoloop-fadeColor,#000) 10%,var(--logoloop-fadeColor,#000) 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,var(--logoloop-fadeColor,#000) 10%,var(--logoloop-fadeColor,#000) 90%,transparent 100%)}.logoloop--scale-hover:hover .logoloop__item{transform:scale(1.1)}.logoloop__track{display:flex;width:max-content;will-change:transform;gap:var(--logoloop-gap,32px)}.logoloop__list{gap:var(--logoloop-gap,32px);list-style:none;margin:0;padding:0}.logoloop__item,.logoloop__list{display:flex;align-items:center;flex-shrink:0}.logoloop__item{justify-content:center;transition:transform .2s ease-out,opacity .3s ease}.logoloop__link{display:flex;align-items:center;justify-content:center;color:inherit}.logoloop__link,.logoloop__link:hover{text-decoration:none}.logoloop__item img{height:var(--logoloop-logoHeight,28px);width:auto;object-fit:contain;user-select:none;pointer-events:none;max-width:120px;opacity:.8}.logoloop__item:hover img{opacity:1}.logoloop__node{display:flex;align-items:center;justify-content:center;height:var(--logoloop-logoHeight,28px)}.star-border-container{position:relative;overflow:hidden;border-radius:12px}.border-gradient-bottom,.border-gradient-top{position:absolute;width:20px;height:20px;border-radius:50%;filter:blur(8px);z-index:1}.border-gradient-bottom{bottom:0;left:0;animation:moveBottomBorder linear infinite}.border-gradient-top{top:0;right:0;animation:moveTopBorder linear infinite}.inner-content{position:relative;z-index:2;height:100%}@keyframes moveBottomBorder{0%{left:0;bottom:0}25%{left:calc(100% - 20px);bottom:0}50%{left:calc(100% - 20px);bottom:calc(100% - 20px)}75%{left:0;bottom:calc(100% - 20px)}to{left:0;bottom:0}}@keyframes moveTopBorder{0%{right:0;top:0}25%{right:calc(100% - 20px);top:0}50%{right:calc(100% - 20px);top:calc(100% - 20px)}75%{right:0;top:calc(100% - 20px)}to{right:0;top:0}}.gooey-nav-container{position:relative;display:inline-block}.gooey-nav-container nav ul{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.gooey-nav-container nav li{position:relative}.gooey-nav-container nav a{display:block;padding:.5rem 1rem;text-decoration:none;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;transition:color .3s ease;border-radius:.5rem}.gooey-nav-container nav a:hover,.gooey-nav-container nav li.active a{color:hsl(var(--foreground))}.effect{position:absolute;pointer-events:none;border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.effect.filter{background:hsl(var(--primary)/.1);backdrop-filter:blur(8px);border:1px solid hsl(var(--primary)/.2)}.effect.text{display:flex;align-items:center;justify-content:center;color:hsl(var(--primary));font-size:.875rem;font-weight:600;opacity:0;transform:scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1)}.effect.text.active{opacity:1;transform:scale(1)}.particle{position:absolute;width:4px;height:4px;pointer-events:none;transform:translate(var(--start-x),var(--start-y)) scale(var(--scale)) rotate(var(--rotate));animation:particle-move var(--time) ease-out forwards}.point{width:100%;height:100%;border-radius:50%;background:var(--color);opacity:.8}@keyframes particle-move{0%{transform:translate(var(--start-x),var(--start-y)) scale(var(--scale)) rotate(var(--rotate));opacity:1}to{transform:translate(var(--end-x),var(--end-y)) scale(0) rotate(calc(var(--rotate) + 180deg));opacity:0}}:root{--color-1:hsl(var(--primary));--color-2:hsl(var(--primary)/0.8);--color-3:hsl(var(--primary)/0.6);--color-4:hsl(var(--primary)/0.4)}