@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@500&display=swap);
.td-rosely{position:relative;padding-top:5rem;padding-bottom:5rem}.td-rosely>.byline{position:absolute;bottom:2px;right:4px}.td-rosely{position:relative;padding-top:5rem;padding-bottom:5rem}.td-rosely>.byline{position:absolute;bottom:2px;right:4px}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:min(12px,1vw);overflow-y:scroll;background:#f4eee8;font-family:"Overpass Mono",monospace}.container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f4eee8}.components{border-radius:3rem;box-shadow:.8rem .8rem 1.4rem #f4dede,-0.2rem -0.2rem 1.8rem #fff;display:flex;flex-direction:column;align-items:center;gap:3rem;overflow:hidden}.info{max-width:80rem;color:#b3b3b3;font-size:1.4rem;text-align:center}.info li{padding-top:1rem;max-width:70rem}.info a{color:#be9cc1;font-weight:bolder;transition:all .3s ease}.info a:hover{color:#d2c4d6}body::-webkit-scrollbar{display:none}.form__input{resize:none;border:none;border-radius:1rem;font-size:1.4rem;padding:1.4rem;box-shadow:inset .2rem .2rem .5rem #f4dede,inset -0.2rem -0.2rem .5rem #fff;background:none;font-family:inherit;color:#85677b;overflow:auto;outline:none;margin:3rem 3rem 0 3rem;caret-color:#d2386c;resize:none}.form__input::placeholder{color:#ccc}.form__input:focus{outline:none}.form__input::selection{background:#b565a7;color:#f4eee8}.form__input::-webkit-scrollbar{width:6px;height:6px}.form__input::-webkit-scrollbar-track{border-radius:10px;background:#f4dede}.form__input::-webkit-scrollbar-thumb{border-radius:10px;background:#f7caca}.form__input::-webkit-scrollbar-thumb:hover{background:#f7caca}.form__input::-webkit-scrollbar-thumb:active{background:#b565a7}.keyborad-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.7rem;margin:0 3rem}.line-container{width:80rem;display:flex;flex-direction:row;gap:.7rem}.btn{width:4rem;height:4rem;border-radius:4rem;display:flex;justify-content:center;align-items:center;box-shadow:.3rem .3rem .6rem #f4dede,-0.2rem -0.2rem .5rem #fff;justify-self:center;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:2rem;flex-grow:0;color:#a49e9e}.btn:hover{color:#b565a7;font-weight:bolder}.btn:active{box-shadow:inset .2rem .2rem .5rem #f4dede,inset -0.2rem -0.2rem .5rem #fff}.btn--active{box-shadow:inset .2rem .2rem .5rem #f4dede,inset -0.2rem -0.2rem .5rem #fff;color:#b565a7;font-weight:bolder}.btn--fake{visibility:hidden}.btn--Func{font-size:1.2rem;font-weight:bold;word-spacing:.5;background-color:#b565a7;color:#c9c5c5;box-shadow:.3rem .3rem .6rem #be9cc1,-0.2rem -0.2rem .5rem #fff}.btn--Func:hover{color:#f4eee8}.btn--Func:active{box-shadow:inset .2rem .2rem .5rem #7a3a6f,inset -0.2rem -0.2rem .5rem #d6aace}.btn--Func.btn--active{color:#f4eee8;box-shadow:inset .2rem .2rem .5rem #7a3a6f,inset -0.2rem -0.2rem .5rem #d6aace}.material-symbols-outlined{font-size:calc(2*min(16px,1vw))}.capsed{background-color:#d2c4d6;color:#a49e9e}.capsed.btn--Func:active{box-shadow:inset .2rem .2rem .5rem #a488ac,inset -0.2rem -0.2rem .5rem #e9e2eb}.btn.btn--Arrow{font-family:"Inter",sans-serif}big{font-size:2rem}.footer>*{box-sizing:border-box}ol,ul,a,p{list-style:none;text-decoration:none}.footer{width:100%;display:flex;align-items:center;justify-content:center}.footer-list{padding:1rem;display:flex;flex-direction:row;align-content:center;gap:2rem}.footer-list>li{max-width:8rem;text-align:center}.footer-item{color:#85677b;transition:all .3s;transition:all .3s ease;max-width:8rem}.footer-text{padding:.5rem;opacity:.5}.footer-svg{max-height:2.5rem;max-width:fit-content;padding-left:.5rem;opacity:.5;filter:invert(47%) sepia(10%) saturate(821%) hue-rotate(267deg) brightness(89%) contrast(92%)}.footer-svg:hover{opacity:.9}.footer-svg.footer-svg--rose{filter:none;max-width:2.5rem}