canvas{position:absolute;border-radius:5px;right:4vw;left:4vw;width:92vw;height:28vh;box-shadow:#110c2e26 0 48px 100px;background-color:#f5f5f5;bottom:12vh}@media (max-width: 1000px){canvas{display:none}}.person{position:relative;display:grid;margin:0;grid-template-rows:.1fr 1fr;width:100%;height:50vh;box-shadow:#ffffff1a 0 1px 1px inset,#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px;border-radius:5px;background-color:#827397}.top{display:flex;flex-direction:row;margin:10px;width:auto;height:6vh;align-items:center}.top p{display:flex;margin-block:auto;align-items:center;justify-content:center;margin-inline:5% auto;font-size:25px}.top button{margin-inline:auto 5%;border:0px;height:inherit;width:auto;align-items:center;justify-content:center;background-color:#0000;border-radius:50%;transition:background-color ease .2s}.top button:hover{background-color:#a898bd;mix-blend-mode:lighten(#a898bd,59%)}.top button img{user-select:none;margin-top:2px;height:70%}.time{margin-inline:1vw;margin-bottom:3vh;border-radius:6px;width:auto;height:39vh;overflow-x:hidden;background-color:#243a73;box-shadow:#0000001a 0 4px 12px}.demo{align-items:center!important;appearance:none;background-color:#fcfcfd!important;border-radius:4px!important;border-width:0!important;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;box-sizing:border-box;color:#36395a;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;height:33px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s!important;user-select:none!important;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px;position:absolute;top:2vh;right:20%}.demo:focus{box-shadow:#d6d6e7 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset}.demo:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;transform:translateY(-2px)}.demo:active{box-shadow:#d6d6e7 0 3px 7px inset;transform:translateY(2px)}.demo h3{margin-bottom:10px}::-webkit-scrollbar{width:13px}::-webkit-scrollbar-track{background:#243A73;border-radius:10px;border:2px solid #243A73}::-webkit-scrollbar-thumb{background:#667aac;border-radius:10px;border:2px solid #243A73}::-webkit-scrollbar-thumb:hover{background:#c4c4cc}::-webkit-scrollbar-thumb:active{background:#aeaeb5}.timeslot{display:flex;flex-direction:row;gap:.5vw;width:auto;height:35px;margin-block:10px;margin-inline:10px;padding-block:5px;border-radius:6px;align-content:center;align-items:center;justify-content:center;background-color:#a5becc}.timeslot p{margin-inline:3%;font-size:large}.timeslot input{padding-inline:2px;border-radius:5px;border:0;height:25px;width:100px}.timeslot input:focus,.timeslot input:active{border:0;height:25px;width:100px}.but{margin-inline:auto 3%;height:40px;width:40px;padding:10px;border:0px;border-radius:50%;background-color:#db313100;transition:background-color ease .3s}.but:hover{background-color:#d6f0ff}.but:active{background-color:#f5f5f5}.but img{user-select:none;height:100%;width:auto;margin:0}.mid{display:flex;flex-direction:column}.mid button{bottom:2vh;margin:auto;font-size:16px;font-weight:200;letter-spacing:1px;padding:13px 20px;outline:0;border:1px solid black;cursor:pointer;position:relative;background-color:#0000;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto;height:6vh}.mid button:after{content:"";background-color:#ff9f29;width:100%;z-index:-1;position:absolute;height:100%;top:7px;left:7px;transition:.2s}.mid button:hover:after{top:0px;left:0px}@media (min-width: 768px){.mid button{padding:13px 50px}}.res{overflow-x:hidden;gap:0px;padding:4px .5vw;height:32vh;border-radius:6px;background-color:#9dd6df;flex-direction:column;display:flex;margin-inline:1vw;margin-bottom:2vh}.result{background-color:#42c9de;margin-inline:auto;align-items:center}@media (max-width: 1000px){.mid{grid-row:3}}body{margin:0;position:relative;margin-top:16vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden;user-select:none;background-color:#f2ebe9}.card{width:90vw;height:84vh;padding-bottom:8vh;padding-inline:5vw;overflow:hidden;display:grid;grid-template-columns:1.1fr .8fr 1.1fr;grid-template-rows:1.2fr .8fr;gap:5vh 1vw}h1{position:absolute;margin-left:-2vw;margin-top:-10vh}@media (max-width: 1000px){body{padding-top:10vh;display:hidden;margin:0}h1{top:12vh}.card{overflow:visible;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;gap:5vh 1vw;overflow-y:scroll}}