.action-list{--color-item-bg: rgba(var(--color-1), 1);--color-item-text: rgba(var(--color-white), 1);--filter-item-icon: var(--filter-white);--font-size-item: 1.125rem;padding:1rem 0;margin-top:1rem}.action-list.bg-8{background-color:rgba(var(--color-7), 1)}@media (min-width: 992px){.action-list{--font-size-item: 1.75rem}}.action-list__grid{display:grid;place-content:center;grid-gap:.75rem;grid-template-columns:repeat(2, 162px)}@media (min-width: 400px){.action-list__grid{grid-template-columns:repeat(2, 171px)}}@media (min-width: 992px){.action-list__grid{grid-gap:1.5rem}}.action-list__item{padding:1rem;background-color:var(--color-item-bg);border-radius:.5rem;width:100%;height:5.25rem;transition:all 0.3s ease-in-out;position:relative;color:var(--color-item-text);box-shadow:1px 1px 3px 0px #7e787840}@media (min-width: 992px){.action-list__item{max-width:20.625rem;height:6.5625rem}}.action-list__item--big{height:11.5rem}@media (min-width: 992px){.action-list__item--big{height:14.625rem}}.action-list__item--big .action-list__content{flex-direction:column}@media (min-width: 992px){.action-list__item--big .action-list__content .name{margin-right:auto}}@media (min-width: 992px){.action-list__item--big .action-list__content .icon{margin-left:auto}}.action-list__item--big .action-list__content .icon img{max-width:4.375rem;max-height:4.375rem}.action-list__item--big .action-list__content .icon i{width:4.375rem;height:4.375rem;filter:filter}.action-list__item:hover{transform:scale(1.05)}.action-list__item.add-recipe-button{margin:0}.action-list__content{display:flex;justify-content:space-between;align-items:center;height:100%}.action-list__content .name{font-size:var(--font-size-item);font-weight:var(--font-weight-light);max-width:10.75rem;color:var(--color-item-text)}.action-list__content .icon{display:inline-block}.action-list__content .icon img{display:inline-block;max-width:2.5rem;max-height:2.5rem}@media (min-width: 992px){.action-list__content .icon img{max-width:3.5rem;max-height:3.5rem}}.action-list__content .icon i{width:2.5rem;height:2.5rem;filter:var(--filter-item-icon)}@media (min-width: 992px){.action-list__content .icon i{width:3.5rem;height:3.5rem}}.action-list--cookitActions{background-color:rgba(var(--color-15), 1);padding:1.5rem 1rem;border-radius:.5rem;color:rgba(var(--color-2), 1);margin-bottom:2.5rem}.action-list--cookitActions:lang(pt-br){background:rgba(var(--color-1), 1);color:rgba(var(--color-5), 1)}.action-list--cookitActions .hl-3{font-size:1.375rem;text-align:center}@media (min-width: 992px){.action-list--cookitActions .hl-3{text-align:left}}.action-list--cookitActions .action-list__grid{grid-template-columns:1fr 1fr}@media (min-width: 576px){.action-list--cookitActions .action-list__grid{grid-template-columns:1fr 1fr 1fr 1fr}}.action-list--cookitActions .action-list__item{width:auto;max-width:initial;height:auto;padding:.5rem;background-color:rgba(var(--color-white), 1)}@media (min-width: 576px){.action-list--cookitActions .action-list__item{padding:1rem}}.action-list--cookitActions .action-list__item.active .icons .svg{opacity:0}.action-list--cookitActions .action-list__item.active .icons .svg--active{opacity:1}.action-list--cookitActions .action-list__content{flex-direction:row}@media (min-width: 576px){.action-list--cookitActions .action-list__content{flex-direction:column}}.action-list--cookitActions .action-list__content .icons{position:relative;width:2.125rem;height:2.125rem;flex:0 0 2.125rem;filter:var(--filter-1);margin-left:.5rem}@media (min-width: 576px){.action-list--cookitActions .action-list__content .icons{width:2.5rem;height:2.5rem;flex:0 0 2.5rem;order:1;margin-left:0;margin-bottom:.625rem}}.action-list--cookitActions .action-list__content .icons .svg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease-in-out}.action-list--cookitActions .action-list__content .icons .svg--active{opacity:0}.action-list--cookitActions .action-list__content .name{display:flex;align-items:center;justify-content:center;text-align:center;min-height:2.75rem;line-height:1.375rem;font-size:1rem;width:100%;color:rgba(var(--color-black), 1)}@media (min-width: 576px){.action-list--cookitActions .action-list__content .name{font-size:1.125rem;order:2}}