@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap";*{margin:0;padding:0;font-family:Ubuntu;box-sizing:border-box;scroll-behavior:smooth}:root{--gradient-1: linear-gradient(120deg, #ffa15e, #fc377e);--color-grayscale-1: #9c9c9c;--color-grayscale-2: #262626;--alpha-grayscale-2: rgba(38, 38, 38, .5);--color-light: #fff;--color-danger: #cf3131;--color-success: #48ca48;--color-warning: #e9c227;--thickness-1: .18rem;--padding-1: .25rem;--padding-2: .5rem;--padding-3: 1rem;--padding-4: 2rem;--radius-1: .5rem;--radius-2: 1rem;--radius-3: 2rem}body{padding:var(--padding-3)}input[type=text]{border:none;outline:none;padding:calc(var(--padding-3) - var(--thickness-1) * .5);width:100%}button{border:none;outline:none;cursor:pointer;padding:var(--padding-3);text-align:center;width:100%;border-radius:var(--radius-1);white-space:nowrap;transition:all .3s ease-in-out}button[disabled]{cursor:not-allowed;opacity:.75}ul{margin-left:var(--padding-4)}ul li{margin-top:var(--padding-2)}.bg-gradient-1{background:var(--gradient-1)}.bg-light{background:var(--color-light)}.bg-to-text{-webkit-background-clip:text;background-clip:text;color:transparent}.color-grayscale-1{color:var(--color-grayscale-1)}.color-grayscale-2{color:var(--color-grayscale-2)}.placeholder-grayscale-1::placeholder{color:var(--color-grayscale-1)}.placeholder-grayscale-2::placeholder{color:var(--color-grayscale-2)}.color-light{color:var(--color-light)}.color-danger{color:var(--color-danger)}.color-success{color:var(--color-success)}.color-warning{color:var(--color-warning)}.badge{aspect-ratio:1/1;width:3.5rem;display:grid;place-items:center;border-radius:50%;margin:0 auto}.font-big{font-size:3rem}.font-medium{font-size:1.25rem}.font-small{font-size:1rem;font-weight:500}.text-center{text-align:center}.px-3{padding-left:var(--padding-3);padding-right:var(--padding-3)}.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.shadow{box-shadow:0 0 1.5rem #0003}.placeholder{padding:var(--padding-4) 0;width:100%;margin-bottom:var(--padding-3);border-radius:var(--radius-1)}.placeholder p{max-width:20rem;margin:0 auto}.x-mark{width:3rem;line-height:3rem;aspect-ratio:1/1;border-radius:50%;top:var(--padding-2);right:var(--padding-3);position:absolute;font-size:1.8rem;cursor:pointer}@media screen and (max-width: 500px){html{font-size:.9rem}}@media screen and (max-width: 300px){html{font-size:4vw}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes move{0%{transform:rotate(0) translate(-70%,-70%)}50%{transform:rotate(360deg) translate(0)}to{transform:rotate(720deg) translate(-70%,70%)}}