._2UwNG{display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}._2UwNG,._3qcAo{position:relative}._3qcAo{flex-grow:1;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}._2Wmgz,._3i53K{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}._2Wmgz,._3qcAo{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}._1o68H,._28w-r{position:relative;height:24px}._1o68H{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}._77BiT{border-radius:0 0 8px 8px}._1mMVf{left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}._1mMVf,._tFPbW{position:absolute}._tFPbW{z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}._1mMVf:focus ._tFPbW{transform:translate(-50%,-50%) scale(1.1)}._1l8qR,._28w-r{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}._14t-N{z-index:3}._3l-Hq{z-index:2}