*{padding:0;margin:0}.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:2rem;background-color:rgba(0,0,0,.45);border-radius:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .3s ease}.light .wrapper{background-color:hsla(0,0%,100%,.55)}.success-message{position:absolute;top:60px;width:100%;font-size:16px}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark{width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:10% auto;box-shadow:inset 0 0 0 #7ac142;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #7ac142}}