.material-symbols-outlined {
          font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .icon-fill {
            font-variation-settings: 'FILL' 1;
        }
        
        .glass-nav {
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
        }
        
        /* Hide scrollbar for carousel */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        body[data-page='tweets'] main article {
            transition-duration: 180ms;
            transition-property: transform, box-shadow;
            transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        }

        body[data-page='tweets'] main article a {
            min-height: 44px;
            border-radius: 4px;
            width: fit-content;
            transform-origin: left center;
            transition: color 180ms ease, transform 120ms cubic-bezier(.23, 1, .32, 1);
        }

        body[data-page='tweets'] main article a:active {
            transform: scale(.97);
        }

        body[data-page='tweets'] main article a:focus-visible {
            outline: 3px solid rgba(0, 113, 227, .24);
            outline-offset: 4px;
        }

        @media (hover: hover) and (pointer: fine) {
            body[data-page='tweets'] main article:hover {
                transform: translateY(-4px);
            }

            body[data-page='tweets'] main article:hover img {
                transform: scale(1.025);
            }
        }

        @media (max-width: 767px) {
            body[data-page='tweets'] main article p {
                font-size: 17px;
                line-height: 1.75;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            body[data-page='tweets'] main article,
            body[data-page='tweets'] main article:hover,
            body[data-page='tweets'] main article img,
            body[data-page='tweets'] main article:hover img,
            body[data-page='tweets'] main article a,
            body[data-page='tweets'] main article a:active {
                transform: none;
                transition-property: color, box-shadow, outline-color;
            }
        }