.colour-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.colour-picker{position:relative}.colour-trigger{display:flex;align-items:center;gap:10px;width:100%;height:50px;padding:0 12px;border:1px solid #cbc6cf;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.colour-trigger:focus-visible{outline:3px solid rgba(141,91,210,.22);border-color:#8d5bd2}.colour-dot{flex:0 0 18px;width:18px;height:18px;border:1px solid rgba(25,25,25,.28);border-radius:50%;box-shadow:0 0 0 2px #fff}.colour-trigger-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.colour-trigger-arrow{width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translateY(-2px)}.colour-menu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:max(100%,220px);max-height:260px;overflow:auto;padding:6px;border:1px solid #cbc6cf;border-radius:14px;background:#fff;box-shadow:0 14px 35px rgba(35,25,45,.18)}.colour-option{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:7px 9px;border:0;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.colour-option:hover,.colour-option:focus-visible,.colour-option[aria-selected=true]{background:#f2ebff;outline:none}.colour-option[aria-selected=true]{font-weight:800}