personalisation-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.6rem}personalisation-modal.hidden{display:none}body.personalisation-modal-open{overflow:hidden}.personalisation-modal .personalisation-modal__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#2c332f73;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.personalisation-modal__dialog{position:relative;display:flex;flex-direction:column;width:min(76.8rem,100%);max-height:92vh;background:#fff;border-radius:1.6rem;box-shadow:0 2.5rem 5rem -1.2rem #00000040;overflow:hidden}.personalisation-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem 2.8rem;border-bottom:.1rem solid #e4e7e2}.personalisation-modal__eyebrow{margin:0;font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#69716c}.personalisation-modal__title{margin:.4rem 0 0;font-size:2rem;line-height:1.4;font-weight:700}.personalisation-modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;background:transparent;border:.1rem solid #e4e7e2;border-radius:50%;cursor:pointer;color:#69716c}.personalisation-modal__close:hover{border-color:#2c332f;color:#2c332f}.personalisation-modal__close .svg-wrapper{width:1.8rem;height:1.8rem}.personalisation-modal__body{flex:1 1 auto;overflow-y:auto;padding:2rem 2.8rem}.personalisation-modal__modes{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.personalisation-modal__mode{display:flex;flex-direction:column;align-items:flex-start;padding:1.6rem;text-align:left;background:#fff;border:.1rem solid #e4e7e2;border-radius:1.2rem;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background-color .15s ease}.personalisation-modal__mode:hover{border-color:#2c332f80}.personalisation-modal__mode.is-selected{border-color:#2c332f;box-shadow:0 0 0 .1rem #2c332f;background-color:#f7f8f5}.personalisation-modal__mode-icon{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%}.personalisation-modal__mode-icon .svg-wrapper{width:1.4rem;height:1.4rem}.personalisation-modal__mode-icon--none{background:#eceef2}.personalisation-modal__mode-icon--custom{background:#ffc000}.personalisation-modal__mode-title{margin-top:1.2rem;font-size:1.4rem;font-weight:700;color:rgb(var(--color-foreground))}.personalisation-modal__mode-desc{margin-top:.4rem;font-size:1.1rem;line-height:1.625;color:#69716c}.personalisation-modal__custom{margin-top:2rem;padding-top:2rem;border-top:.1rem solid #e4e7e2}.personalisation-modal__section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;margin-bottom:1.2rem}.personalisation-modal__section-head--configs{align-items:center;margin-top:2rem;padding-top:2rem;border-top:.1rem solid #e4e7e2}.personalisation-modal__section-title{margin:0;font-size:1.4rem;font-weight:700}.personalisation-modal__section-hint{margin:.4rem 0 0;font-size:1.1rem;color:#69716c}.personalisation-modal__section-count{font-size:1.1rem;color:#69716c;white-space:nowrap}.personalisation-modal__positions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.personalisation-modal__position{display:flex;flex-direction:column;align-items:center;padding:.8rem;background:#fff;border:.1rem solid #e4e7e2;border-radius:1.2rem;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background-color .15s ease}.personalisation-modal__position:hover{border-color:#2c332f80}.personalisation-modal__position.is-selected{border-color:#2c332f;box-shadow:0 0 0 .1rem #2c332f;background-color:#f7f8f5}.personalisation-modal__position-image{width:100%;max-width:10.4rem;aspect-ratio:1;object-fit:contain;background:#fff}.personalisation-modal__position-image--empty{display:block;background:#f4f3ef;border-radius:.8rem}.personalisation-modal__position-name{margin-top:.6rem;font-size:1.1rem;font-weight:700;text-align:center;color:rgb(var(--color-foreground))}.personalisation-modal__methods{display:flex;flex-direction:column;gap:.8rem;margin-top:1.6rem}.personalisation-modal__method-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;padding:1rem;background:#eceef2;border:.1rem solid #e4e7e2;border-radius:.8rem}.personalisation-modal__method-name{flex:1;font-size:1.2rem;font-weight:700;color:rgb(var(--color-foreground))}.personalisation-modal__method-toggle{display:inline-flex;padding:.2rem;background:#fff;border:.1rem solid #e4e7e2;border-radius:.6rem}.personalisation-modal__method-button{padding:.4rem .8rem;font-size:1rem;font-weight:700;font-family:inherit;background:transparent;color:#69716c;border:none;border-radius:.4rem;cursor:pointer}.personalisation-modal__method-button.is-selected{background:#2c332f;color:#fff}.personalisation-modal__method-note{flex-basis:100%;margin:0;font-size:1rem;line-height:1.4;color:#8a918c}.personalisation-modal__same-everywhere{flex-shrink:0;padding:.6rem 1.2rem;font-size:1rem;font-weight:700;font-family:inherit;background:#fff;color:rgb(var(--color-foreground));border:.1rem solid #e4e7e2;border-radius:3rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.personalisation-modal__same-everywhere:hover{border-color:#2c332f80}.personalisation-modal__same-everywhere.is-selected{background:#2c332f;border-color:#2c332f;color:#fff}.personalisation-modal__configs{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.personalisation-modal__config-card{display:flex;flex-direction:column;gap:.8rem;padding:1.2rem;border:.1rem solid #e4e7e2;border-radius:1.2rem}.personalisation-modal__config-head{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem}.personalisation-modal__config-title{font-size:1.2rem;font-weight:700;color:rgb(var(--color-foreground))}.personalisation-modal__config-method{font-size:1rem;font-weight:600;color:#12805c}.personalisation-modal__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.4rem}.personalisation-modal__tab{padding:.8rem;font-size:1rem;font-weight:700;font-family:inherit;text-align:left;background:#fff;color:rgb(var(--color-foreground));border:.1rem solid #e4e7e2;border-radius:.8rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.personalisation-modal__tab:hover{border-color:#2c332f80}.personalisation-modal__tab.is-selected{border-color:#2c332f;background:#f7f8f5}.personalisation-modal__upload{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;font-size:1.1rem;color:#69716c;border:.1rem dashed #e4e7e2;border-radius:.8rem;cursor:pointer;transition:border-color .15s ease}.personalisation-modal__upload:hover,.personalisation-modal__upload.has-file{border-color:#2c332f;color:rgb(var(--color-foreground))}.personalisation-modal__upload-icon svg{display:block;width:1.4rem;height:1.4rem}.personalisation-modal__upload.is-disabled,.personalisation-modal__existing.is-disabled{opacity:.45;pointer-events:none}.personalisation-modal__upload-clear{margin-left:auto;padding:0 .5rem;border:none;background:none;font-size:1.8rem;line-height:1;color:#69716c;cursor:pointer}.personalisation-modal__upload-clear:hover{color:rgb(var(--color-foreground))}.personalisation-modal__existing{display:flex;align-items:flex-start;gap:.8rem;font-size:1.1rem;color:#69716c;cursor:pointer}.personalisation-modal__existing input{flex-shrink:0;width:1.4rem;height:1.4rem;margin-top:.2rem;accent-color:#2c332f}.personalisation-modal__existing strong{display:block;font-size:1.1rem;color:rgb(var(--color-foreground))}.personalisation-modal__existing-desc{display:block;margin-top:.2rem;font-size:1.1rem;line-height:1.5;color:#69716c}.personalisation-modal__text-field{width:100%;padding:.8rem 1.2rem;font-size:1.2rem;font-family:inherit;color:rgb(var(--color-foreground));background:#fff;border:.1rem solid #e4e7e2;border-radius:.8rem}.personalisation-modal__text-field:focus-visible{outline:none;border-color:#2c332f}.personalisation-modal__field-hint{margin:-.4rem 0 0;font-size:1rem;color:#69716c}.personalisation-modal__industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.personalisation-modal__industry{display:grid;place-items:center;aspect-ratio:1;padding:.6rem;background:#fff;border:.1rem solid #e4e7e2;border-radius:.8rem;cursor:pointer;transition:border-color .15s ease}.personalisation-modal__industry:hover{border-color:#2c332f80}.personalisation-modal__industry.is-selected{border-color:#2c332f;box-shadow:0 0 0 .1rem #2c332f}.personalisation-modal__industry img{display:block;max-width:100%;max-height:100%;object-fit:contain}.personalisation-modal__style-title{margin:0;font-size:1.1rem;font-weight:700;color:rgb(var(--color-foreground))}label.personalisation-modal__style-title{display:block}.personalisation-modal__text-preview{display:flex;align-items:center;min-height:5.6rem;margin:.8rem 0 0;padding:1.2rem 1.6rem;font-size:2.4rem;line-height:1.2;overflow-wrap:anywhere;color:rgb(var(--color-foreground));background:#f6f7f5;border-radius:.8rem;display:none}.personalisation-modal__text-preview.is-placeholder{opacity:.4;display:none}.personalisation-modal__font-wrapper{position:relative;margin-top:-.2rem}.personalisation-modal__font-trigger{display:flex;align-items:center;gap:1.2rem;width:100%;min-height:4.4rem;padding:.8rem 3.6rem .8rem 1.6rem;color:rgb(var(--color-foreground));background:#fff;border:.1rem solid #e4e7e2;border-radius:.8rem;text-align:left;cursor:pointer}.personalisation-modal__font-wrapper.is-open .personalisation-modal__font-trigger{border-color:#2c332f}.personalisation-modal__font-sample{flex:1 1 auto;min-width:0;font-size:1.8rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personalisation-modal__font-name{flex:0 0 auto;font-size:1.2rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.5;display:none}.personalisation-modal__font-list{position:absolute;z-index:3;top:calc(100% + .4rem);left:0;right:0;max-height:28rem;margin:0;padding:.4rem;overflow-y:auto;list-style:none;background:#fff;border:.1rem solid #e4e7e2;border-radius:.8rem;box-shadow:0 1.2rem 2.4rem #0000001f}.personalisation-modal__font-list:focus-visible{outline:none}.personalisation-modal__font-option{display:flex;align-items:center;gap:1.2rem;padding:.9rem 1.2rem;border-radius:.6rem;cursor:pointer}.personalisation-modal__font-option.is-active{background:#f1f3ef}.personalisation-modal__font-option.is-selected{background:#2c332f;color:#fff}.personalisation-modal__font-option.is-selected .personalisation-modal__font-name{opacity:.7}.personalisation-modal__font-trigger:focus-visible{outline:none;border-color:#2c332f}.personalisation-modal__font-caret{position:absolute;top:50%;right:1.4rem;width:1rem;height:.6rem;transform:translateY(-50%);color:rgb(var(--color-foreground));pointer-events:none}.personalisation-modal__style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:-.2rem}.personalisation-modal__style{position:relative;display:block;aspect-ratio:1;padding:0;background:#fff;border:.1rem solid #e4e7e2;border-radius:.8rem;overflow:hidden;cursor:pointer;font-family:inherit;transition:border-color .15s ease}.personalisation-modal__style:hover{border-color:#2c332f80}.personalisation-modal__style.is-selected{border-color:#2c332f;box-shadow:0 0 0 .1rem #2c332f}.personalisation-modal__style img{display:block;width:100%;height:100%;object-fit:cover}.personalisation-modal__style span{position:absolute;inset:auto 0 0;padding:.4rem;background:#fff;font-size:1rem;font-weight:700;color:#000}.personalisation-modal__style:not(:has(img)) span{top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.2rem}.personalisation-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem 2.8rem;border-top:.1rem solid #e4e7e2}.personalisation-modal__status{font-size:1.2rem;color:#69716c}.personalisation-modal .button:after,.personalisation-modal .button:hover:after,.personalisation-modal .button:not([disabled]):hover:after{box-shadow:none}.personalisation-modal__save{display:inline-flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:1.2rem 2rem;font-size:1.4rem;font-weight:800;border-radius:1.2rem;background:#ffc000;color:#1a211d}.personalisation-modal__save:hover:not([disabled]){background:#e4ab00}.personalisation-modal__save[disabled]{background:#eceef2;color:#69716c;cursor:not-allowed}.personalisation-modal__save-icon{width:1.6rem;height:1.6rem}.personalisation-modal__error{margin-top:1.6rem}@media screen and (max-width:749px){personalisation-modal{padding:0;align-items:flex-end}.personalisation-modal__dialog{max-height:92vh;border-radius:1.6rem 1.6rem 0 0}.personalisation-modal__header,.personalisation-modal__body,.personalisation-modal__footer{padding-left:2rem;padding-right:2rem}.personalisation-modal__modes,.personalisation-modal__configs{grid-template-columns:1fr}.personalisation-modal__positions{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-personalisation-modal.css.map */