.ft-color-picker{margin:1.5rem 0 1.2rem}.ft-color-picker__heading{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.9rem;line-height:1.25}.ft-color-picker__label{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground,18 18 18))}.ft-color-picker__current{font-size:1.5rem;font-weight:400;color:rgba(var(--color-foreground,18 18 18),.62)}.ft-color-picker__items{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.ft-color-picker__item{position:relative;display:flex;align-items:center;justify-content:center;width:74px;height:74px;padding:0;box-sizing:border-box;background:#fff;border:1px solid #e2e5e9;border-radius:4px;overflow:hidden;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ft-color-picker__item:hover{border-color:#aab2bd;box-shadow:0 2px 8px rgba(15,23,42,.07);transform:translateY(-1px)}.ft-color-picker__item.is-active{border:2px solid #0877f2;box-shadow:0 0 0 1px rgba(8,119,242,.06)}.ft-color-picker__item.is-unavailable{opacity:.48;filter:grayscale(.7)}.ft-color-picker__item.is-unavailable::after{content:'';position:absolute;inset:50% 5px auto;height:1px;background:#9ca3af;transform:rotate(-35deg);pointer-events:none}.ft-color-picker__image{display:block;width:100%;height:100%;padding:7px;box-sizing:border-box;object-fit:contain;object-position:center;background:#fff}.ft-color-picker__fallback{padding:4px;font-size:10px;line-height:1.1;text-align:center;color:#777}@media screen and (max-width:749px){.ft-color-picker{margin:1.3rem 0 1rem}.ft-color-picker__items{flex-wrap:nowrap;gap:.7rem;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.ft-color-picker__item{flex:0 0 68px;width:68px;height:68px}.ft-color-picker__image{padding:6px}.ft-color-picker__label,.ft-color-picker__current{font-size:1.4rem}}