.ww-customisation{margin-bottom:2.5rem}.ww-customisation__control{--ww-customisation-checkbox-margin-top: .64rem;display:block;position:relative;max-width:44rem}.ww-customisation__checkbox{flex-grow:1;font-size:1.6rem;display:flex;word-break:break-word;align-items:flex-start;max-width:inherit;position:relative;cursor:pointer}.ww-customisation__control>input[type=checkbox]{position:absolute;width:1.6rem;height:1.6rem;margin:var(--ww-customisation-checkbox-margin-top) 0;top:0;left:0;z-index:-1;appearance:none;-webkit-appearance:none}.ww-customisation__checkbox>svg{margin-top:var(--ww-customisation-checkbox-margin-top);margin-right:1.2rem;flex-shrink:0}.ww-customisation__control .icon-checkmark{visibility:hidden;position:absolute;left:.28rem;z-index:5;top:.4rem;width:10px;height:9px}.ww-customisation__control>input[type=checkbox]:checked+label .icon-checkmark{visibility:visible}.ww-customisation__control>input[type=checkbox]:focus-visible+label>svg:first-of-type{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.ww-customisation__fields{display:none}.ww-customisation__control>input[type=checkbox]:checked~.ww-customisation__fields{display:block;margin-top:1.6rem;animation:animateMenuOpen var(--duration-default) ease}.ww-customisation__fields .field__label{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 3.5rem);overflow:hidden}.ww-customisation__colours{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;margin-bottom:1.6rem}.ww-customisation__colour{min-width:0}.ww-customisation__colour .form__label{display:block;margin-bottom:.6rem}.ww-customisation__code .field__input{width:100%;min-width:0}.ww-customisation__code{margin-top:1rem}.ww-customisation__fields [hidden]{display:none!important}.ww-colour-select{display:block;position:relative}.ww-colour-select--enhanced>.select{display:none}.ww-colour-select__button{display:flex;align-items:center;gap:1rem;width:100%;min-height:4.5rem;padding:.8rem 1.5rem;font-family:inherit;font-size:1.3rem;letter-spacing:.04rem;text-align:left;cursor:pointer;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:var(--inputs-border-width) solid rgba(var(--color-foreground),.55);border-radius:var(--inputs-radius)}.ww-colour-select__button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.ww-colour-select__button-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ww-colour-select__caret{flex:0 0 auto;width:1rem;height:.6rem;pointer-events:none}.ww-colour-select__listbox{position:absolute;z-index:4;top:calc(100% + .4rem);left:0;right:0;max-height:32rem;overflow-y:auto;margin:0;padding:.4rem;list-style:none;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);box-shadow:0 .4rem 1.2rem rgba(var(--color-shadow),.15)}.ww-colour-select__listbox [role=option]{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;border-radius:.4rem;cursor:pointer;font-size:1.3rem}.ww-colour-select__listbox [role=option]:hover,.ww-colour-select__listbox [role=option]:focus-visible{background-color:rgba(var(--color-foreground),.08);outline:none}.ww-colour-select__listbox [role=option][aria-selected=true]{background-color:rgba(var(--color-foreground),.12)}.ww-colour-select__dot{flex:0 0 auto;width:1.6rem;height:1.6rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.25)}.ww-colour-select__dot--none{background:transparent}.ww-colour-select__dot--custom{background:conic-gradient(#e63832,#f6ce63,#82ac3e,#47a492,#3d6bd6,#bbaeec,#e63832)}.ww-customisation__help{margin:.6rem 0 0;font-size:1.4rem;opacity:.75}.ww-customisation__error{margin-top:.6rem;align-items:flex-start;line-height:calc(1 + .5 / var(--font-body-scale))}.ww-customisation__error>.svg-wrapper,.ww-customisation__error>svg{flex-shrink:0;margin-top:.2rem}.ww-customisation__error:first-letter{text-transform:capitalize}.shopify-payment-button.ww-customisation-blocked{pointer-events:none;opacity:.5}@media screen and (forced-colors:active){.ww-customisation__checkbox>svg{background-color:inherit;border:.1rem solid rgb(var(--color-background))}.ww-customisation__control>input[type=checkbox]:checked+label .icon-checkmark{border:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/ww-customisation-field.css.map */