.galtane-color-selector[hidden]{display:none!important}
.galtane-free-color[hidden]{display:none!important}
.galtane-free-color{display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;grid-column:1/-1;clear:both!important;float:none!important;flex:none!important;margin:1.25rem 0!important}
.galtane-free-color label{display:block;margin-bottom:8px}
.galtane-free-color input[type="text"]{display:block;width:100%!important;box-sizing:border-box!important;padding:12px 16px!important;border:1px solid var(--wdtBorderColor,#d2d2d2)!important;border-radius:999px!important;background:#fff!important;color:#202020!important}
.galtane-free-color input[type="text"]:focus{border-color:var(--wdtQuaternaryColor,#ef6500)!important;outline:none!important}
.galtane-color-help{margin:7px 0 0;font-size:13px;color:#666}
.galtane-color-selector{display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;grid-column:1/-1;clear:both!important;float:none!important;flex:none!important;margin:1.25rem 0!important}
.galtane-open-colors{display:block!important;width:100%!important;min-height:74px!important;box-sizing:border-box!important;margin:0!important;padding:18px 22px!important;border:2px dashed #d2d2d2!important;border-radius:4px!important;background:#fff!important;color:#202020!important;text-align:left!important;cursor:pointer!important;font:inherit!important;text-transform:none!important;transition:border-color .2s ease,background-color .2s ease!important}
.galtane-open-colors:hover{border-color:var(--wdtPrimaryColor,#d66f20)!important;background:#fff!important;color:#202020!important}
.galtane-color-prompt{display:flex;align-items:center;justify-content:center;gap:11px;font-size:17px;font-weight:500}
.galtane-color-plus{display:inline-grid;place-items:center;width:25px;height:25px;border:2px solid var(--wdtPrimaryColor,#d66f20);border-radius:50%;color:var(--wdtPrimaryColor,#d66f20);font-size:15px;font-weight:400;line-height:1}
.galtane-selected{display:none;align-items:center;justify-content:space-between;gap:20px;width:100%;color:var(--galtane-selected-text-color,#202020)}
.galtane-selected-main{display:flex;align-items:center;gap:12px;min-width:0;font-weight:600}
.galtane-selected-swatch{display:inline-block;flex:0 0 28px;width:28px;height:28px;border:1px solid rgba(0,0,0,.2);border-radius:50%;background:var(--galtane-selected-color,#fff)}
.galtane-selected-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.galtane-change-color{flex:0 0 auto;font-size:14px;font-weight:400;text-decoration:underline;text-underline-offset:3px}
.galtane-color-selector.has-color .galtane-open-colors{border-style:solid!important;border-color:transparent!important;background:var(--galtane-selected-color,#eee)!important;color:var(--galtane-selected-text-color,#202020)!important}
.galtane-color-selector.has-color .galtane-color-prompt{display:none}
.galtane-color-selector.has-color .galtane-selected{display:flex}
.galtane-color-error{color:#b81c23;margin:.6rem 0 0}
.galtane-color-error[hidden]{display:none!important}
.galtane-modal[hidden]{display:none}
.galtane-modal{position:fixed;z-index:999999;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:20px}
.galtane-modal-panel{position:relative;background:#fff;color:#222;width:min(900px,100%);max-height:90vh;overflow:auto;border-radius:12px;padding:28px}
.galtane-modal-panel .galtane-close{position:absolute!important;right:16px!important;top:10px!important;z-index:3!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#000!important;color:#fff!important;font:700 15px/1 Arial,sans-serif!important;cursor:pointer!important}
.galtane-modal-panel .galtane-close:hover{background:#45484f!important;color:#fff!important}
.galtane-search{width:100%;padding:12px;margin:12px 0 16px;border:1px solid #bbb;border-radius:6px}
.galtane-families{display:flex;gap:8px;overflow:auto;margin-bottom:18px}
.galtane-families[hidden]{display:none!important}
.galtane-families button{white-space:nowrap;border:1px solid #bbb;background:#fff;border-radius:999px;padding:7px 13px;cursor:pointer}
.galtane-families button.active{background:#222;color:#fff;border-color:#222}
.galtane-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.galtane-color{display:flex;align-items:center;text-align:left;gap:10px;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer}
.galtane-color:hover{border-color:#222}
.galtane-swatch{display:inline-block;flex:0 0 auto;width:42px;height:42px;border:1px solid rgba(0,0,0,.18);border-radius:50%}
.galtane-color small{display:block;margin-top:2px}
.galtane-modal-open{overflow:hidden}
@media(max-width:700px){.galtane-colors{grid-template-columns:1fr 1fr}.galtane-modal-panel{padding:22px 15px}}
@media(max-width:600px){.galtane-open-colors{min-height:64px!important;padding:15px!important}.galtane-selected{gap:10px}.galtane-change-color{font-size:13px}.galtane-color-prompt{font-size:15px}}
@media(max-width:430px){.galtane-colors{grid-template-columns:1fr}.galtane-selected{align-items:flex-start;flex-direction:column}.galtane-change-color{margin-left:40px}}