.security-slider{box-sizing:border-box;width:384px;max-width:calc(100vw - 32px);margin:auto;padding:24px;border:1px solid #e1e8f0;border-radius:16px;color:#192b40;background:#fff;box-shadow:0 24px 90px #14223840;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
.security-slider::backdrop{background:#17283c70;backdrop-filter:blur(3px)}
.security-slider header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.security-slider h2{margin:0;font-size:20px}.security-slider header p{margin:7px 0 0;font-size:12px;color:#7b899a}.security-slider button{cursor:pointer;font:inherit;border:1px solid #dce5ee;border-radius:7px;padding:8px 12px;background:#f5f8fc;color:#347ec2}.security-slider [data-close]{border:0;background:none;padding:0 3px;font-size:25px;color:#8090a3}.security-slider .slider-picture{position:relative;aspect-ratio:320/176;overflow:hidden;border-radius:8px;background:#edf3f8;user-select:none}.security-slider [data-background]{display:block;width:100%;height:100%}.security-slider img:not([src]){visibility:hidden}.security-slider [data-piece]{position:absolute;left:0;filter:drop-shadow(0 1px 3px #0005);pointer-events:none}.security-slider .slider-track{position:relative;height:46px;margin-top:12px;border:1px solid #dbe6f0;border-radius:8px;background:#f2f6fa}.security-slider .slider-track span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#7e8e9e;pointer-events:none}.security-slider input[type=range]{position:relative;z-index:1;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:grab;touch-action:none}.security-slider input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:42px;height:44px;border:1px solid #3193ed;border-radius:7px;background:#3193ed url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/24px no-repeat;box-shadow:0 2px 5px #158cf633}.security-slider input[type=range]::-moz-range-thumb{width:42px;height:42px;border:1px solid #3193ed;border-radius:7px;background:#3193ed}.security-slider input:focus-visible{outline:2px solid #3193ed;outline-offset:3px}.security-slider .slider-status{min-height:36px;margin:12px 0 0;color:#6b7f92;font-size:12px;line-height:18px}.security-slider .slider-status.bad{color:#c12b22}.security-slider footer{display:flex;justify-content:space-between;gap:12px}.security-slider [data-check]{background:#158cf6;color:white;border-color:#158cf6}.security-slider button:disabled,.security-slider input:disabled{opacity:.5;cursor:wait}