body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;background-color:#f1f5f9;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}input[type=range].range-metal{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(90deg,#d1d5db,#e5e7eb);border-radius:6px;outline:none;border:1px solid #cbd5e1;box-shadow:inset 0 1px 2px #0000001a}input[type=range].range-metal::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#f8fafc;background-image:radial-gradient(circle,#fff,#e2e8f0);border:1px solid #94a3b8;border-radius:50%;cursor:grab;margin-top:-8px;box-shadow:0 1px 3px #0003,inset 0 1px 1px #ffffff80;transition:transform .2s ease}input[type=range].range-metal::-webkit-slider-thumb:active{transform:scale(1.1);cursor:grabbing}input[type=range].range-metal::-moz-range-thumb{width:20px;height:20px;background:#f8fafc;background-image:radial-gradient(circle,#fff,#e2e8f0);border:1px solid #94a3b8;border-radius:50%;cursor:grab;box-shadow:0 1px 3px #0003,inset 0 1px 1px #ffffff80;transition:transform .2s ease}input[type=range].range-metal::-moz-range-thumb:active{transform:scale(1.1);cursor:grabbing}html,body{width:100%;height:100%;margin:0;padding:0;min-height:-webkit-fill-available}.safe-bottom{padding-bottom:32px;padding-bottom:constant(safe-area-inset-bottom,32px);padding-bottom:env(safe-area-inset-bottom,32px)}@supports not (padding-bottom: env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:24px}}