.anrico-categories {
    --anrico-categories-gold: #ddb75d;
    --anrico-categories-ring: #88919b;
    --anrico-categories-icon: #ddb75d;
    --anrico-categories-ink: #fff;
    --anrico-categories-ink-rest: rgb(255 255 255 / 88%);
    --anrico-categories-glow: rgb(221 183 93 / 24%);
    --anrico-categories-speed: 0.25s;
    display: block;
    box-sizing: border-box;
    max-inline-size: 100%;
    margin: 0;
    padding: 0;
    font-family: Poppins, sans-serif;
}

.anrico-categories .anrico-categories__sizer {
    display: block;
    inline-size: 720px;
    max-inline-size: 100%;
    block-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    pointer-events: none;
}

.anrico-categories .anrico-categories__scope {
    display: block;
    box-sizing: border-box;
    inline-size: 100%;
    margin: 0;
    padding: 0;
    container-type: inline-size;
    container-name: anrico-categories;
}

.anrico-categories.anrico-categories--light {
    --anrico-categories-gold: #a37b1f;
    --anrico-categories-ring: #6e7783;
    --anrico-categories-icon: #a37b1f;
    --anrico-categories-ink: #141517;
    --anrico-categories-ink-rest: rgb(20 21 23 / 88%);
    --anrico-categories-glow: rgb(163 123 31 / 22%);
}

