.font-xxs{font-size:.625em}.font-xs{font-size:.75em}.font-sm{font-size:.875em}.font-md{font-size:1em}.font-mm{font-size:1.25em}.font-ml{font-size:1.5em}.font-lg{font-size:2em}.font-xl{font-size:3em}.light{font-weight:300}.regular{font-weight:400}.medium{font-weight:500}.semibold{font-weight:600}.bold{font-weight:700}.extrabold{font-weight:800}.black{font-weight:900}@keyframes stroke-gradient{0%{background-position:15% 0}50%{background-position:85% 100%}to{background-position:15% 0}}@keyframes move-bg{0%{-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),3px calc(100% - 3px),3px 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),3px calc(100% - 3px),3px 100%,100% 100%,100% 0,0 0)}25%{-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,100% 100%,100% 0,0 0)}50%{-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,100% 0,0 0);clip-path:polygon(0 100%,3px 100%,3px 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 3px,100% 0,0 0)}75%{-webkit-clip-path:polygon(0 100%,3px 100%,3px 3px,3px 3px,3px 3px,3px 3px,3px 3px,3px 3px,3px 0,0 0)}to{-webkit-clip-path:polygon(0 100%,3px 100%,3px 100%,3px 100%,3px 100%,3px 100%,3px 100%,3px 100%,3px 100%,0 100%)}}@keyframes underlined{0%{background-position:0 0;opacity:0}to{background-position:100% 0;opacity:1}}@keyframes line-rotation{20%{opacity:.5;transition:all .25s ease}50%{opacity:.2;transition:all .25s ease}to{opacity:.4;transform:translate(0) rotate(1turn)}}@keyframes line-2-rotation{0%{opacity:.2}50%{opacity:.2}70%{opacity:.1}to{opacity:.3;transform:translateY(-815px) rotate(540deg)}}@keyframes glowy{0%{top:-200px;transition:all .25s ease}25%{top:-400px;transition:all .25s ease}50%{top:-500px;transition:all .25s ease}75%{top:-400px;transition:all .25s ease}85%{top:-300px;transition:all .25s ease}to{top:-200px;transition:all .25s ease}}@keyframes soonish{0%{text-shadow:0 0 5px #f3f2f7}20%{text-shadow:0 0 5px rgba(243,242,247,.8)}40%{text-shadow:0 0 5px rgba(243,242,247,.5)}60%{text-shadow:0 0 5px rgba(243,242,247,.8)}to{text-shadow:0 0 5px #f3f2f7}}@keyframes glow-purple{0%{text-shadow:0 0 5px rgba(179,128,253,.8)}20%{text-shadow:0 0 10px rgba(179,128,253,.6)}40%{text-shadow:0 0 15px rgba(179,128,253,.4)}60%{text-shadow:0 0 10px rgba(179,128,253,.6)}to{text-shadow:0 0 5px rgba(179,128,253,.8)}}.form{width:-webkit-fill-available}@media(max-width:1080px){.form{margin-right:0}}.form h3{font-size:1.5em;margin-bottom:1em}.form .select-icon-wrapper{align-items:center;justify-content:space-between;margin-top:0!important;width:100%}.form .container{display:flex;flex-direction:column;gap:2em}.form .container section{justify-items:center;display:flex;flex-direction:column;gap:.75em}@media(max-width:600px){.form.add-lock-wrapper{margin-left:0}}.history{width:50%;min-width:40%}@media(max-width:600px){.history .date-group,.history h2{text-align:center}.history h2{margin-bottom:1em;font-size:1em}}.history .date{color:rgba(243,242,247,.5);font-weight:300;margin:1em auto .75em}.history .transaction{align-items:center;border-radius:12px;display:grid;font-weight:700;grid-template-columns:135px 1fr 180px;padding:.625em 0}@media(max-width:600px){.history .transaction{display:flex;flex-direction:row;justify-content:space-between}.history .transaction .separator{display:none}}@media(max-width:450px){.history .transaction{grid-template-columns:1fr;flex-direction:column;gap:.75em}}.history .transaction.redeem{align-items:center;justify-content:space-between;display:flex}@media(max-width:450px){.history .transaction.redeem{align-items:flex-start}}.history .transaction.redeem .field{align-items:flex-start;flex-direction:column;justify-content:space-between;width:max-content}.history .transaction.redeem .time-left{font-size:.75em;font-weight:400}.history .transaction .field{align-items:center;display:flex;gap:.75em;width:min-content}.history .transaction .field .token{align-items:center;display:flex;gap:.4375em}.history .transaction .separator{margin:0 .75em}.history .transaction .separator+.field{justify-self:flex-end}.additional-fields,.buttons-group{display:flex;flex-direction:column;gap:1em}.additional-fields{align-items:flex-end}.additional-fields .field{align-items:center;display:flex;gap:.75em}.additional-fields .input-calendar,.additional-fields .input-fee{background-color:rgba(0,0,0,.2);border-radius:12px;padding:1em;display:flex;gap:.75em}.additional-fields .input-calendar img,.additional-fields .input-fee img{cursor:pointer}.additional-fields .input-calendar img:hover,.additional-fields .input-fee img:hover{opacity:.5;transition:all .25s linear}.additional-fields .input-calendar input,.additional-fields .input-fee input{background:none;border:none;color:#f3f2f7;font-family:Urbanist,sans-serif;font-size:.875em;font-weight:400}.additional-fields .input-calendar input:focus,.additional-fields .input-fee input:focus{outline:none}