.product-customisation__title{margin-top:20px;margin-bottom:20px}.product-customisation__wrapper{display:flex;flex-direction:column;margin-bottom:var(--il-responsive-padding-dynamic-xsmall);margin-bottom:0;gap:var(--il-size-space-100)}.product-customisation__item{align-items:center;background-color:var(--il-color-cream-1000);display:flex;padding:0 var(--il-responsive-padding-dynamic-xsmall);width:100%;gap:var(--il-size-space-200);min-height:var(--il-responsive-button-height);border-radius:var(--il-size-radius-100);font:var(--il-font-subheading-base);letter-spacing:var(--il-typography-letter-spacing-04);cursor:pointer}.product-customisation__item--no-padding{padding:0}.product-customisation__item-text{flex-grow:1;text-align:left}.text-faded{opacity:.5}[data-customisation-count]{font:var(--il-font-subheading-base);letter-spacing:var(--il-typography-letter-spacing-04)}engraving-field{display:block;width:100%}engraving-field label{display:flex;align-items:center;border:1px solid var(--COLOR-BORDER);background-color:var(--COLOR-BG)}engraving-field.has-error label{border-color:#ba0000!important}engraving-field input{margin:0;width:100%;border-color:transparent!important}engraving-field [data-character-count]{flex-shrink:0;padding-right:var(--il-size-space-400);font:var(--il-font-subheading-base);letter-spacing:var(--il-typography-letter-spacing-04)}engraving-field .engraving-field__warning{color:#ba0000;font-size:12px;margin-top:8px}.optional-engraving{background-color:var(--il-color-cream-1000);border-radius:var(--il-size-radius-100)}.optional-engraving engraving-field{display:none;padding:16px}.optional-engraving.is-active engraving-field{display:block;padding-top:0}body.is-focused .optional-engraving:focus-within{outline:2px solid var(--COLOR-PRIMARY)}body.is-focused .optional-engraving:focus-within input{outline:none}.product__form__holder.has-hidden-engraving-option{padding-bottom:0;border-bottom:0}.product-form:has(locket-customisation-drawer) [data-add-to-cart].is-loading,.product-form:has(locket-customisation-drawer) [data-add-to-cart].is-added{--btn-bg: var(--BTN-PRIMARY-BG-COLOR);--btn-text: var(--BTN-PRIMARY-TEXT-COLOR);--btn-border: var(--BTN-PRIMARY-BG-COLOR);background:var(--btn-bg)}.product-form:has(locket-customisation-drawer) [data-add-to-cart] .btn__loader,.product-form:has(locket-customisation-drawer) [data-add-to-cart] .btn__added{opacity:0;visibility:hidden}.product-form:has(locket-customisation-drawer) [data-add-to-cart].is-loading .btn__text,.product-form:has(locket-customisation-drawer) [data-add-to-cart].is-added .btn__text{opacity:1}customisation-drawer .drawer__inner,locket-customisation-drawer .drawer__inner{background-color:var(--il-color-white-1000)}customisation-drawer .drawer__head,locket-customisation-drawer .drawer__head{display:flex;gap:8px;align-items:center;justify-content:space-between}customisation-drawer .drawer__title,locket-customisation-drawer .drawer__title{font:var(--il-font-subheading-base);letter-spacing:var(--il-typography-letter-spacing-04)}customisation-drawer .drawer__product_image{max-height:250px;overflow:hidden;background:var(--il-color-background-secondary)}customisation-drawer .drawer__product_image .product__slide{display:flex;flex-direction:row;align-items:center;justify-content:center}customisation-drawer .drawer__product_image .product__photo{width:200px;height:250px;padding-top:0}customisation-drawer .drawer__product_image .product__photo .image-wrapper{height:250px}customisation-drawer .drawer__body{padding:var(--il-responsive-padding-dynamic-base) var(--il-responsive-padding-dynamic-xsmall)}customisation-drawer .bold_option:not(:empty){margin-bottom:0;padding:0}customisation-drawer .drawer__foot{pointer-events:visible}customisation-drawer .customisation-drawer__confirm{position:relative}customisation-drawer .customisation-drawer__confirm [data-customisation-count]{pointer-events:none;position:absolute;right:16px}.bold_options{margin:0}.bold_option_set{display:flex;flex-direction:column;gap:var(--il-responsive-padding-dynamic-base)}.bold_option.bold_option_swatch{display:flex;flex-direction:column;gap:var(--il-responsive-padding-dynamic-xsmall)}.bold_options .bold_option_title{display:block;font:var(--il-font-title-xsmall);letter-spacing:var(--il-typography-letter-spacing-04)}.bold_options .bold_option_swatch .bold_option_element{display:grid;grid-template-columns:repeat(4,minmax(50px,1fr));gap:var(--il-size-space-100)}.bold_options .bold_option_swatch .bold_option_value{background-color:var(--il-color-background-secondary);border:0;font:var(--il-font-subheading-small);letter-spacing:var(--il-typography-letter-spacing-05);margin:0;overflow:hidden;z-index:1;position:relative}.bold_options .bold_option_swatch .bold_option_value>*{position:relative;z-index:1}.bold_options .bold_option_swatch .bold_option_value:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--il-color-grey-100);opacity:1;transition:var(--il-animation-default);border-radius:var(--il-size-radius-100);z-index:0;transform:translateY(100%)}@media(hover:hover)and (pointer:fine)and (min-width:750px){.bold_options .bold_option_swatch .bold_option_value:hover:after{transform:translateY(0)}}.bold_options .bold_option_swatch .bold_option_value:has(.bold_swatch_selected){background-color:var(--il-color-grey-100)}.bold_options .bold_option_swatch label{align-items:center;display:flex;flex-direction:column;gap:var(--il-size-space-200);padding:var(--il-size-space-200) var(--il-size-space-200) var(--il-size-space-400)}.bold_options .bold_option_swatch .bold_option_value_element{float:none;margin:0;box-shadow:none;border:none;width:100%}.bold_options .bold_option_swatch .bold_option_value_element:focus{outline:none}.bold_options .bold_option_swatch .bold_option_value_swatch{width:100%;height:auto;aspect-ratio:1;border:0}.bold_options .bold_option_swatch .bold_option_swatch_title{line-height:normal}.bold_options .bold_option_error,.bold_option_error .bold_option_title{color:var(--text)}.bold_options .bold_option_error .bold_error_message{color:#ba0000;margin:8px 0}.checkbox-toggle{position:relative;display:inline-block;width:30px;height:20px}.checkbox-toggle input{opacity:0;width:0;height:0}.checkbox-toggle__ui{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border:1px solid var(--il-color-cream-2000);background-color:var(--il-color-cream-2000);transition:background-color .3s;border-radius:50px}.checkbox-toggle__ui:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:var(--il-color-text-secondary);transition:background-color .3s,transform .3s;border-radius:50%}.checkbox-toggle input:checked+.checkbox-toggle__ui{background-color:var(--il-color-text-secondary);border:1px solid var(--il-color-text-secondary)}.checkbox-toggle input:checked+.checkbox-toggle__ui:before{transform:translate(10px);background-color:var(--il-color-white-1000)}locket-customisation-drawer .drawer__body{padding:0}.locket-customiser__preview{position:relative;height:250px;background-color:var(--il-color-background-secondary, #f8f8f8);display:flex;align-items:center;justify-content:center}.locket-customiser__preview canvas{max-width:100%;max-height:100%}.locket-customiser__message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--il-responsive-padding-dynamic-xsmall);font:var(--il-font-subheading-small);color:var(--il-color-text-secondary)}.locket-customiser__message--error{color:var(--il-color-error, #BA0000)}.locket-customiser__error{margin:0;padding:0 var(--il-responsive-padding-dynamic-xsmall) var(--il-responsive-padding-dynamic-base);font:var(--il-font-subheading-small);color:var(--il-color-error, #BA0000)}.locket-customiser__error[hidden]{display:none}.locket-customiser__bar{display:flex;align-items:center;gap:var(--il-size-space-200);width:100%;padding:var(--il-responsive-padding-dynamic-xsmall);border-top:1px solid var(--COLOR-BORDER);border-bottom:1px solid var(--COLOR-BORDER);font:var(--il-font-subheading-base)}.locket-customiser__section+.locket-customiser__section{margin-top:var(--il-responsive-padding-dynamic-base, 32px)}.locket-customiser__check{display:inline-flex;color:var(--il-color-text-tertiary, #aaaaaa)}.locket-customiser__section.is-complete .locket-customiser__check{color:var(--il-color-text-secondary)}locket-customisation-drawer .drawer__foot{pointer-events:auto}.locket-customiser__editor,.locket-customiser__editor-overlay{pointer-events:auto}.locket-customiser__editor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:var(--underlay-bg, rgba(0, 0, 0, .4));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:locketEditorFadeIn .3s ease}.locket-customiser__editor-overlay.is-closing{animation:locketEditorFadeOut .3s ease forwards}@keyframes locketEditorFadeIn{0%{opacity:0}to{opacity:1}}@keyframes locketEditorFadeOut{0%{opacity:1}to{opacity:0}}@keyframes locketEditorSlideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes locketEditorSlideOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}.locket-customiser__editor-overlay[hidden],.locket-customiser__editor[hidden]{display:none}.locket-customiser__editor{position:absolute;left:0;right:0;bottom:0;z-index:3;background-color:var(--il-color-white-1000);display:flex;flex-direction:column;animation:locketEditorSlideIn .5s cubic-bezier(.15,.3,.1,1)}.locket-customiser__editor.is-closing{animation:locketEditorSlideOut .5s cubic-bezier(.15,.3,.1,1) forwards}.locket-customiser__editor-controls{display:flex;flex-direction:column;gap:var(--il-size-space-300, 12px);padding:var(--il-responsive-padding-dynamic-base) var(--il-responsive-padding-dynamic-xsmall);border-top:1px solid var(--COLOR-BORDER);user-select:none;-webkit-user-select:none}.locket-customiser__control-row{display:flex;align-items:center;gap:var(--il-size-space-300, 12px);width:100%}.locket-customiser__control-label{flex:0 0 70px;font:var(--il-font-subheading-base);color:var(--il-color-text-secondary)}.locket-customiser__chips{display:flex;flex:1 1 auto;gap:10px}.locket-customiser__chip{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 var(--il-size-space-400, 16px);background:var(--il-color-white-1000);border:1px solid var(--COLOR-BORDER);border-radius:var(--il-size-radius-100);font:var(--il-font-subheading-small);letter-spacing:var(--il-typography-letter-spacing-04);color:var(--il-color-text-primary, #222);cursor:pointer}.locket-customiser__chip:hover{background:var(--il-color-background-secondary, #f8f8f8)}.locket-customiser__chip svg{flex-shrink:0}.locket-customiser__chip--up svg{transform:rotate(-90deg)}.locket-customiser__chip--down svg{transform:rotate(90deg)}.locket-customiser__editor-foot{padding:var(--il-responsive-padding-dynamic-xsmall);border-top:1px solid var(--COLOR-BORDER)}.locket-customiser__section.is-complete .locket-customiser__check circle{fill:var(--il-color-blue-1000, #656eaf);stroke:var(--il-color-blue-1000, #656eaf)}.locket-customiser__section.is-complete .locket-customiser__check path{stroke:var(--il-color-white-1000, #fff)}.locket-customiser__options{display:flex;flex-direction:column;gap:var(--il-size-space-300, 12px);padding:var(--il-responsive-padding-dynamic-xsmall)}.locket-customiser__segmented{display:flex;gap:var(--il-size-space-100, 4px);padding:var(--il-size-space-100, 4px);background-color:var(--il-color-cream-2000);border-radius:var(--il-size-radius-200, 8px)}.locket-customiser__segment{flex:1 1 0;min-width:0;padding:var(--il-size-space-300, 12px) var(--il-size-space-500, 20px);border:0;border-radius:var(--il-size-radius-100);background-color:var(--il-color-cream-500);font:var(--il-font-subheading-base);letter-spacing:var(--il-typography-letter-spacing-04);color:var(--il-color-text-primary, #222);text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none}.locket-customiser__segment.is-active{background-color:var(--il-color-blue-1000, #656eaf);color:var(--il-color-white-1000, #fff)}.locket-customiser__segment:disabled{background-color:var(--il-color-cream-1000);color:var(--il-color-text-tertiary, #aaa);cursor:not-allowed}.locket-customiser__options-hint{margin:0;font:var(--il-font-subheading-base);color:var(--il-color-text-secondary)}.locket-customiser__options-hint[hidden],.locket-customiser__result[hidden]{display:none}.locket-customiser__result--engraving{display:flex;align-items:flex-start;gap:var(--il-responsive-padding-dynamic-small, 24px);padding:0 var(--il-responsive-padding-dynamic-xsmall) var(--il-responsive-padding-dynamic-base);font:var(--il-font-subheading-base)}.locket-customiser__result-label{flex-shrink:0;width:48px;color:var(--il-color-text-secondary)}.locket-customiser__result-lines{flex:1 1 auto;min-width:0;color:var(--il-color-text-primary, #222)}.locket-customiser__result-lines p{margin:0;line-height:1.3}.locket-customiser__result-empty{color:var(--il-color-text-secondary)}.locket-customiser__result-edit{flex-shrink:0;padding:0 0 var(--il-size-space-100, 4px);border:0;border-bottom:1px solid var(--COLOR-BORDER);background:transparent;font:var(--il-font-subheading-small);letter-spacing:var(--il-typography-letter-spacing-04);color:var(--il-color-text-secondary);cursor:pointer}.locket-customiser__result--image{display:flex;align-items:center;justify-content:space-between;gap:var(--il-size-space-300, 12px);margin:0 var(--il-responsive-padding-dynamic-xsmall);padding:var(--il-size-space-100, 4px) var(--il-size-space-300, 12px);background-color:var(--il-color-cream-1000);border-radius:var(--il-size-radius-100)}.locket-customiser__result--image .locket-customiser__thumb{width:80px;height:80px;flex-shrink:0}.locket-customiser__thumb-button{display:block;flex-shrink:0;padding:0;border:0;background:none;border-radius:var(--il-size-radius-100);cursor:pointer}.locket-customiser__thumb-button .locket-customiser__thumb{display:block}.locket-customiser__thumb-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.locket-customiser__result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--il-size-space-100, 4px)}.locket-customiser__engraving-controls{display:flex;flex-direction:column;gap:var(--il-size-space-300, 12px);padding:var(--il-responsive-padding-dynamic-base) var(--il-responsive-padding-dynamic-xsmall);border-top:1px solid var(--COLOR-BORDER)}.locket-customiser__line-tabs{display:flex;gap:var(--il-size-space-100, 4px);padding:var(--il-size-space-100, 4px);background-color:var(--il-color-cream-2000);border-radius:var(--il-size-radius-200, 8px)}.locket-customiser__line-tab{flex:1 1 0;min-width:0;padding:var(--il-size-space-300, 12px) var(--il-size-space-400, 16px);border:0;border-radius:var(--il-size-radius-100);background-color:var(--il-color-cream-500);font:var(--il-font-subheading-base);letter-spacing:var(--il-typography-letter-spacing-04);color:var(--il-color-text-primary, #222);text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none}.locket-customiser__line-tab.is-active{background-color:var(--il-color-blue-1000, #656eaf);color:var(--il-color-white-1000, #fff)}.locket-customiser__line-fields{display:flex;flex-direction:column;gap:var(--il-size-space-200, 8px)}.locket-customiser__line-field{display:flex;align-items:center;gap:var(--il-size-space-200);height:48px;padding:0 var(--il-responsive-padding-dynamic-xsmall);background-color:var(--il-color-white-1000);border:1px solid var(--COLOR-BORDER);border-radius:var(--il-size-radius-100)}.locket-customiser__line-field input{flex:1 1 auto;min-width:0;margin:0;padding:0;border:0;min-height:0;background:transparent;font:var(--il-font-subheading-base);letter-spacing:var(--il-typography-letter-spacing-04);color:var(--il-color-text-primary, #222)}.locket-customiser__line-field input:focus{outline:none;border:0}.locket-customiser__line-count{flex-shrink:0;font:var(--il-font-subheading-base);color:var(--il-color-text-tertiary, #aaa)}
/*# sourceMappingURL=/cdn/shop/t/115/assets/product-customisation.css.map */