@charset "UTF-8";@import url("bootstrap.css");#message_toast.insert,.bg-line-gradient-orange,.navbar-hight-light{background:var(--eck-bg-line-gradient-orange)}.item-icon,.item-icon-midi{vertical-align:top;text-align:center}#message_toast,.item-icon,.item-icon-midi,.microphone-ico,.order_option,.search-bar input,.song-item-action{text-align:center}:root{--eck-bg-line-gradient-orange:linear-gradient(180deg, rgba(248, 171, 81, 1) 0%, rgb(255, 79, 77) 100%);--eck-bg-line-gradient-green:linear-gradient(180deg, rgba(43, 190, 171, 1) 0%, rgba(26, 128, 152, 1) 100%);--eck-bg-line-gradient-light-green:linear-gradient(180deg, rgba(86, 226, 57, 1) 0%, rgba(7, 143, 9, 1) 100%);--eck-bg-line-gradient-light-blue:linear-gradient(180deg, rgba(78, 216, 252, 1) 0%, rgba(21, 167, 204, 1) 100%);--eck-bg-line-gradient-lb-blue-lb:linear-gradient(180deg, rgba(0, 212, 255, 1) 0%, rgba(9, 9, 121, 1) 50%, rgba(0, 212, 255, 1) 100%);--eck-bg-line-gradient-silver:linear-gradient(180deg, rgb(202, 202, 202) 0%, rgb(141, 141, 141) 100%);--eck-bg-line-gradient-red:linear-gradient(180deg, rgba(222,60,11,1) 0%, rgba(182,30,30,1) 100%);--eck-list-item-gradient-lilver-blue:linear-gradient(0deg, rgba(235,238,238,1) 0%, rgba(230,251,255,1) 50%, rgba(235,238,238,1) 100%);--eck-body:rgb(218, 218, 218);--eck-border-color:var(--bs-gray);--eck-btn-border-red:rgb(219, 18, 18);--eck-btn-border-green:rgb(7, 124, 16);--eck-btn-border-light-blue:rgb(9, 146, 226);--eck-btn-border-dark-blue:rgb(7, 9, 126);--eck-btn-border-yellow:rgb(219, 216, 4);--eck-btn-bg-color:rgb(192, 192, 192);--eck-btn-font-color:rgb(34, 33, 33);--eck-btn-bg-gradient-red:radial-gradient(ellipse at center, rgb(255, 165, 108), rgb(255, 70, 70));--eck-btn-bg-gradient-blue:radial-gradient(ellipse at center, rgb(79, 176, 247), rgb(101, 154, 234));--eck-btn-bg-gradient-green:radial-gradient(ellipse at center, rgb(206, 222, 87), rgb(130, 201, 125));--eck-btn-bg-gradient-yellow:radial-gradient(ellipse at center, rgb(238, 198, 85), rgb(230, 160, 65));--eck-btn-bg-gradient-silver:radial-gradient(circle, rgb(202, 202, 202) 0%, rgb(141, 141, 141) 100%);--eck-btn-bg-gradient-sky-blue:radial-gradient(circle, rgba(156,255,255,1) 0%, rgba(149,234,252,1) 15%, rgba(114,202,236,1) 70%, rgba(147,221,247,1) 100%)}body{min-width:320px;overflow-y:hidden;background:var(--eck-body)}::placeholder{color:#416de6}::-webkit-input-placeholder{color:#416de6}:-ms-input-placeholder{color:#416de6}.navbar-height{height:min(50px,3.25rem);line-height:min(50px, 3.25rem)}.navbar-hight-light{border-top:5px solid var(--eck-btn-border-red);border-top-left-radius:10px;border-top-right-radius:10px;color:azure}.container-height{height:85vh;min-height:85vh;max-height:85vh;overflow-y:scroll}.bg-line-gradient-green{background:var(--eck-bg-line-gradient-green)}#message_toast,.bg-line-gradient-light-green{background:var(--eck-bg-line-gradient-light-green)}.bg-line-gradient-light-blue{background:var(--eck-bg-line-gradient-light-blue)}.bg-line-gradient-silver{background:var(--eck-bg-line-gradient-silver)}.bg-line-gradient-silver-light-blue{background:#ebeeee}#message_toast.remove,.bg-line-gradient-red{background:var(--eck-bg-line-gradient-red)}.eck-mt{margin-top:2rem}.eck-mb{margin-bottom:2rem}.eck-ms{margin-left:2rem}.eck-me{margin-right:min(7vw,3rem)}.btn-circle{width:70px;height:70px;background:var(--eck-btn-bg-color);border-radius:50%;border-width:0;color:azure;font-size:1rem;line-height:60px}.btn-circle:active,.catalog-main-item:active{transform:translateY(4px)}.btn-horizon{width:200px;height:70px;border-radius:35px;border-width:0;color:azure;font-size:1.2rem;line-height:70px}.btn-horizon-left-radius,.btn-horizon-normal,.btn-horizon-right-radius{width:120px;height:70px;color:azure;font-size:1.2rem;line-height:70px;border-width:0}.btn-horizon-left-radius:active,.btn-horizon-lg:active,.btn-horizon-normal:active,.btn-horizon-right-radius:active,.btn-horizon:active,.btn-square:active{box-shadow:0 3px #666;transform:translateY(4px)}.btn-horizon-left-radius{border-top-left-radius:35px;border-bottom-left-radius:35px}.btn-horizon-right-radius{border-top-right-radius:35px;border-bottom-right-radius:35px}.btn-horizon-lg{width:min(24vw,160px);height:min(11vw,75px);line-height:min(14vw, 94px)}.eck-btn-group-width{width:70px;border-radius:35px}.btn-square,.catalog-main-item{width:min(23vw,140px);border-radius:10px}.btn-square{height:min(19vw,116px);line-height:min(23vw, 140px)}.catalog-main-item{height:min(12.3vw,75px);line-height:min(12vw, 75px);color:#faebd7}@media screen and (max-width:350px){.btn-circle,.eck-btn-group-width{width:50px;border-radius:25px}.btn-circle{height:50px;line-height:50px;font-size:.75rem}.btn-horizon{width:150px;height:50px;border-radius:25px;line-height:50px}.btn-horizon-left-radius,.btn-horizon-normal,.btn-horizon-right-radius{width:90px;height:50px;line-height:50px}.btn-horizon-left-radius{border-top-left-radius:25px;border-bottom-left-radius:25px}.btn-horizon-right-radius{border-top-right-radius:25px;border-bottom-right-radius:25px}.eck-mt{margin-top:1rem}.eck-me{margin-right:1rem}.eck-mb{margin-bottom:1rem}.eck-ms{margin-left:1rem}.btn-horizon-lg{width:96px;height:45px;line-height:45px}.btn-square{width:75px;height:62px;line-height:62px}.catalog-main-item{width:75px;height:45px;line-height:45px;border-radius:10px}}@media (min-width:350px) and (max-width:480px){.btn-circle{width:60px;height:60px;line-height:60px;border-radius:30px;color:azure;font-size:1.2rem}.btn-circle-lg{width:80px;height:80px;line-height:80px;border-radius:40px}.eck-btn-group-width{width:60px;border-radius:30px}.btn-horizon{width:150px;height:60px;border-radius:30px;line-height:60px}.btn-horizon-left-radius,.btn-horizon-normal,.btn-horizon-right-radius{width:105px;height:60px;line-height:60px}.btn-horizon-left-radius{border-top-left-radius:30px;border-bottom-left-radius:30px}.btn-horizon-right-radius{border-top-right-radius:30px;border-bottom-right-radius:30px}.eck-mt{margin-top:1.5rem}.eck-me{margin-right:1.8rem}.eck-mb{margin-bottom:1.8rem}.eck-ms{margin-left:1.8rem}.btn-horizon-lg{width:114px;height:53.5px;line-height:45px}.btn-square{width:100px;height:83px;line-height:83px}.catalog-main-item{width:100px;height:53.5px;line-height:53.5px;border-radius:10px}}.btn-red{--eck-border-color:var(--eck-border-red);--eck-btn-bg-color:var(--eck-btn-bg-gradient-red)}.btn-blue{--eck-border-color:var(--eck-btn-border-light-blue);--eck-btn-bg-color:var(--eck-btn-bg-gradient-blue)}.btn-green{--eck-border-color:var(--eck-btn-border-green);--eck-btn-bg-color:var(--eck-btn-bg-gradient-green)}.btn-yellow{--eck-border-color:var(--eck-btn-border-yellow);--eck-btn-bg-color:var(--eck-btn-bg-gradient-yellow)}.btn-light-blue{--eck-btn-bg-color:var(--eck-btn-border-light-blue)}.btn-silver{--eck-btn-bg-color:var(--eck-btn-bg-gradient-silver)}.btn-skyblue{--eck-btn-bg-color:var(--eck-btn-bg-gradient-sky-blue);color:#222121}.search-bar{width:92%;max-width:450px;position:relative;line-height:2rem}.microphone-ico,.search-ico{position:absolute;line-height:2.5rem}.search-bar input{width:100%;height:2.5rem;line-height:2.5rem;border:none;border-radius:3rem;outline:0;padding:1rem 2rem}.search-ico{left:.5rem;color:grey}.microphone-ico{width:2rem;right:0;color:#0992e2}.microphone-ico:active{color:#ec0d0d}.item-container{width:95vw;max-width:450px;height:min(4rem,80px);border-radius:5px;border-width:0}.ins-block,.song-info-block{height:min(3.5rem,55px);line-height:min(3.5rem, 55px)}.song-info-block{width:88%}.ins-block{width:9%;padding-top:.5rem}.item-songname{width:100%;height:min(2rem,30px);line-height:min(2rem, 30px);white-space:nowrap;overflow-x:scroll;overflow-y:hidden}.item-note,.item-singer{overflow:hidden;display:inline-block;height:min(2rem,23px);line-height:min(2rem, 23px)}.item-singer{width:60%}.item-note{width:30%}.item-icon{display:inline-block;width:20px;height:min(2rem,23px);line-height:min(2rem, 23px);text-shadow:#0c0c0c}.item-icon-midi{display:inline-block;width:30px;height:min(2rem,23px);line-height:min(2rem, 23px)}.song-item-action{width:min(3rem,30px);height:min(3rem,30px);max-width:35px;max-height:35px;line-height:min(3rem, 30px);border-radius:5px;border:1px solid #659aea;color:#0992e2;font-size:1.5rem}.song-item-action:active{border:2px solid #f34c0f;color:#f34c0f;transform:translateY(3px)}#order-option-mask{position:fixed;width:100%;height:100vh;background-color:#c1cbca;display:none;opacity:.5;top:0}.order_option{position:fixed;width:80%;max-width:450px;border:2px solid #f1f1f1;background:var(--eck-bg-line-gradient-silver);border-radius:10px;margin:0 auto;left:50%;top:50%;transform:translate(-50%,-50%);padding:1vmin;overflow:auto;display:none;opacity:1}#message_toast{position:fixed;visibility:hidden;width:92%;height:2rem;line-height:1.6rem;margin-left:4%;color:#fff;border-radius:10px;padding:.2rem;z-index:9999;top:5%;left:0}#message_toast.play{background:var(--eck-bg-line-gradient-green);color:#0c0c0c}#message_toast.show{visibility:visible;-webkit-animation:.5s fadein,.5s 1.5s fadeout;animation:.5s fadein,.5s 1.5s fadeout}@-webkit-keyframes fadein{from{top:5%;left:110%;opacity:0}to{top:5%;left:0;opacity:1}}@keyframes fadein{from{top:5%;left:110%;opacity:0}to{top:5%;left:0;opacity:1}}@-webkit-keyframes fadeout{from{top:5%;left:0;opacity:1}to{top:5%;left:-110%;opacity:0}}@keyframes fadeout{from{top:5%;left:0;opacity:1}to{top:5%;left:-110%;opacity:0}}