:root{--background-light:#f0f0f0;--background-dark:#000;--element-light:#185af2;--element-dark:#185af2;--link-light:#fff;--link-dark:#111;--search-light:#fff;--search-dark:#1c1c1c;--md-ripple-hover-color:#00000030;--md-ripple-pressed-color:#000;--md-dialog-container-color:#fff;--md-dialog-headline-color:#000;--md-dialog-supporting-text-color:#000}*{font-family:"IBM Plex Sans JP",sans-serif}.material-symbols-outlined{font-size:24px;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 40}body{background-color:var(--background-light)}.container{perspective:800px;width:192px;height:117px;position:relative;margin:14px 10px;text-align:center;border-radius:40px}.links{justify-content:center;align-items:center;display:flex;flex-wrap:wrap}.box{width:192px;height:117px;border-radius:40px;background-color:var(--link-light);display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease-out;--smooth-corners:6.4,3.6;mask-image:paint(smooth-corners);-webkit-mask-image:paint(smooth-corners);transform:rotateX(0deg) rotateY(0deg)}img{width:192px;height:117px;position:relative;top:3.2px}.history,.hibtn{position:relative;margin:4px;padding:8px 16px;background-color:var(--search-light);color:#000;border-radius:16px}.search{margin:16px auto;width:413px;background:var(--search-light);border-radius:27px;--smooth-corners:20.9495,2.8445;mask-image:paint(smooth-corners);-webkit-mask-image:paint(smooth-corners);position:relative;padding:3px}#searchBox{margin:0;width:344px;height:48px;font-size:32px;padding-left:16px;border:none;background:none;outline:none!important;border-radius:100px}.searchbtn{margin:0;width:39px;height:50px;border:none;background:none;text-align:right;transform:scale(1.2);color:var(--element-light);border-radius:100px}.hide{display:none}#label-off,#label-on{border-radius:30px;text-align:center;background:var(--background-light);padding:0;--smooth-corners:6.0495,4.9105;mask-image:paint(smooth-corners);-webkit-mask-image:paint(smooth-corners)}.svgrd{padding:7px;transition:all 0.2s ease-out;border-radius:30px;width:107px;position:relative;box-shadow:inset 0 0 0 0 rgba(0,0,0,.3);--smooth-corners:6.0495,4.9105;mask-image:paint(smooth-corners);-webkit-mask-image:paint(smooth-corners)}.prev1{width:100px;height:39.25px;margin:4px;border-radius:20px;background:linear-gradient(to bottom right,blue,pink);color:#fff;text-align:center;padding-top:17px;--smooth-corners:10,5.623;mask-image:paint(smooth-corners);-webkit-mask-image:paint(smooth-corners)}.prev2{width:100px;height:39.25px;margin:4px;border-radius:20px;background:var(--link-light);color:#000;text-align:center;padding-top:17px;--smooth-corners:10,5.623;mask-image:paint(smooth-corners);-webkit-mask-image:paint(smooth-corners)}.primary-btn{text-align:center;border-radius:18px;padding:8px;margin-top:4px;color:#fff;background:var(--element-light);--smooth-corners:24.102,3.599!important;mask-image:paint(smooth-corners);-webkit-mask-image:paint(smooth-corners);position:relative}#base-color{border:none;background:none;outline:none;width:100%}.highlight>.svgrd{box-shadow:inset 0 0 0 4px var(--element-light)}#clock{position:fixed;top:35px;right:40px;color:#0008;z-index:100}#myDialog{width:289.01px}.content{display:none}.sc{text-align:center;width:100%;margin-top:24px;font-size:24px;margin-bottom:0}.modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.3);justify-content:center;align-items:center;opacity:0;transition:opacity 0.5s ease}.modal.active{display:flex;opacity:1}iframe{border:none}.modal-content{background:#fff;width:290px;height:516px;border-radius:28px;text-align:center;animation:slideIn 0.5s cubic-bezier(.16,.73,.32,1);overflow:hidden}a{text-decoration:none;color:#00000080;text-align:center}.close-btn{display:inline-block;margin-top:15px;padding:10px 15px;background:#333;color:#fff;border-radius:5px;text-decoration:none}.history{height:24px}.hibtn{height:40px}@keyframes slideIn{from{transform:translateY(-350px);height:0}to{transform:translateY(0);height:516px}}@keyframes slideOut{from{transform:translateY(0);height:516px}to{transform:translateY(-300px);height:0}}@media (prefers-color-scheme:dark){:root{--md-ripple-pressed-color:#fff;--md-dialog-container-color:#000;--md-dialog-headline-color:#fff;--md-dialog-supporting-text-color:#fff;--md-ripple-hover-color:#ffffff30}body{background-color:var(--background-dark);color:#fff}.box{background-color:var(--link-dark)}.search{background-color:var(--search-dark)}#searchBox{color:#fff}.primary-btn{background:var(--element-dark)}label{background:var(--background-dark)}.modal-content{background:black!important;color:#fff}.history{background:var(--search-dark);color:#fff}a{color:#ffffff80}#clock{color:#fff8}#label-off,#label-on{background:var(--background-dark);color:fff}.highlight>.svgrd{box-shadow:inset 0 0 0 4px var(--element-dark)}.prev2{background:var(--link-dark);color:#fff}.hibtn{background-color:var(--search-dark);color:#fff}.searchbtn{color:var(--element-dark)}}@media (max-width:650px){#clock{display:none}img,.box{width:96px;height:58.5px}.container{width:96px;height:70px}}