.anrico-categories .anrico-categories__list {
    --anrico-categories-circle: var(--anrico-categories-size, 80px);
    --anrico-categories-gap: 40px;
    --anrico-categories-inner-gap: 12px;
    --anrico-categories-font-size: 16px;
    --anrico-categories-font-weight: 200;
    --anrico-categories-line-height: 1.45;
    --anrico-categories-list-flow: row;
    --anrico-categories-list-align: center;
    --anrico-categories-item-flex: 0 1 auto;
    --anrico-categories-link-flow: row;
    --anrico-categories-link-width: auto;
    --anrico-categories-link-pad: 0 6px 0 0;
    --anrico-categories-text-align: start;
    --anrico-categories-radius: calc(var(--anrico-categories-circle) / 2);
    display: flex;
    flex-flow: var(--anrico-categories-list-flow) nowrap;
    align-items: var(--anrico-categories-list-align);
    justify-content: flex-start;
    gap: var(--anrico-categories-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.anrico-categories.anrico-categories--align-center .anrico-categories__list {
    justify-content: center;
}

.anrico-categories.anrico-categories--align-end .anrico-categories__list {
    justify-content: flex-end;
}

.anrico-categories.anrico-categories--light .anrico-categories__list {
    --anrico-categories-font-weight: 300;
}

.anrico-categories .anrico-categories__item {
    display: block;
    flex: var(--anrico-categories-item-flex);
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.anrico-categories .anrico-categories__link {
    display: flex;
    flex-flow: var(--anrico-categories-link-flow) nowrap;
    align-items: center;
    gap: var(--anrico-categories-inner-gap);
    inline-size: var(--anrico-categories-link-width);
    min-block-size: 44px;
    margin: 0;
    padding: var(--anrico-categories-link-pad);
    border: 0;
    border-radius: var(--anrico-categories-radius);
    background: none;
    color: var(--anrico-categories-ink);
    text-align: var(--anrico-categories-text-align);
    text-decoration: none !important;
    transition: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.anrico-categories .anrico-categories__link:focus-visible {
    outline: 2px solid var(--anrico-categories-gold) !important;
    outline-offset: 6px;
}

.anrico-categories .anrico-categories__circle {
    position: relative;
    display: block;
    flex: none;
    inline-size: var(--anrico-categories-circle);
    aspect-ratio: 1;
    border-radius: 50%;
    transition: transform var(--anrico-categories-speed) ease, box-shadow var(--anrico-categories-speed) ease;
}

.anrico-categories .anrico-categories__circle::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid var(--anrico-categories-ring);
    border-radius: 50%;
    pointer-events: none;
    transition: border-color var(--anrico-categories-speed) ease;
}

.anrico-categories .anrico-categories__icon {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    fill: var(--anrico-categories-icon);
}

.anrico-categories .anrico-categories__label {
    display: block;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    color: var(--anrico-categories-ink-rest);
    font-family: Poppins, sans-serif;
    font-size: var(--anrico-categories-font-size);
    font-weight: var(--anrico-categories-font-weight);
    line-height: var(--anrico-categories-line-height);
    letter-spacing: 0.2px;
    text-transform: none;
    overflow-wrap: break-word;
    text-wrap: balance;
    transition: color var(--anrico-categories-speed) ease;
}

.anrico-categories .anrico-categories__link:focus-visible .anrico-categories__circle,
.anrico-categories .anrico-categories__link.is-current .anrico-categories__circle {
    box-shadow: 0 0 18px var(--anrico-categories-glow);
}

.anrico-categories .anrico-categories__link:focus-visible .anrico-categories__circle::before,
.anrico-categories .anrico-categories__link.is-current .anrico-categories__circle::before {
    border-color: var(--anrico-categories-gold);
}

.anrico-categories .anrico-categories__link:focus-visible .anrico-categories__label,
.anrico-categories .anrico-categories__link.is-current .anrico-categories__label {
    color: var(--anrico-categories-ink);
}

.anrico-categories .anrico-categories__link:active .anrico-categories__circle {
    transform: scale(0.97);
}

@media (hover: hover) {
    .anrico-categories .anrico-categories__link:hover .anrico-categories__circle {
        transform: scale(1.05);
        box-shadow: 0 0 18px var(--anrico-categories-glow);
    }

    .anrico-categories .anrico-categories__link:hover .anrico-categories__circle::before {
        border-color: var(--anrico-categories-gold);
    }

    .anrico-categories .anrico-categories__link:hover .anrico-categories__label {
        color: var(--anrico-categories-ink);
    }
}

@media (prefers-reduced-motion: reduce) {
    .anrico-categories .anrico-categories__circle,
    .anrico-categories .anrico-categories__circle::before,
    .anrico-categories .anrico-categories__label {
        transition: none;
    }

    .anrico-categories .anrico-categories__link:hover .anrico-categories__circle,
    .anrico-categories .anrico-categories__link:active .anrico-categories__circle {
        transform: none;
    }
}

@container anrico-categories (max-width: 699px) {
    .anrico-categories .anrico-categories__list {
        --anrico-categories-circle: var(--anrico-categories-size, clamp(52px, calc(12.5cqi - 15.5px), 72px));
        --anrico-categories-gap: clamp(14px, calc(11.25cqi - 46.75px), 32px);
        --anrico-categories-inner-gap: 8px;
        --anrico-categories-font-size: 15px;
    }
}

@container anrico-categories (max-width: 539px) {
    .anrico-categories .anrico-categories__list {
        --anrico-categories-circle: min(var(--anrico-categories-size, clamp(60px, calc(7.3cqi + 36.6px), 76px)), 100%);
        --anrico-categories-gap: clamp(4px, 2cqi, 12px);
        --anrico-categories-inner-gap: 8px;
        --anrico-categories-font-size: clamp(13.5px, calc(1cqi + 10.5px), 15px);
        --anrico-categories-font-weight: 300;
        --anrico-categories-line-height: 1.35;
        --anrico-categories-list-align: flex-start;
        --anrico-categories-item-flex: 1 1 0;
        --anrico-categories-link-flow: column;
        --anrico-categories-link-width: 100%;
        --anrico-categories-link-pad: 2px clamp(4px, 2cqi, 8px);
        --anrico-categories-text-align: center;
        --anrico-categories-radius: 14px;
    }
}

@container anrico-categories (max-width: 239px) {
    .anrico-categories .anrico-categories__list {
        --anrico-categories-circle: var(--anrico-categories-size, 56px);
        --anrico-categories-gap: 8px;
        --anrico-categories-list-flow: column;
        --anrico-categories-item-flex: none;
        --anrico-categories-link-flow: row;
        --anrico-categories-link-width: auto;
        --anrico-categories-link-pad: 0 6px 0 0;
        --anrico-categories-text-align: start;
        --anrico-categories-radius: 14px;
    }
}

@supports not (container-type: inline-size) {
    @media (max-width: 1279px) {
        .anrico-categories .anrico-categories__list {
            --anrico-categories-circle: var(--anrico-categories-size, clamp(52px, 6vw, 64px));
            --anrico-categories-gap: 16px;
            --anrico-categories-inner-gap: 8px;
            --anrico-categories-font-size: 15px;
        }
    }

    @media (max-width: 599px) {
        .anrico-categories .anrico-categories__list {
            --anrico-categories-circle: min(var(--anrico-categories-size, clamp(60px, 16vw, 76px)), 100%);
            --anrico-categories-gap: clamp(4px, 2vw, 12px);
            --anrico-categories-inner-gap: 8px;
            --anrico-categories-font-size: clamp(13.5px, 3.4vw, 15px);
            --anrico-categories-font-weight: 300;
            --anrico-categories-line-height: 1.35;
            --anrico-categories-list-align: flex-start;
            --anrico-categories-item-flex: 1 1 0;
            --anrico-categories-link-flow: column;
            --anrico-categories-link-width: 100%;
            --anrico-categories-link-pad: 2px clamp(4px, 2vw, 8px);
            --anrico-categories-text-align: center;
            --anrico-categories-radius: 14px;
        }
    }
}