@import url("https://fonts.googleapis.com/icon?family=Material+Icons");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-25..0");:root{--tech-dark-blue:#071c42;--tech-border:#f6f6f6;--tech-text-body:#556b82;--bg-icon:#f6f6f6;--glass-white:#fff}.snackbar-stack{display:flex;flex-direction:column;gap:8px;max-width:600px;padding:40px 20px;transition:gap .6s cubic-bezier(.23,1,.32,1);width:100%}.snackbar-stack:hover{gap:16px}.snackbar{background:var(--glass-white);border:1px solid var(--tech-border);box-shadow:0 4px 12px rgba(0,0,0,.05);box-sizing:border-box;cursor:pointer;gap:18px;padding:12px 16px;position:relative;transition:transform .6s cubic-bezier(.23,1,.32,1);width:100%}.icon-box,.snackbar{align-items:center;border-radius:8px;display:flex}.icon-box{background-color:var(--bg-icon);background:linear-gradient(0deg,#08cccc 0,#0ff)!important;flex-shrink:0;height:54px;justify-content:center;width:54px}.icon-box span{color:var(--tech-dark-blue);font-size:36px;user-select:none}.snackbar:first-child{transform:rotate(-1.5deg)}.snackbar:nth-child(2){transform:rotate(1.2deg)}.snackbar:nth-child(3){transform:rotate(-.8deg)}.snackbar:nth-child(4){transform:rotate(1.4deg)}.snackbar-stack:hover .snackbar{animation:collide 5s ease-in-out infinite}.snackbar:hover{animation-play-state:paused!important;transform:rotate(0deg) scale(1.02)!important}.content h4{color:var(--tech-dark-blue);font-size:1.5rem;font-weight:400;margin:0}.content p{color:var(--tech-text-body);font-size:1rem;line-height:normal;margin:0}@keyframes collide{0%,to{transform:translateX(0)}25%{transform:translateX(4px) rotate(.3deg)}50%{transform:translateX(-4px) rotate(-.3deg)}75%{transform:translateX(2px) rotate(.1deg)}}.snackbar .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 700,"grad" 0,"opsz" 48}@media (max-width:768px){.snackbar-stack{flex-direction:row;gap:16px;overflow-x:auto;padding:20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;max-width:100%}.snackbar-stack::-webkit-scrollbar{display:none}.snackbar{flex:0 0 85%;margin-bottom:10px;scroll-snap-align:center;transform:rotate(0deg)!important}.snackbar-stack:hover .snackbar{animation:none}.content h4{font-size:1.2rem}.content p{font-size:.9rem}}