.dftb-colour-picker{display:block;margin-bottom:18px}.dftb-colour-picker[data-selector-style=dropdown]{width:250px;max-width:100%}.dftb-colour-picker[data-selector-style=dropdown] .dftb-colour-picker__heading{position:relative;display:block;min-height:28px}.dftb-colour-picker[data-selector-style=dropdown] .variant__label{display:block;width:250px;max-width:100%;text-align:center}.dftb-colour-picker[data-selector-style=dropdown] .dftb-colour-picker__guide{display:block;width:fit-content;margin:0 0 0 auto;min-height:36px}.dftb-colour-picker [hidden]{display:none!important}.dftb-colour-picker__heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.dftb-colour-picker__heading .variant__label{margin-bottom:5px}.dftb-colour-picker__guide{border:0;background:transparent;padding:4px 0;color:inherit;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;text-transform:none;letter-spacing:0;cursor:pointer}.dftb-colour-picker__selected{margin:0 0 6px;font:inherit;font-size:15px;line-height:1.4;text-transform:none;letter-spacing:0}.dftb-colour-picker__swatches{display:flex;flex-wrap:wrap;gap:4px 6px}.dftb-colour-picker__swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:4px;border:1.5px solid transparent;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.dftb-colour-picker__swatch[aria-pressed=true]{border-color:currentColor}.dftb-colour-picker__chip{display:block;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background-color:var(--dftb-swatch, transparent);box-shadow:inset 0 0 0 1px #00000021;background-size:cover;background-position:center}.dftb-colour-picker__chip[data-finish=marl]{background-image:repeating-linear-gradient(115deg,transparent 0 2px,rgb(255 255 255 / 23%) 2px 3px,transparent 3px 5px,rgb(80 80 80 / 8%) 5px 6px)}.dftb-colour-picker__chip[data-finish=pastel]{background-image:linear-gradient(#efb0ae,#f3ebc9 52%,#a5cbd5)}.dftb-colour-picker__chip[data-finish=cloud]{background-image:radial-gradient(ellipse at 30% 40%,#d9e7f5 0 15%,transparent 48%),radial-gradient(ellipse at 80% 70%,#d4e5f2 0 10%,transparent 50%),linear-gradient(130deg,#93b5df,#739dd4)}.dftb-colour-picker__swatch:disabled{cursor:not-allowed;opacity:.45}.dftb-colour-picker__swatch:disabled:after{content:"";position:absolute;top:50%;left:7px;width:calc(100% - 14px);height:1px;background:currentColor;transform:rotate(-45deg)}.dftb-colour-picker__swatch--text{border-radius:6px;padding:6px 10px;border-color:#0000002e;font:inherit;font-size:13px}.dftb-colour-picker button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.dftb-colour-dialog{width:min(540px,calc(100vw - 28px));max-width:none;max-height:85vh;max-height:85dvh;overflow:auto;padding:24px;border:1px solid rgb(0 0 0 / 15%);border-radius:18px;background:var(--colorBody,#fffaf2);color:var(--colorTextBody,#222);box-shadow:0 18px 70px #00000040;text-align:left}.dftb-colour-dialog::backdrop{background:#181b1673}.dftb-colour-dialog__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.dftb-colour-dialog__header h2{font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-size:25px;line-height:1.2;margin:0;text-transform:none;letter-spacing:0}.dftb-colour-dialog__close{display:grid;place-items:center;flex:0 0 44px;height:44px;border:0;background:transparent;color:inherit;padding:0;font:inherit;font-size:30px;line-height:1;cursor:pointer}.dftb-colour-dialog__product{margin:2px 0 18px;font-size:13px;line-height:1.5}.dftb-colour-dialog__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dftb-colour-dialog__choice{display:flex;align-items:center;gap:10px;min-height:74px;min-width:0;padding:12px 10px;border:1px solid rgb(0 0 0 / 13%);border-radius:9px;color:inherit;background:transparent;text-align:left;font:inherit;line-height:1.35;cursor:pointer}.dftb-colour-dialog__choice[aria-pressed=true]{border:2px solid currentColor;padding:11px 9px}.dftb-colour-dialog__choice:disabled{opacity:.5;cursor:not-allowed}.dftb-colour-dialog__choice .dftb-colour-picker__chip{flex-basis:38px;width:38px;height:38px}.dftb-colour-dialog__name{display:block;font-size:14px;overflow-wrap:anywhere}.dftb-colour-dialog__description,.dftb-colour-dialog__unavailable{display:block;margin-top:3px;font-size:12px;line-height:1.4}.dftb-colour-dialog__note{margin:18px 0 0;font-size:12px;line-height:1.5}.dftb-colour-library-editor{margin:12px auto;padding:16px;max-width:900px;background:#fffaf2;color:#222;border:1px dashed #aaa}.dftb-colour-library-editor__entry{display:inline-block;margin:4px;padding:6px 10px;border:1px solid #bbb;border-radius:5px}@media(max-width:380px){.dftb-colour-dialog{padding:18px}.dftb-colour-dialog__choices{grid-template-columns:1fr}}#bcpo .selector-wrapper>select.dftb-colour-native-select[hidden],#bcpo .selector-wrapper>.bcpo-label[hidden]{display:none!important}#bcpo .dftb-colour-picker{margin:0}#bcpo .dftb-colour-picker[data-selector-style=dropdown] .variant__label{width:250px!important;max-width:100%}@media(max-width:768px){.dftb-colour-picker[data-selector-style=dropdown],#bcpo .dftb-colour-picker[data-selector-style=dropdown]{margin-inline:auto}.dftb-colour-picker[data-selector-style=dropdown] .dftb-colour-picker__guide{min-height:44px}.dftb-colour-picker[data-selector-style=dropdown] .variant__label,#bcpo .dftb-colour-picker[data-selector-style=dropdown] .variant__label{margin-inline:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/dftb-colour-swatches.css.map */