.categories-bar-container{max-width:100%;width:-moz-fit-content;width:fit-content;background:rgba(181,182,181,.7);padding:.5rem;display:flex;flex-direction:row;overflow:auto;scale:.9;transform-origin:left;--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow)}.categories-bar-container:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url(/assets/svg/lines.svg);background-size:10px 10px;background-repeat:repeat;opacity:.05;filter:invert(.8);pointer-events:none}.catergory-archive-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--tw-shadow:0 20px 25px -5px rgba(0,0,0,0),0 8px 10px -6px rgba(0,0,0,0);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow);border-bottom:2px solid rgba(0,0,255,0);transition:all .3s ease-in-out}.catergory-archive-button.catergory-archive-button-active{color:var(--primary);font-weight:500;border-bottom:2px solid blue}.catergory-archive-button.catergory-archive-button-active,.catergory-archive-button:hover{background:#e8e8e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .3s ease-in-out}.catergory-archive-button:hover{color:var(--color-alt);border-bottom:2px solid rgba(0,0,255,0);--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow)}.categories-bar{width:calc(110% + 2rem)!important}