.body{display:flex;align-items:center;justify-content:center;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.music{width:150px;height:200px;position:absolute;display:inline-flex;align-items:center;justify-content:space-between}.music .bar{width:8px;border-radius:10px;background:#fff;animation:movement 1.5s ease-in-out infinite}@keyframes movement{0%,to{height:2px}50%{height:50px}}.music .bar:nth-child(1){background:#646cff;animation-delay:1s}.music .bar:nth-child(2){background:#c3c6ff;animation-delay:.8s}.music .bar:nth-child(3){background:#646cff;animation-delay:.6s}.music .bar:nth-child(4){background:#c3c6ff;animation-delay:.4s}.music .bar:nth-child(5){background:#646cff;animation-delay:.2s}.music .bar:nth-child(6){background:#646cff;animation-delay:.4s}.music .bar:nth-child(7){background:#c3c6ff;animation-delay:.6s}.music .bar:nth-child(8){background:#646cff;animation-delay:.8s}.music .bar:nth-child(9){background:#c3c6ff;animation-delay:1s}#root{padding:2rem;position:relative}:root{--cream:#fcfdfe;--ghost:#202c34;--smoke-dark:#ffffffb3;--smoke-light:#606060;--link-color:default;--logo-color:#646cff;--bg_gray:#e9e9e9}body{--text-color:#222;--bgk-color:#fff;--light: gray;--default-color: transparent;overflow-y:scroll}body.dark{--text-color:#fff;--bgk-color:#121212;--default-color:#202c34;overflow-y:scroll}*{font-family:Roboto,Arial,sans-serif}body{background:var(--bgk-color)}h1,p{color:var(--text-color)}.text-fs_xs{font-size:10px;font-weight:300;line-height:1.6rem}.text-fs_s{font-size:12px;font-weight:400;line-height:1.8rem}.text-fs_m{font-size:14px;font-weight:500;line-height:2rem}.text-fs_l{font-size:16px;font-weight:500;line-height:2.2rem}.text-fs_l-bold{font-size:16px;font-weight:600}.text-fs_xl{font-size:18px;font-weight:600;line-height:2.4rem}.text-fs_2xl{font-size:20px;font-weight:700;line-height:2.8rem;max-height:2.8rem}.text-fs_content{width:max-content}.text-color_header,.text-color_title{color:var(--text-color)}.text-color_content{color:#0f0f0f}.text-color_description{color:var(--ghost)}.text-color_subscription{color:var(--light)}.text-color_link{color:var(--text-color)}.image-focus{border-radius:12px}.image-focus:hover{border-radius:0}.image-limit_m{width:50px;height:50px}.image-limit_xl{width:160px;height:160px}.image-limit_2xl{width:224px;height:224px}.image-limit_max{width:100%;height:100%}.box-cover{background-color:var(--default-color)}.box-cover:hover{scale:1.05}.box-empty{display:block;flex:none;height:700px;margin:0}.box-card_item{max-height:224px;height:100%;width:auto}.box-limit_l{width:110px}.list-item_decoration{display:block;list-style:none;padding:0;margin:0}.active{color:var(--text-color)}.active:not{color:#606060}.active:after{content:" ";position:absolute;transition:ease-in-out;height:3px;width:100%;right:0;bottom:-10px;background-color:var(--text-color)}.text-link_decoration{text-decoration:none;cursor:pointer}.toast_box{max-width:300px;height:auto;padding:5px;border:none;text-align:center;border-radius:5px;position:sticky;bottom:1%;left:0}.logo-text{color:var(--logo-color)}.logo-box{background-color:var(--logo-color);color:#fff}.product_img-bg{background-color:var(--bg_gray);border-radius:10px}.product_img-bg img{mix-blend-mode:darken;object-fit:cover;border-radius:10px}