.feedback-wrapper{height:500px;display:flex;justify-content:center;align-items:center;width:100%}.feedback-button{position:relative;display:flex;height:36px;align-items:center;border-radius:8px;border:1px solid var(--border);background:var(--background);padding:0 12px;font-weight:500;outline:none}.feedback-button span{display:block;font-size:14px}.feedback-popover{position:absolute;height:192px;width:364px;overflow:hidden;border-radius:12px;background:var(--popover,#f5f6f7);padding:4px;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.04);outline:none}.placeholder{position:absolute;font-size:14px;color:var(--muted-foreground,#63635d);left:16px;top:17px}.placeholder[data-feedback=true]{opacity:0!important}.success-wrapper{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}.success-wrapper svg{margin-top:-4px}.success-wrapper h3{margin-bottom:4px;margin-top:8px;font-size:14px;font-weight:500;color:var(--foreground,#21201c)}.success-wrapper p{font-size:14px;color:var(--muted-foreground,#63635d)}.feedback-form{border-radius:8px;border:1px solid var(--border,#e6e7e8);background:var(--card)}.textarea{width:100%;height:128px;resize:none;border-radius:8px 8px 0 0;padding:12px;font-size:14px;outline:none}.textarea::placeholder{opacity:0}.feedback-footer{position:relative;display:flex;height:48px;align-items:center;padding:0 10px}.dotted-line{position:absolute;left:0;right:0;top:-1px}.half-circle-left{position:absolute;left:0;top:0;transform:translateX(-1.5px) translateY(-50%)}.half-circle-right{position:absolute;right:0;top:0;transform:translateX(1.5px) translateY(-50%) rotate(180deg)}.submit-button{margin-left:auto;border-radius:6px;font-weight:600;font-size:12px;height:24px;width:104px;overflow:hidden;background:linear-gradient(180deg,#1994ff,#157cff);box-shadow:inset 0 0 1px 1px rgba(255,255,255,.08),0 1px 1.5px 0 rgba(0,0,0,.32),0 0 0 .5px #1a94ff;position:relative}.submit-button,.submit-button span{display:flex;align-items:center;justify-content:center}.submit-button span{width:100%;color:white;text-shadow:0 1px 1.5px rgba(0,0,0,.16)}.spinner,.wrapper{height:var(--spinner-size,20px);width:var(--spinner-size,20px)}.spinner{position:relative;top:50%;left:50%}.bar{animation:spin 1.2s linear infinite;background:var(--spinner-color);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes spin{0%{opacity:1}to{opacity:.15}}