.circle-border{position:relative}.circle-border:before{content:"";-webkit-mask-composite:xor;z-index:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(20.46deg,#4f7fbbcc 16.46%,#1c385c33 70.3%);border-radius:50%;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.circle-border>*{z-index:1;position:relative}.vertical-seperator{background:radial-gradient(circle,#447fcca2 0%,#437fc900 100%);border-radius:100px;width:3px;height:200px;box-shadow:0 10px 20px #0000001a}.horizontal-seperator{background:radial-gradient(circle,#447fcca2 0%,#437fc900 100%);border-radius:100px;width:200px;height:3px;box-shadow:0 10px 20px #0000001a}.custom-slider{appearance:none;background:#21c2fb;border-radius:5px;outline:none;width:100%;max-width:600px;height:6px}.custom-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#21c2fb;border-radius:50%;width:22px;height:22px}