.personalise{display:block;margin:1.6rem 0 2rem}.personalise__preview{max-width:34rem;margin:0 auto 1.8rem}.personalise__preview--mirror{max-width:18rem;margin:0 auto 1.2rem}.personalise__gallery{width:100%;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;background:transparent}.personalise__gallery .personalise-art{max-width:100%;max-height:80vh;width:100%;height:auto;display:block}@media screen and (max-width:749px){.product__media-list .product__media-item[data-media-id$=-pp]{aspect-ratio:841.89 / 1190.55!important;overflow:visible!important}.product__media-list .product__media-item[data-media-id$=-pp] .personalise__gallery{height:100%;overflow:visible}}.personalise-art{display:block;width:100%;height:auto;background:#fff;box-shadow:0 2px 4px #12121224,0 18px 36px #1212122e}.personalise__gallery .personalise-art{box-shadow:none}.personalise__upload-placeholder{display:block;width:100%;height:auto;border:1rem solid #121212;outline:.3rem solid #ffffff;outline-offset:-1.3rem;box-shadow:0 2px 4px #12121224,0 18px 36px #1212122e;box-sizing:border-box}.personalise__fields{display:flex;flex-direction:column;gap:.6rem}.personalise__input--narrow{max-width:12rem}.personalise__label{font-family:CircularXXMedium,sans-serif;font-size:1.5rem;font-weight:400;color:#121212;letter-spacing:.02rem}.personalise__input{width:100%;padding:1.15rem 1.3rem;font-family:CircularXXMedium,sans-serif;font-size:1.6rem;color:#121212;background:#fff;border:.1rem solid rgba(18,18,18,.25);border-radius:.6rem;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;appearance:none}.personalise__input::placeholder{color:#12121266}.personalise__textarea{font-family:CircularXXMedium,sans-serif;font-size:1.45rem;line-height:1.5;resize:vertical;min-height:22rem}.personalise__input:focus,.personalise__input:focus-visible{outline:none;border-color:#209b78;box-shadow:0 0 0 .3rem #209b782e}.personalise__input.is-invalid{border-color:#d72c0d;box-shadow:0 0 0 .3rem #d72c0d24}.personalise__hint{margin:0;font-size:1.25rem;line-height:1.4;color:#1212129e}.personalise__hint strong{color:#121212}.personalise__error{margin:.2rem 0 0;font-size:1.3rem;font-weight:600;color:#d72c0d}.product-form__submit.is-personalise-incomplete{opacity:.55}.sticky-atc .productModal-form__input{min-width:12rem}.sticky-atc .productModal-variant{min-width:12rem;width:auto}.sticky-atc .productModal-variant .select__select{width:auto;min-width:100%;padding-right:2.4rem}.personalise__upload{display:flex;flex-direction:column;gap:.6rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.personalise__dropzone{position:relative;display:block;margin:.4rem 0 0}.personalise__dropzone-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2.8rem 1.6rem 2rem;background:#fff;border:.2rem dashed rgba(18,18,18,.22);border-radius:.8rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .12s ease,box-shadow .15s ease}.personalise__dropzone-empty:hover{border-color:#209b78;background:#f4faf7}.personalise__dropzone-empty:focus-within,.personalise__file:focus-visible+.personalise__dropzone-empty,.personalise__dropzone.is-pp-dragover .personalise__dropzone-empty{border-color:#209b78;border-style:solid;background:#e9f6f0;box-shadow:0 0 0 .3rem #209b782e}.personalise__dropzone-icon{color:#209b78;margin-bottom:.2rem}.personalise__dropzone-title{font-family:CircularXXMedium,sans-serif;font-size:1.55rem;font-weight:600;color:#121212}.personalise__dropzone-sub{font-family:CircularXXMedium,sans-serif;font-size:1.25rem;color:#1212128c}.personalise__dropzone-cta{margin-top:.6rem;padding:.7rem 1.4rem;background:#209b78;color:#fff;border-radius:99rem;font-family:CircularXXMedium,sans-serif;font-size:1.3rem;font-weight:600;letter-spacing:.02rem;transition:background-color .15s ease}.personalise__dropzone-empty:hover .personalise__dropzone-cta{background:#1a8366}.personalise__dropzone-chosen{display:flex;align-items:center;gap:1.4rem;padding:1.2rem;background:#f4faf7;border:.1rem solid #209b78;border-radius:.8rem}.personalise__thumb{display:none;flex:0 0 auto;width:8.4rem;height:8.4rem;margin:0;border-radius:.5rem;object-fit:cover;box-shadow:0 6px 14px #12121224;background:#fff}.personalise__dropzone-meta{flex:1 1 auto;display:flex;flex-direction:column;gap:.2rem;min-width:0}.personalise__dropzone-name{font-family:CircularXXMedium,sans-serif;font-size:1.4rem;font-weight:600;color:#121212;word-break:break-word;overflow-wrap:anywhere;line-height:1.3}.personalise__dropzone-size{font-family:CircularXXMedium,sans-serif;font-size:1.2rem;color:#1212128c}.personalise__dropzone-remove{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1rem;background:transparent;border:.1rem solid rgba(18,18,18,.18);border-radius:99rem;font-family:CircularXXMedium,sans-serif;font-size:1.2rem;color:#121212;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.personalise__dropzone-remove:hover{background:#d72c0d;border-color:#d72c0d;color:#fff}.personalise__dropzone-chosen[hidden],.personalise__dropzone.is-pp-chosen .personalise__dropzone-empty{display:none}.personalise__dropzone.is-pp-chosen .personalise__dropzone-chosen{display:flex!important}@media(max-width:480px){.personalise__dropzone-chosen{flex-wrap:wrap}.personalise__thumb{width:7rem;height:7rem}}.personalise__icons{margin:1.8rem 0 0;padding:0;border:0}.personalise__icons legend{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.personalise__counter{font-family:CircularXXMedium,sans-serif;font-size:1.25rem;color:#1212129e;font-weight:400;letter-spacing:.02rem}.personalise__icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.8rem}.personalise__icon-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.9rem .4rem .7rem;background:#fff;border:.1rem solid rgba(18,18,18,.18);border-radius:.8rem;cursor:pointer;transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease,background-color .15s ease;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.personalise__icon-btn:hover{border-color:#209b78;transform:translateY(-1px);box-shadow:0 4px 12px #12121214}.personalise__icon-btn:focus-visible{outline:0;border-color:#209b78;box-shadow:0 0 0 .3rem #209b7838}.personalise__icon-btn.is-selected{border-color:#209b78;background:#e9f6f0;box-shadow:0 0 0 .2rem #209b7859}.personalise__icon-svg{width:4.6rem;height:4.6rem;color:#121212}.personalise__icon-name{font-family:CircularXXMedium,sans-serif;font-size:1.1rem;line-height:1.2;color:#121212;text-align:center}.personalise__icon-num{position:absolute;top:.4rem;right:.4rem;display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;background:#209b78;color:#fff;font-family:CircularXXMedium,sans-serif;font-size:1.15rem;font-weight:700}.personalise__icon-num[hidden]{display:none}.is-pp-shake{animation:pp-shake .32s ease-in-out}@keyframes pp-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.personalise__thumb.is-visible{display:block}@media screen and (min-width:990px){.personalise__preview{max-width:30rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-personalise.css.map */