:root{--md-sys-color-google-blue: #1e9ab2;--md-sys-color-google-red: #5a9fff;--md-sys-color-google-yellow: #7b2ff7;--md-sys-color-google-green: #ff00a0;--ring: 3px;--speed: 2.5s}@media (prefers-color-scheme: dark){:root{--md-sys-color-google-blue: #00ffff;--md-sys-color-google-red: #5dade2;--md-sys-color-google-yellow: #ff00ff;--md-sys-color-google-green: #ff1493}}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.write-with-ai-button-wrapper{position:relative;padding:3.5px;border-radius:16px;overflow:visible;margin-bottom:6px}.write-with-ai-button-wrapper:before,.write-with-ai-button-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;padding:2px;opacity:0;pointer-events:none;z-index:2;background:conic-gradient(from var(--angle),var(--md-sys-color-google-blue) 0deg 30deg,var(--md-sys-color-google-red) 35deg 65deg,var(--md-sys-color-google-yellow) 70deg 100deg,var(--md-sys-color-google-green) 105deg 135deg,transparent 140deg 360deg);-webkit-mask-composite:destination-out;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.write-with-ai-button-wrapper:hover:before,.write-with-ai-button-wrapper:hover:after{animation:write-with-ai-button-spin var(--speed) linear infinite forwards;opacity:1;filter:brightness(1.5) contrast(1.2)}.write-with-ai-button-wrapper:has(.is-generating):hover:before,.write-with-ai-button-wrapper:has(.is-generating):hover:after{animation:none;opacity:0}@media (prefers-color-scheme: dark){.write-with-ai-button-wrapper:hover:before{opacity:1;filter:brightness(2)}.write-with-ai-button-wrapper:hover:after{filter:blur(8px) brightness(2.5)}.write-with-ai-button-wrapper:has(.is-generating):hover:before,.write-with-ai-button-wrapper:has(.is-generating):hover:after{animation:none;opacity:0}}.write-with-ai-button{position:relative;display:inline-flex;border:none;box-shadow:0 4px 12px #0000001a;transition:all .4s cubic-bezier(.23,1,.32,1);z-index:1;align-items:center;border-radius:16px;padding:.45rem 1.15rem;color:#fff!important;font-size:.875rem;line-height:1.25rem;cursor:pointer;background:linear-gradient(90deg,#00d4ff 0%,#5a9fff 25%,#7b2ff7 50%,#c855ff 75%,#ff00a0 100%)}@keyframes write-with-ai-button-spin{0%{--angle: 0deg}50%{--angle: 180deg}to{--angle: 360deg}}.is-generating{background-size:200% 100%;animation:gradient-move 2s linear infinite}@keyframes gradient-move{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}