@keyframes check__border--entrance{to{transform:rotate(315deg)}}@keyframes check__check--entrance{0%{opacity:0}}@keyframes check__check-top--entrance{0%{height:0px}}@keyframes check__check-bottom--entrance{0%{width:0px}}.check{position:relative;height:var(--check-size);width:var(--check-size);border-radius:50%;box-shadow:0 10px 5px #00000005}.check__border,.check__check{position:absolute}.check__border{border:var(--check-border-width) solid var(--check-color);border-right-color:transparent;inset:0;border-radius:50%;transform:rotate(-45deg);animation:check__border--entrance .5s ease}.check__border:before,.check__border:after{content:"";width:var(--check-border-width);height:var(--check-border-width);background:var(--check-color);position:absolute}.check__border:before{top:9px;right:11px;border-radius:0 50% 50%}.check__border:after{bottom:9px;right:11px;border-radius:50% 50% 50% 0%}.check__check{transform:rotate(45deg);inset:-15% 20% 30% 45%;animation:check__check--entrance .4s ease}.check__check-top,.check__check-bottom{position:absolute;background:var(--check-color);border-radius:12px}.check__check-top{width:var(--check-border-width);right:0;height:100%;bottom:0;animation:check__check-top--entrance .3s ease .3s backwards}.check__check-bottom{height:var(--check-border-width);left:0;width:100%;bottom:0;animation:check__check-bottom--entrance .3s ease backwards}@media screen and (max-width: 992px){.check{width:180px;height:180px}.check__border{border:18px solid var(--check-color);border-right-color:transparent}.check__check-top{width:18px}.check__check-bottom{height:18px}.check__border:before,.check__border:after{width:18px;height:18px}.check__border:before{top:5px;right:7px;border-radius:0 50% 50%}.check__border:after{bottom:5px;right:7px;border-radius:50% 50% 50% 0%}}@media screen and (max-width: 600px){.check{width:120px;height:120px}.check__border{border:12px solid var(--check-color);border-right-color:transparent}.check__check-top{width:12px}.check__check-bottom{height:12px}.check__border:before,.check__border:after{width:12px;height:12px}.check__border:before{top:4px;right:4px;border-radius:0 50% 50%}.check__border:after{bottom:4px;right:4px;border-radius:50% 50% 50% 0%}}@keyframes cross__border--entrance{to{transform:rotate(315deg);border-radius:50%;border-width:var(--cross-border-width)}0%{border-radius:40%;border-width:0px}}@keyframes cross__cross--entrance{0%{opacity:0}}@keyframes cross__cross-top--entrance{0%{height:0px}}@keyframes cross__cross-bottom--entrance{0%{width:0px}}.cross{position:relative;height:var(--cross-size);width:var(--cross-size);border-radius:50%;box-shadow:0 10px 5px #00000005}.cross__border,.cross__cross{position:absolute}.cross__border{border:var(--cross-border-width) solid var(--cross-color);inset:0;border-radius:50%;transform:rotate(-45deg);animation:cross__border--entrance .5s ease}.cross__cross{transform:rotate(45deg);inset:0%;animation:cross__cross--entrance .4s ease}.cross__cross-top,.cross__cross-bottom{position:absolute;background:var(--cross-color);border-radius:12px}.cross__cross-top{width:var(--cross-border-width);height:70%;right:calc(50% - var(--cross-border-width) / 2);bottom:15%;animation:cross__cross-top--entrance .3s ease .3s backwards}.cross__cross-bottom{height:var(--cross-border-width);width:70%;bottom:calc(50% - var(--cross-border-width) / 2);left:15%;animation:cross__cross-bottom--entrance .3s ease backwards}.cross.cancel .cross__cross-bottom{display:none}@media screen and (max-width: 992px){.cross{width:180px;height:180px}.cross__border{border:18px solid var(--cross-color)}.cross__check-top{width:18px}.cross__check-bottom{height:18px}@keyframes cross__border--entrance{to{transform:rotate(315deg);border-radius:50%;border-width:18px}0%{border-radius:40%;border-width:0px}}}@media screen and (max-width: 600px){.cross{width:120px;height:120px}.cross__border{border:12px solid var(--cross-color)}.cross__cross-top{width:12px;right:calc(50% - 6px)}.cross__cross-bottom{height:12px;bottom:calc(50% - 6px)}@keyframes cross__border--entrance{to{transform:rotate(315deg);border-radius:50%;border-width:12px}0%{border-radius:40%;border-width:0px}}}.loader-container{display:flex;align-items:center;justify-content:center;position:relative;height:150px;width:150px}.loader{position:absolute;box-sizing:border-box;left:0;top:0;border:10px solid rgba(0,0,0,.2);border-top:10px solid var(--loader-color);border-radius:50%;width:100%;height:100%;animation:spinloader 1s linear infinite}.loader-container img{z-index:-1;padding:0 5px 5px 0;height:55%;width:55%}:root{--color-licorice: rgb(50, 53, 72);--color-sundown: rgb(225, 107, 101);--color-teal: rgb(108, 197, 162);--color-lemon: rgb(247, 212, 85);--background-color: var(--color-licorice);--text-color: white;--cross-size: 250px;--cross-border-width: calc(var(--cross-size) / 10);--cross-error-color: var(--color-sundown);--cross-cancel-color: var(--color-lemon);--check-size: 250px;--check-color: var(--color-teal);--check-border-width: calc(var(--check-size) / 10);--loader-color: var(--color-teal)}.cross.error{--cross-color: var(--cross-error-color)}.cross.cancel{--cross-color: var(--cross-cancel-color)}@font-face{font-family:Bariol;src:url(/fonts/bariol-regular-webfont.woff) format("woff");font-weight:400}html,body{padding:0;margin:0}body{display:flex;align-items:center;justify-content:center;height:100vh;font-family:Bariol,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:var(--background-color)}.text{font-size:4rem;color:var(--text-color);margin:1rem 0}@media screen and (max-width: 992px){.text{font-size:3rem;color:var(--text-color);margin:1rem 0}}@media screen and (max-width: 600px){.text{font-size:2rem;color:var(--text-color);margin:.5rem 0}}.loader{position:absolute;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;left:0;top:0;border:10px solid rgba(0,0,0,.2);border-top:10px solid #4ea98e;border-radius:50%;width:100%;height:100%;animation:spinloader 1s linear infinite}img{min-width:0px;min-height:0px;max-width:100%;max-height:100%;width:100%;height:100%;padding:0 4rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.container{display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes spinloader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinlogo{0%{transform:rotate(360deg)}to{transform:rotate(0)}}