.feedback-wrapper{--hue: 223deg;--white: hsl(0 0% 100%);--gray1: hsl(var(--hue) 10% 95%);--gray2: hsl(var(--hue) 10% 85%);--gray3: hsl(var(--hue) 10% 75%);--gray4: hsl(var(--hue) 10% 65%);--gray5: hsl(var(--hue) 10% 55%);--gray6: hsl(var(--hue) 10% 45%);--gray7: hsl(var(--hue) 10% 35%);--gray8: hsl(var(--hue) 10% 25%);--gray9: hsl(var(--hue) 10% 15%);--gray10: hsl(var(--hue) 10% 5%);--black: hsl(0 0% 0%);--trans-dur: .3s;--trans-timing: cubic-bezier(.45, 0, .55, 1);color-scheme:light dark;font-size:clamp(1rem,.9773rem + .1136vw,1.25rem);background-color:light-dark(var(--gray1),var(--gray10));display:flex;justify-content:center;align-items:center;min-height:500px;width:100%;border-radius:12px;overflow:hidden;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.feedback-wrapper *{border:0;box-sizing:border-box;margin:0;padding:0}.feedback-wrapper button,.feedback-wrapper textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;color:light-dark(var(--gray10),var(--gray1));font:1em/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color var(--trans-dur),border-color var(--trans-dur),color var(--trans-dur),opacity var(--trans-dur)}.feedback-wrapper .lucide{display:block}.feedback-wrapper .lucide.spin{animation:spin .5s linear infinite}.feedback-wrapper .feedback{animation:fade-slide-in var(--trans-dur) var(--trans-timing);background-color:light-dark(var(--white),var(--gray9));border-radius:1.25em;box-shadow:0 .5em 1.5em #0000000d;overflow:hidden;padding:1.5em 1.5em 0;position:relative;transition:background-color var(--trans-dur),transform var(--trans-dur) var(--trans-timing),opacity var(--trans-dur) var(--trans-timing);max-width:28.5em;width:calc(100% - 3em);margin:auto}.feedback-wrapper .feedback--closing{animation:none;opacity:0;pointer-events:none;transform:translateY(2.25em)}.feedback-wrapper .feedback__base{transition:visibility .5s step-end}.feedback-wrapper .feedback__base--hidden{visibility:hidden}.feedback-wrapper .feedback__button{background-color:light-dark(var(--black),var(--white));border:none;border-radius:.5em;color:light-dark(var(--white),var(--black));cursor:pointer;display:flex;justify-content:center;align-items:center;padding:.75em 1.5em;width:100%;min-height:3em}.feedback-wrapper .feedback__button:disabled{cursor:not-allowed;opacity:.5}.feedback-wrapper .feedback__button:not(:disabled):hover{background-color:light-dark(var(--gray9),var(--gray2))}.feedback-wrapper .feedback__circle-bg{background-color:light-dark(var(--white),var(--gray9));clip-path:circle(0% at 50% 50%);position:absolute;width:100%;height:100%;transition:background-color var(--trans-dur),clip-path .5s var(--trans-timing)}.feedback-wrapper .feedback__close{background-color:transparent;border:none;border-radius:.5em;cursor:pointer;color:var(--gray5);padding:.25em;display:flex;align-items:center;justify-content:center;transition:background-color var(--trans-dur),color var(--trans-dur)}.feedback-wrapper .feedback__close:hover{background-color:light-dark(var(--gray1),var(--gray8));color:var(--gray5)}.feedback-wrapper .feedback__close .lucide{width:1.25em;height:1.25em}.feedback-wrapper .feedback__comment{margin:0 -1.25em;max-height:0;opacity:0;overflow:hidden;padding:0 1.25em;transition:max-height .7s .95s var(--trans-timing),opacity .7s .95s var(--trans-timing);visibility:hidden}.feedback-wrapper .feedback__comment--visible{max-height:13.5em;opacity:1;visibility:visible}.feedback-wrapper .feedback__comment-inner{margin:.75em 0 2em;opacity:0;transform:translateY(1.5em);transition:opacity .35s 1.5s var(--trans-timing),transform .35s 1.5s var(--trans-timing)}.feedback-wrapper .feedback__comment--visible .feedback-wrapper .feedback__comment-inner{opacity:1;transform:translateY(0)}.feedback-wrapper .feedback__content{opacity:0;position:relative;text-align:center;transform:translateY(1.5em);transition:opacity .35s var(--trans-timing),transform .35s var(--trans-timing);visibility:hidden;width:100%;z-index:2}.feedback-wrapper .feedback__emoji{font-size:1.5em;line-height:1}.feedback-wrapper .feedback__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em}.feedback-wrapper .feedback__particle{font-size:1.5em;line-height:1;bottom:calc(100% - .75rem);left:calc(50% - .75rem);opacity:0;position:absolute;pointer-events:none;transform:scale(0)}.feedback-wrapper .feedback__particle:first-child{left:calc(50% - 2.5rem)}.feedback-wrapper .feedback__particle:nth-child(3){left:calc(50% + 1rem)}.feedback-wrapper .feedback__label{font-weight:500}.feedback-wrapper .feedback__option{background-color:transparent;border:2px solid light-dark(var(--gray2),var(--gray7));border-radius:.75em;cursor:pointer;display:flex;font-weight:500;gap:.625em;align-items:center;padding:.75em;position:relative;flex:1;transition:background-color var(--trans-dur),border-color var(--trans-dur),color var(--trans-dur)}.feedback-wrapper .feedback__option:disabled{cursor:not-allowed;opacity:.5}.feedback-wrapper .feedback__option[aria-pressed=true],.feedback-wrapper .feedback__option:not(:disabled):hover{background-color:light-dark(var(--gray1),var(--gray8))}.feedback-wrapper .feedback__option[aria-pressed=true]{border-color:light-dark(var(--gray8),var(--gray2))}.feedback-wrapper .feedback__option[aria-pressed=true] .feedback-wrapper .feedback__emoji{animation:pop-out .5s cubic-bezier(.65,0,.35,1)}.feedback-wrapper .feedback__option[aria-pressed=true] .feedback-wrapper .feedback__particle{animation:particle-fade .5s linear,particle-rise1 .5s cubic-bezier(.33,1,.68,1)}.feedback-wrapper .feedback__option[aria-pressed=true] .feedback-wrapper .feedback__particle:nth-child(2){animation-name:particle-fade,particle-rise2;animation-delay:.5s}.feedback-wrapper .feedback__option[aria-pressed=true] .feedback-wrapper .feedback__particle:nth-child(3){animation-name:particle-fade,particle-rise3;animation-delay:.25s}.feedback-wrapper .feedback__options{display:flex;flex-direction:column;justify-content:space-between;gap:.75em;margin-bottom:1.5em}.feedback-wrapper .feedback__overlay{display:flex;flex-direction:column;align-items:center;padding:1.5em 1.5em 2em;pointer-events:none;position:absolute;inset:0;z-index:1}.feedback-wrapper .feedback__overlay--active{pointer-events:auto}.feedback-wrapper .feedback__overlay--active .feedback-wrapper .feedback__circle-bg{clip-path:circle(150% at 50% 50%)}.feedback-wrapper .feedback__overlay--active .feedback-wrapper .feedback__content{opacity:1;transform:translateY(0);transition-delay:var(--trans-dur);visibility:visible}.feedback-wrapper .feedback__speech-bubble{opacity:0;transform:scale(0);transition:opacity .2s .5s var(--trans-timing),transform .2s .5s var(--trans-timing)}.feedback-wrapper .feedback__speech-bubble .lucide{color:light-dark(var(--gray3),var(--gray7));width:4.5em;height:4.5em;transition:color var(--trans-dur)}.feedback-wrapper .feedback__speech-bubble:first-child{transition-delay:.65s;transition-duration:.35s}.feedback-wrapper .feedback__speech-bubble:first-child .lucide{transform:scaleX(-1)}.feedback-wrapper .feedback__speech-bubble:last-child .lucide{color:light-dark(var(--gray2),var(--gray8));width:2.5em;height:2.5em}.feedback-wrapper .feedback__overlay--active .feedback-wrapper .feedback__speech-bubble{opacity:1;transform:scale(1)}.feedback-wrapper .feedback__speech-bubbles{direction:ltr;display:flex;justify-content:center;align-items:flex-end;gap:3.75em;margin:auto 0;width:100%}.feedback-wrapper .feedback__text{color:light-dark(var(--gray6),var(--gray4));margin:1.5em 1.5em 2em;transition:color var(--trans-dur)}.feedback-wrapper .feedback__textarea{background-color:transparent;border:2px solid light-dark(var(--gray1),var(--gray8));border-radius:.5em;display:block;margin-bottom:1.5em;outline:transparent;padding:.75em;resize:none;width:100%;height:4.5em}.feedback-wrapper .feedback__textarea:disabled{cursor:not-allowed;opacity:.5}.feedback-wrapper .feedback__textarea:not(:disabled):hover{border-color:light-dark(var(--gray2),var(--gray7))}.feedback-wrapper .feedback__textarea:focus-visible,.feedback-wrapper .feedback__textarea:focus-visible:hover{border-color:light-dark(var(--gray8),var(--gray2))}.feedback-wrapper .feedback__title{font-size:1.25em;font-weight:500;min-width:0;overflow:hidden;margin-inline-end:.25em;text-overflow:ellipsis;white-space:nowrap}@media(min-width:480px){.feedback-wrapper .feedback__options{flex-direction:row}}@keyframes particle-fade{0%,to{opacity:0}50%{opacity:1}}@keyframes particle-rise1{0%{transform:translateY(0) rotate(20deg) scale(0)}to{transform:translateY(-75%) rotate(-20deg) scale(1)}}@keyframes particle-rise2{0%{transform:translateY(-50%) rotate(30deg) scale(0)}to{transform:translateY(-150%) rotate(-15deg) scale(.667)}}@keyframes particle-rise3{0%{transform:translateY(0) rotate(-20deg) scale(0)}to{transform:translateY(-100%) rotate(20deg) scale(1)}}@keyframes pop-out{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(2.25em)}to{opacity:1;transform:translateY(0)}}