[data-template="actions"] {

    --gap-size: 16px;
    --wrapper-padding: 35px;
    
    --font-size: 18px;
    --font-color: #333;
    --font-family: "Roboto", sans-serif;
    
    /* menu */

    --menu-border-radius: 16px;
    --menu-paddings: var(--gap-size) calc(var(--gap-size) * 1.5);
    --menu-size: calc(var(--font-size) + 2px);
    --menu-height: calc(var(--font-size) + 2px);
    --menu-weight: 700;

    --menu-active-border-width: 2px;
    --menu-active-border-color: rgba(79, 128, 255, 1);
    --menu-active-bg-color: rgba(79, 128, 255, 1);
    --menu-active-text-color: #FFF;

    --menu-inactive-border-width: 2px;
    --menu-inactive-border-color: rgba(118, 155, 253, 0.30);
    --menu-inactive-bg-color: linear-gradient(180deg, rgba(87, 134, 255, 0.05) 0%, rgba(104, 146, 255, 0.05) 100%);
    --menu-inactive-text-color: rgba(79, 128, 255, 1);

    /* picture */

    --picture-fallback-color: #CFDCF0;
    --picture-border-radius: 16px;

    /* header */

    --header-color: rgba(79, 128, 255, 1);

    /* date */

    --date-text-color: #606060;
    --date-border-color: rgba(0, 0, 0, 0.08);

    /* text */

    --text-clamps: 8;

}

@media (max-width: 768px) {

    [data-template="actions"] {

        --wrapper-padding: 20px;

    }

}