.event-stamp-success{position:relative;max-width:680px;margin:24px auto 30px;padding:22px 24px 24px;overflow:hidden;border:3px solid #e4ad29;border-radius:8px;background:#fffaf0;color:#245752;text-align:center;box-shadow:0 7px 0 #f4e2a9,0 12px 24px rgba(72,81,49,.12);animation:event-award-in .45s ease-out both}
.event-stamp-success:before,.event-stamp-success:after{content:"";position:absolute;top:18px;width:10px;height:24px;background:#ed8f34;box-shadow:30px 40px 0 #68bcb2,12px 105px 0 #e6b52c;transform:rotate(-28deg);pointer-events:none}
.event-stamp-success:before{left:20px}.event-stamp-success:after{right:30px;transform:rotate(28deg);background:#68bcb2;box-shadow:-25px 42px 0 #ed8f34,-12px 105px 0 #e6b52c}
.event-stamp-success-mark{display:flex!important;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 12px;border:5px solid #e5b836;border-radius:50%;background:#16807a;color:#fff;font-size:32px;box-shadow:0 0 0 5px #fff,0 0 0 7px #f0d57a}
.event-stamp-success strong{position:relative;display:block;margin:0 20px;font-size:26px;line-height:1.4}
.event-stamp-success p{position:relative;margin:10px 20px 0;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.event-complete-heading{position:relative;margin:26px 8px 30px;padding:10px 24px 24px;text-align:center}
.event-complete-heading:before{content:"★";position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto 18px;border:1px solid #bd902c;border-radius:50%;background:#fff8e4;color:#b98619;font-size:26px;letter-spacing:0;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 5px #e2c77f}
.event-complete-heading:after{content:"";position:absolute;top:32px;left:20%;right:20%;height:1px;background:#dfce9b;pointer-events:none}
.event-complete-ribbon{position:relative;animation:event-award-in .5s ease-out both;filter:drop-shadow(0 7px 6px rgba(21,64,56,.13))}
.event-complete-ribbon:before,.event-complete-ribbon:after{content:"";position:absolute;top:14px;bottom:-14px;width:36px;background:#104b45;pointer-events:none}
.event-complete-ribbon:before{left:-24px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,24% 50%)}
.event-complete-ribbon:after{right:-24px;clip-path:polygon(0 0,100% 0,76% 50%,100% 100%,0 100%)}
.event-complete-heading h1{position:relative;z-index:1;display:block;margin:0!important;padding:22px 24px!important;border:0!important;border-radius:0!important;background:#17675e!important;color:#fff!important;font-size:28px!important;font-weight:bold!important;line-height:1.5!important;letter-spacing:0!important;text-align:center!important;text-wrap:balance;text-shadow:0 2px 0 rgba(0,0,0,.15);overflow-wrap:anywhere;box-shadow:inset 0 0 0 5px #17675e,inset 0 0 0 6px #cfaf5c}
.event-complete-heading h1:before,.event-complete-heading h1:after{content:"";position:absolute;bottom:-14px;width:0;height:0;border-style:solid;pointer-events:none}
.event-complete-heading h1:before{left:0;border-width:0 12px 14px 0;border-color:transparent #083b36 transparent transparent}
.event-complete-heading h1:after{right:0;border-width:14px 12px 0 0;border-color:#083b36 transparent transparent transparent}
@keyframes event-award-in{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){.event-stamp-success{margin:20px 4px 26px;padding:20px 12px}.event-stamp-success strong{font-size:23px}.event-stamp-success p{font-size:15px}.event-stamp-success:before{left:12px}.event-stamp-success:after{right:18px}.event-complete-heading{margin:22px 0 28px;padding:10px 18px 24px}.event-complete-heading h1{padding:20px 16px!important;font-size:23px!important}.event-complete-ribbon:before{left:-18px;width:30px}.event-complete-ribbon:after{right:-18px;width:30px}}
@media(prefers-reduced-motion:reduce){.event-stamp-success,.event-complete-ribbon{animation:none}}