.ripple{position:absolute;overflow:hidden;pointer-events:none;z-index:0;inset:0;border-radius:inherit}.ripple__effect{position:absolute;pointer-events:none;border-radius:50%;transform:scale(0);background-color:var(--button-ripple);animation:ripple .5s ease-out}@keyframes ripple{to{transform:scale(2);opacity:0}}.button{position:relative;display:inline-flex;color:var(--button-color);background-color:var(--primary-color);border:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;font-weight:600;font-size:.875rem;line-height:1.75;letter-spacing:.02857em;text-transform:uppercase;min-width:120px;padding:10px 20px;border-radius:8px;align-items:center;justify-content:center;box-shadow:#0003 0 3px 1px -2px,#00000024 0 2px 2px,#0000001f 0 1px 5px;text-decoration:none;transition:background-color .25s,color .25s,box-shadow .25s;margin:5px}@media (hover: hover){.button:hover{background-color:var(--primary-color-saturated)}}.button:active{background-color:var(--primary-color-saturated);box-shadow:#0003 0 5px 5px -3px,#00000024 0 8px 10px 1px,#0000001f 0 3px 14px 2px}.button:disabled{cursor:default;box-shadow:none;color:var(--button-color-disabled);background-color:var(--button-background-color-disabled)}.button--loading .circular-progress{position:absolute;--circular-progress-size: 22px;--circular-progress-color: var(--button-progress-color)}.app{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.app .appbar{display:flex;flex-direction:row;align-items:center;justify-content:center;height:60px;width:100%;flex-shrink:0;color:var(--appbar-color);background-color:var(--appbar-background-color);padding:0 .5rem}.app .appbar__inner{flex:1;display:flex;max-width:1500px}.app main{width:100%}.app main .banner{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:2rem}@media (min-width: 1024px){.app main .banner{min-height:500px}}.app main .banner__content{width:100%;position:relative;max-width:1300px;padding:1rem}.app main .banner__content h2{color:#fff;text-transform:uppercase;font-size:4rem;font-weight:400;line-height:1.1;margin:6rem auto 2rem}.app main .banner__cover{width:100%;height:100%;position:absolute}.app main .banner__cover img{width:100%;height:100%;object-fit:cover;object-position:center}.app main .llamas__1{filter:sepia(100%)}.app main .llamas__2{filter:hue-rotate(-20deg)}.app main .llamas__3{filter:grayscale(100%) brightness(80%)}.app main .section{display:flex;justify-content:center;background-color:#3cb371;padding:2rem 0}.app main .section__content{max-width:1300px;padding:1rem}.app main .section__content h2{padding-bottom:1rem}