.kawaii{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:20px;background:#f0f0f0;outline:none;opacity:.7;transition:opacity .2s;position:relative}.kawaii:hover{opacity:1}.kawaii::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ff69b4,#e91e63);cursor:pointer;box-shadow:0 2px 6px rgba(233,30,99,.3);transition:all .2s ease}.kawaii::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px rgba(233,30,99,.4)}.kawaii::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ff69b4,#e91e63);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(233,30,99,.3);transition:all .2s ease}.kawaii::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px rgba(233,30,99,.4)}.kawaii::-webkit-slider-track{width:100%;height:8px;cursor:pointer;background:linear-gradient(to right,#ff69b4 0,#ff69b4 var(--progress,20%),#f0f0f0 var(--progress,20%),#f0f0f0 100%);border-radius:20px}.kawaii::-moz-range-track{width:100%;height:8px;cursor:pointer;background:#f0f0f0;border-radius:20px}.kawaii::-moz-range-progress{background:linear-gradient(135deg,#ff69b4,#e91e63);height:8px;border-radius:20px}.kawaii-container{width:100%}.kawaii-wrapper{position:relative;width:100%;background:white;padding:15px 20px;border-radius:25px;box-shadow:0 4px 12px rgba(0,0,0,.1)}