section.svelte-127f2cf.svelte-127f2cf{background:#f0f4f6;margin-left:calc((100vw - 100%)/-2);margin-right:calc((100vw - 100%)/-2);width:100vw;opacity:0;transform:translateY(20px)}section.svelte-127f2cf .wrapper.svelte-127f2cf{padding:20px 20px 50px}@media screen and (min-width: 576px){section.svelte-127f2cf .wrapper.svelte-127f2cf{padding:30px 50px 100px}}@media screen and (min-width: 768px){section.svelte-127f2cf .wrapper.svelte-127f2cf{padding:50px 100px 100px}}section.svelte-127f2cf .wrapper .item.svelte-127f2cf{height:100%;background:#fff;border-radius:6px}@media screen and (min-width: 768px){section.svelte-127f2cf .wrapper .item.svelte-127f2cf{min-height:120px}}section.svelte-127f2cf .wrapper .item .thumbnail.svelte-127f2cf{min-width:auto;height:100%;border-radius:6px 6px 0 0;overflow:hidden;background:#fff}@media screen and (min-width: 768px){section.svelte-127f2cf .wrapper .item .thumbnail.svelte-127f2cf{max-width:240px;min-width:240px;border-radius:6px 0 0 6px}}section.svelte-127f2cf .wrapper .item .thumbnail img.svelte-127f2cf{display:block;width:100%;height:100%;transition:transform .3s;-o-object-fit:contain;object-fit:contain}section.svelte-127f2cf .wrapper .item .category.svelte-127f2cf{width:100px;text-align:center;padding:5px;border:1px solid #dce1e6;border-radius:6px}section.svelte-127f2cf .wrapper .item .clickable-button.svelte-127f2cf{position:relative;min-width:40px;height:40px;border-radius:50%;border:1px solid #00a596}section.svelte-127f2cf .wrapper .item .clickable-button .arrow.svelte-127f2cf{position:absolute;top:50%;left:45%;transform:rotate(45deg);width:8px;height:8px;border:1px solid #00a596;border-left:0;border-bottom:0}section.svelte-127f2cf .wrapper .item.svelte-127f2cf:hover{background:#fafafa}section.svelte-127f2cf .wrapper .item:hover .thumbnail img.svelte-127f2cf{transform:scale(1.05)}section.svelte-127f2cf .wrapper .item:hover .clickable-button.svelte-127f2cf{background:#00a596}section.svelte-127f2cf .wrapper .item:hover .clickable-button .arrow.svelte-127f2cf{border-color:#fff;animation:svelte-127f2cf-arrowHoverIn .3s ease-out forwards}section.svelte-127f2cf .wrapper .item:not(:hover) .clickable-button .arrow.svelte-127f2cf{animation:svelte-127f2cf-arrowHoverOut .3s ease-out forwards}section.svelte-127f2cf .wrapper .more-button.svelte-127f2cf{border:1px solid #00a596;border-radius:20px;padding:10px 30px}section.svelte-127f2cf .wrapper .more-button p.svelte-127f2cf{font-size:15px;font-family:Jost,sans-serif;color:#00a596}section.svelte-127f2cf .wrapper .more-button .arrow.svelte-127f2cf{display:block;width:8px;height:8px;border:1px solid #00a596;border-left:0;border-bottom:0;transform:translateY(-3px) rotate(135deg);transition:transform .3s}section.svelte-127f2cf .wrapper .more-button.svelte-127f2cf:hover{background:#00a596}section.svelte-127f2cf .wrapper .more-button:hover p.svelte-127f2cf{color:#fff}section.svelte-127f2cf .wrapper .more-button:hover .arrow.svelte-127f2cf{border-color:#fff;transform:translateY(0) rotate(135deg)}section.show.svelte-127f2cf.svelte-127f2cf{animation:svelte-127f2cf-slideIn .8s forwards cubic-bezier(0,.1,0,1),svelte-127f2cf-fadeIn .8s forwards ease-in-out}@keyframes svelte-127f2cf-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-127f2cf-slideIn{0%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes svelte-127f2cf-arrowHoverIn{0%{transform:translate(-50%,-45%) rotate(45deg)}1%{transform:translate(-150%,-45%) rotate(45deg)}to{transform:translate(-50%,-45%) rotate(45deg)}}@keyframes svelte-127f2cf-arrowHoverOut{0%{transform:translate(-50%,-45%) rotate(45deg)}1%{transform:translate(50%,-45%) rotate(45deg)}to{transform:translate(-50%,-45%) rotate(45deg)}}
