.cropContainer{background:#333;width:100%;height:400px;position:relative}.cropButton{flex-shrink:0;margin-left:16px}.controls{flex-direction:column;align-items:stretch;padding:16px;display:flex}.sliderContainer{flex:1;align-items:center;display:flex}.sliderLabel{margin-right:16px}.textRight{text-align:right}.range-wrapper{position:relative}.range-input{appearance:none;cursor:pointer;background:#e5e7eb;border-radius:8px;outline:none;width:100%;height:8px}.range-input.styled{border-radius:12px;height:12px}.range-input::-webkit-slider-thumb{appearance:none;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 4px #0003}.range-input::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.1)}.range-input::-moz-range-thumb{background:#3b82f6;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.range-input::-moz-range-track{background:#e5e7eb;border-radius:4px;height:8px}.range-labels-absolute{height:20px;position:relative}.label-point{color:#6b7280;white-space:nowrap;font-size:12px;position:absolute;top:0;transform:translate(-50%)}.pos-0{left:0%}.pos-25{left:25.5%}.pos-50{left:50%}.pos-75{left:74.5%}.pos-100{left:100%}
.drawer-overlay{z-index:var(--z-popover-overlay);background-color:#00000080;position:fixed;inset:0}.drawer-content{z-index:var(--z-popover);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;min-height:70vh;max-height:90vh;padding:20px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 12px #0000001a}