.hero.has-banner-image{height:250px}.hero.has-banner-image .hero-body{background:linear-gradient(hsla(0,0%,100%,0) 140px,rgba(0,0,0,.4) 0)}.hero.has-banner-image .hero-body .event-title{font-weight:500;padding-top:8rem}.hero.has-banner-image.is-clickable{cursor:pointer}.hero{background:linear-gradient(135deg,#0ea5e9,#2563eb);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;height:150px}.hero .hero-body{align-items:center;display:flex;height:100%;justify-content:center;padding:1rem;position:relative}.hero .hero-body .event-title{color:#fff;font-size:1.5rem;font-weight:500;line-height:1.2;margin-bottom:1.5rem;padding-top:1rem;text-align:center;word-break:break-word}.hero .hero-body .hero-footer{align-items:center;bottom:0;display:flex;padding:.5rem .75rem;position:absolute;width:100%}.hero .hero-body .hero-footer .subtitle-left{align-items:center;color:#fff;display:flex;font-size:1rem;height:30px;margin-right:auto}.hero .hero-body .hero-footer .subtitle-left .edit-banner-input{display:none}.hero .hero-body .hero-footer .subtitle-left .icon{color:#fff;cursor:pointer;font-size:1.5rem}.hero .hero-body .hero-footer .subtitle-left .edit-banner-actions{align-items:center;display:flex;display:none;margin-left:.5rem}.hero .hero-body .hero-footer .subtitle-left .edit-banner-actions .question{font-size:.9rem;font-weight:600;text-align:center;text-shadow:0 0 5px rgba(0,0,0,.8)}.hero .hero-body .hero-footer .subtitle-left .edit-banner-actions .buttons{display:flex;justify-content:center;margin-bottom:0;margin-left:.5rem;width:100%}.hero .hero-body .hero-footer .subtitle-left .edit-banner-actions .buttons .button{border-color:transparent;border-radius:20px;font-size:.8rem;height:1.5rem;margin-bottom:0;padding-left:.8rem;padding-right:.8rem;width:auto}.hero .hero-body .hero-footer .subtitle-left .edit-banner-actions .buttons .button.edit{background-color:#3298dc;color:#fff;margin-right:.5rem;width:auto}.hero .hero-body .hero-footer .subtitle-left .edit-banner-actions .buttons .button.save{background-color:#48c774;color:#fff;display:none}.hero .hero-body .hero-footer .subtitle-left .edit-banner-actions .buttons .button.remove{background-color:#ffdd57;color:#4a4a4a}.hero .hero-body .hero-footer .subtitle-left .edit-banner-actions .buttons .button.cancel{background-color:#f5f5f5;color:#4a4a4a}.hero .hero-body .hero-footer .subtitle-right{color:#fff;font-size:.75rem;margin-bottom:0;margin-left:auto}.hero .hero-body .hero-footer .subtitle-right .organizer-name{font-weight:600}.hero .hero-body .hero-footer .subtitle-right .manage{color:#ffdd57;font-size:.9rem;font-weight:500}.hero .hero-body .hero-footer.active{background:linear-gradient(hsla(0,0%,100%,0),rgba(0,0,0,.4) 50px)}.banner-loading-icon{color:#3298dc;font-size:2rem;margin-bottom:1rem;text-align:center}@media screen and (min-width:768px){section.hero,section.hero .hero-body,section.hero .hero-footer{border-radius:0 0 10px 10px}}