.counter {
    composes: absolute from global;
    composes: bg-brand-dark from global;
    composes: font-semibold from global;
    composes: leading-tight from global;
    composes: left-sm from global;
    composes: min-w-[1.25rem] from global;
    composes: px-1 from global;
    composes: py-0 from global;
    composes: rounded-full from global;
    composes: text-sm from global;
    composes: text-white from global;
    composes: top-1.5 from global;
}

.trigger {
    composes: root from '../clickable.module.css';

    composes: content-center from global;
    composes: flex from global;
    composes: h-[3rem] from global;
    composes: justify-center from global;
    composes: min-w-[3rem] from global;
    composes: relative from global;
    composes: z-foreground from global;
}

.triggerContainer {
    composes: hidden from global;
    composes: items-center from global;
    composes: h-lg from global;

    composes: lg_grid from global;
}

.triggerContainer_open {
    composes: triggerContainer;

    composes: shadow-headerTrigger from global;
}

.link {
    composes: trigger;

    composes: flex from global;

    composes: lg_hidden from global;
}