@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300;500;600;700;900&display=swap);.cont{background-color:#373737;height:100vh;width:100vw}.testbuttons{display:flex;gap:20px;padding:20px}.testbutt{background-color:#8a2232;border-radius:4px;color:#fff;cursor:pointer;padding:10px;text-align:center;width:100px}.iox-notif{bottom:10px;display:flex;flex-direction:column;left:10px;pointer-events:none;position:fixed;transition:all .5s;z-index:2}.iox-notif,.iox-notif-card{cursor:default;max-width:300px;opacity:1;width:100%}.iox-notif-card{background-color:#fff;border-radius:4px;left:0;margin-bottom:5px;margin-top:5px;overflow:hidden;padding:4px 4px 7px;position:relative;transition:left .5s,opacity .5s}.iox-notif-card.unopened{left:-350px;opacity:0;transition:left .5s,opacity .5s}.iox-notif-card.closing{left:-350px;opacity:0;transition:left .8s,opacity .8s}.iox-notif *{font-family:jost}.iox-notif b{color:var(--main-color)}.iox-notif .tinynotif b{color:var(--second-color)}.iox-notif-inner{display:flex;gap:10px;height:100%}.iox-notif-display{background-color:#8a2332aa;color:#fff;display:flex;font-size:30px;min-height:60px;min-width:60px;background-opacity:.4;align-items:center;border-radius:4px;justify-content:center;position:relative}.iox-notif-info{display:flex;flex-direction:column;padding:10px}.iox-notif-info-group{align-items:end;display:flex;justify-content:space-between}.iox-notif-info-text{flex-grow:2;font-size:1rem;line-height:1.2;padding-bottom:10px;white-space:prewrap}.iox-notif-info-button{color:var(--main-color);cursor:pointer;flex-grow:2;font-size:.85rem;line-height:1;padding-left:0;pointer-events:auto;text-transform:uppercase;transition:all .3s}.iox-notif-info-button:after{content:"\f054";display:inline-block;font:var(--fa-font-regular);font-size:10px;padding-left:0;text-rendering:auto;-webkit-font-smoothing:antialiased;transition:padding-left .4s}.iox-notif-info-button:hover:after{padding-left:3px}.iox-notif-info-button:hover{color:#000;padding-left:3px}.iox-notif-info-tag{font-size:.5rem;line-height:1;text-align:right}.iox-notif-indicator{background-color:var(--main-color);border-radius:0 0 0 2px;bottom:0;height:4px;left:0;position:absolute;transition:width 6s linear;width:0}.tinynotif .iox-notif-indicator{background-color:var(--second-color)}.unopened .iox-notif-indicator{transition:width .1s;width:100%}.iox-notif-card.tinynotif{background-color:transparent}.tinynotif .iox-notif-inner{align-items:center;gap:0}.tinynotif .iox-notif-display{background-color:#fff;border-radius:100%;z-index:3}.tinynotif.closing .iox-notif-info,.tinynotif.unopened .iox-notif-info{left:-50px;transition:left .5s}.tinynotif .iox-notif-info{background-color:#fff;border-radius:0 50px 50px 0;left:-15px;padding:10px 10px 10px 20px;position:relative;transition:left .5s}.iox-notif-circ{background-color:var(--second-color);border-radius:100%;left:50%;opacity:.47;position:absolute;top:50%;transform:translate(-50%,-50%)}.circ3{height:50px;transition:width 1s cubic-bezier(.68,-.55,.265,1.35),height 1s cubic-bezier(.68,-.55,.265,1.35);width:50px}.circ2{height:35px;transition:width .8s cubic-bezier(.68,-.55,.265,1.35),height .8s cubic-bezier(.68,-.55,.265,1.35);width:35px}.circ1{height:20px;transition:width .65s cubic-bezier(.68,-.55,.265,1.35),height .65s cubic-bezier(.68,-.55,.265,1.35);width:20px}.closing .circ1,.closing .circ2,.closing .circ3,.unopened .circ1,.unopened .circ2,.unopened .circ3{height:0;width:0}.tinynotif .iox-notif-info-text{font-size:14px;line-height:1;padding:0;white-space:nowrap}.tinynotif .iox-notif-info-group{display:none}.iox-notif-successtext{border-left:1px dashed #000;margin-left:5px;padding-left:5px}.iox-success-animation{margin:150px auto}.iox-checkmark{border-radius:50%;display:block;height:58px;width:58px;stroke-width:4;stroke:#4bb71b;stroke-miterlimit:10;animation:iox-checkfill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;box-shadow:inset 0 0 0 #4bb71b;margin:0 auto}.iox-checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:4;stroke-miterlimit:10;stroke:#4bb71b;fill:#fff;animation:iox-checkstroke .6s cubic-bezier(.65,0,.45,1) forwards}.iox-checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:iox-checkstroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes iox-checkstroke{to{stroke-dashoffset:0}}@keyframes iox-checkscale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes iox-checkfill{to{box-shadow:inset 0 0 0 30px #4bb71b}}.iox-notif-successdisplay{align-items:center;background-color:#fff;border-radius:4px;border-radius:100%;color:#fff;display:flex;font-size:30px;justify-content:center;min-height:60px;min-width:60px;position:relative;z-index:1}.success .big-c-inner{align-items:center;gap:0}.success .big-c-info{background-color:#fff;border-radius:0 50px 50px 0;left:-15px;padding:10px 10px 10px 20px;position:relative;transition:left .5s}.big-c-card.success{background-color:transparent}