:root{--gradient-bg-start:#a8dadc;--gradient-bg-end:#f1faee;--overlay-color:hsla(0,0%,100%,.2);--text-color:#000;--input-bg:#f0f0f0;--button-bg:#d9d9d9;--card-shadow:0px 4px 12px 1px rgba(0,0,0,.25);--input-shadow:0px 4px 12px 0px rgba(0,0,0,.25);--element-shadow:0px 4px 4px 0px rgba(0,0,0,.25);--card-bg:#fff;--share-color:#00796b;--border-radius-lg:64px;--border-radius-md:30px;--border-radius-sm:12px;--border-radius-xs:6px}.figma-gradient-bg{background:linear-gradient(to top right,var(--gradient-bg-start),var(--gradient-bg-end));position:relative}.figma-overlay{background-color:var(--overlay-color);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.figma-title{font-size:48px}.figma-subtitle,.figma-title{font-family:Inter,sans-serif;font-weight:600;line-height:1.21em;color:var(--text-color)}.figma-subtitle{font-size:24px}.figma-small-text{font-family:Inter,sans-serif;font-weight:600;font-size:12px;line-height:1.21em;color:var(--text-color)}.figma-input{background-color:var(--input-bg);border-radius:100px;box-shadow:var(--input-shadow);padding:16px 24px;font-family:Inter,sans-serif;font-weight:100;font-size:28px;border:1px solid #fff}.figma-input::-moz-placeholder{color:rgba(9,0,0,.5)}.figma-input::placeholder{color:rgba(9,0,0,.5)}.figma-submit-button{background-color:var(--button-bg);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:var(--element-shadow);cursor:pointer;transition:transform .2s ease}.figma-submit-button:hover{transform:scale(1.05)}.figma-card{background-color:var(--card-bg);border-radius:var(--border-radius-sm);box-shadow:var(--card-shadow);padding:16px}.figma-color-block{border-radius:16px;padding:6px 12px;display:flex;align-items:center;justify-content:center}.figma-color-code{font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.figma-color-code,.figma-palette-description{font-family:Inter,sans-serif;font-weight:700;line-height:1.21em}.figma-palette-description{font-size:21px;color:var(--text-color)}.figma-share-button{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:1.21em;color:var(--share-color);padding:6px 12px;border-radius:var(--border-radius-sm);cursor:pointer}.figma-loading{background-color:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:0 4px 5px 0 #fff;padding:10px 20px;font-family:Inter,sans-serif;font-weight:100;font-size:28px;text-align:center}.figma-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.figma-title{font-size:36px}.figma-subtitle{font-size:18px}.figma-input{font-size:20px}.figma-submit-button{width:50px;height:50px}}