@layer components{.style-module__q3_lAW__root{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);cursor:pointer;transition:all .2s ease-in-out;display:inline-flex}.style-module__q3_lAW__root .style-module__q3_lAW__icon{color:var(--color-gray-500);transition:color .2s ease-in-out}.style-module__q3_lAW__root .style-module__q3_lAW__name{color:var(--color-black,#000);font-weight:300;transition:color .2s ease-in-out;display:none}.style-module__q3_lAW__root .style-module__q3_lAW__count{min-width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);padding:0 calc(var(--spacing,.25rem) * 1);background-color:var(--color-primary-500);color:var(--color-white,#fff);font-size:var(--text-xs,.75rem);border-radius:3.40282e38px;justify-content:center;align-items:center;font-weight:300;line-height:1;display:inline-flex}:is(.style-module__q3_lAW__root:hover,.style-module__q3_lAW__root.style-module__q3_lAW__active) .style-module__q3_lAW__icon,:is(.style-module__q3_lAW__root:hover,.style-module__q3_lAW__root.style-module__q3_lAW__active) .style-module__q3_lAW__name{color:var(--color-primary-500)}@media (min-width:64rem){.style-module__q3_lAW__root .style-module__q3_lAW__name{display:block}}}