product-personalisation{display:block}.personalization-trigger__state{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.personalization-trigger-card{border-radius:1rem;padding:2px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-blue) 70%,transparent),color-mix(in srgb,var(--brand-blue) 62%,transparent) 18%,color-mix(in srgb,var(--caution) 22%,var(--brand-blue) 58%) 38%,color-mix(in srgb,var(--caution) 42%,var(--brand-blue) 42%),color-mix(in srgb,var(--caution) 24%,var(--brand-blue) 56%) 62%,color-mix(in srgb,var(--brand-blue) 60%,transparent) 82%,color-mix(in srgb,var(--brand-blue) 70%,transparent));box-shadow:0 6px 28px color-mix(in srgb,var(--brand-blue) 14%,transparent)}.personalization-trigger-card__inner{border-radius:calc(1rem - 2px);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-blue) 10%,var(--warm-white)),var(--warm-white) 58%);padding-block:var(--spacing-base);padding-inline:var(--spacing-base)}.personalization-trigger-card--added{background:linear-gradient(135deg,color-mix(in srgb,var(--success) 58%,transparent),color-mix(in srgb,var(--brand-blue) 38%,transparent));box-shadow:0 6px 24px color-mix(in srgb,var(--success) 14%,transparent)}.personalization-trigger-card--added .personalization-trigger-card__inner{background:linear-gradient(180deg,color-mix(in srgb,var(--success) 9%,var(--warm-white)),var(--warm-white) 55%)}.personalization-trigger-card__stars{display:flex;flex-shrink:0;color:var(--caution)}.personalization-trigger-card__stars .icon{width:1.35rem;height:1.35rem}@keyframes personalization-trigger-sparkle{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.06) rotate(-4deg)}50%{transform:scale(1.02) rotate(3deg)}75%{transform:scale(1.08) rotate(-2deg)}}.personalization-trigger-card__stars .icon-sparkles{transform-origin:center;animation:personalization-trigger-sparkle 2.75s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.personalization-trigger-card__stars .icon-sparkles{animation:none}}.personalization-trigger-card .personalization-trigger__title{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:1.375rem;line-height:1.15;margin:0;text-align:center}.personalization-trigger-card .personalization-trigger__title-text{flex:0 1 auto;max-width:100%;text-align:center}.personalization-trigger-card .personalization-trigger__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.personalization-trigger-card .personalization-trigger__copy{text-align:center}.personalization-trigger-card__cta{width:auto;margin-top:0;font-weight:600;text-transform:none;letter-spacing:.02em;padding-block:var(--spacing-sm);gap:.5rem}.personalization-trigger-card__cta .icon{width:1.125rem;height:1.125rem;flex-shrink:0}.personalization-trigger__title{font-size:1.25rem;font-weight:700;line-height:1.2;margin:0;color:var(--soft-navy);text-align:left}.personalization-trigger__copy{font-size:.875rem;line-height:var(--font-body-line-height);margin:0;color:var(--dark-grey)}.personalization-trigger__price{white-space:nowrap}.personalization-actions button{border-radius:999px;padding:var(--spacing-sm) var(--spacing-base);display:flex;align-items:center;justify-content:center;gap:.5rem;width:max-content;font-size:.875rem;font-weight:500;text-transform:none}.personalization-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--input-border-radius);background-color:#10b9811a;color:var(--soft-navy);border:1px solid rgba(16,185,129,.28)}.personalization-status svg{flex-shrink:0;width:1.125rem;height:1.125rem;color:var(--success)}.personalization-status__text{font-size:.875rem;font-weight:600}.personalization-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.personalization-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:var(--spacing-base);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}.personalization-modal[open]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0s linear 0s}.personalization-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009;cursor:pointer}.personalization-modal__content{position:relative;z-index:1;width:100%;max-width:960px;max-height:100%;display:flex;flex-direction:column;overflow:hidden;color:var(--soft-navy);background-color:var(--white);border-radius:1rem;box-shadow:0 10px 50px #0003;padding:var(--modal-padding-popup-sm);padding-top:var(--modal-padding-popup-sm-top)}@media(min-width:48em){.personalization-modal__content{width:90%;max-height:min(85vh,900px);padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + 2.5rem)}}@media(min-width:60em){product-personalisation .personalization-modal__content.dock-modal{display:flex!important;position:relative;transform:none!important;visibility:visible;width:90%;max-width:960px;height:auto;max-height:min(85vh,900px);min-height:0;margin:0;border-radius:1rem;box-shadow:0 10px 50px #0003;overflow:hidden;background-color:var(--white);padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + 2.5rem)}product-personalisation .personalization-modal__content.dock-modal .dock-modal__drag-handle{display:none;margin:0;height:0;min-height:0;padding:0;flex:0 0 0;overflow:hidden}}@media(max-width:59.99em){product-personalisation .personalization-modal[open]{align-items:stretch;justify-content:flex-start;padding:0;background:transparent;pointer-events:none}product-personalisation .personalization-modal[open] .personalization-modal__backdrop{display:none}product-personalisation .personalization-modal__content.dock-modal{position:fixed;bottom:0;left:0;right:0;top:auto;z-index:1001;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:none;height:96vh;height:96dvh;min-height:0;margin:0;padding:0;padding-bottom:var(--modal-padding-sheet-outer-bottom);border-radius:2rem 2rem 0 0;background:var(--warm-white);box-shadow:0 -10px 40px #00000026;transform:translateY(100%);visibility:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),visibility 0s linear .5s}product-personalisation .personalization-modal__content.dock-modal.active{transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform .6s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}product-personalisation .personalization-modal__scroll{flex:1 1 auto;min-height:0;height:auto;overflow-y:auto;padding-top:var(--spacing-sm);padding-inline:var(--spacing-base);padding-bottom:var(--spacing-base)}product-personalisation .personalization-modal__close{top:.5rem;right:var(--spacing-base)}}.personalization-modal__close{position:absolute;top:1rem;right:1rem;z-index:50}.personalization-modal__title{margin-bottom:var(--spacing-base);color:var(--soft-navy)}.personalization-modal__scroll{overflow-y:auto;width:100%;height:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.personalization-modal__scroll::-webkit-scrollbar{display:none}.personalization-columns{display:flex;flex-direction:column;gap:.75rem}@media(min-width:60em){.personalization-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:2.5rem;align-items:start}.personalization-modal__title{grid-column:1;grid-row:1}.personalization-col-right{grid-column:1;grid-row:2;width:100%;padding-right:var(--spacing-base)}.personalization-col-left{grid-column:2;grid-row:1 / -1;width:100%;display:flex;flex-direction:column;justify-content:center;align-self:center;margin-top:-128px}.personalization-col-left--three-fields{margin-top:0;justify-content:space-between;align-self:stretch}}.preview-container{width:100%;container-type:inline-size}.preview-box{display:flex;justify-content:center;align-items:center;margin:0 auto;background-size:cover;background-position:center}.preview-box--single{width:100%;height:40px;padding:0 var(--spacing-sm)}@container (min-width: 360px){.preview-box--single{height:60px}}.preview-box--three{width:290px;height:290px;aspect-ratio:1}@container (min-width: 360px){.preview-box--three{width:350px;height:350px}}.preview-text-wrapper{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.375rem;max-width:100%;margin-inline:auto;height:100%;padding-inline:.25rem;text-align:center;font-size:22px}@container (min-width: 360px){.preview-text-wrapper{font-size:36px}}.preview-inline-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:inherit}.preview-inline-icon--single{width:.62em;height:.62em;transform:translateY(-.08em)}.preview-inline-icon--three{width:.62em;height:.62em;transform:translateY(-.06em)}.preview-inline-icon svg{display:block;width:100%;height:100%;flex-shrink:0}.preview-box__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:100%;height:100%}.preview-box__content--three{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.375rem;font-size:16px}.preview-box__text-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-width:0;text-align:center}.preview-box--three .preview-text-line{width:100%;font-size:16px!important;line-height:1!important;text-align:center}.preview-text-line{display:block;flex:0 0 auto;max-width:100%;font-size:1em;line-height:1;color:inherit;text-align:center}.pers-form-group{margin-bottom:var(--spacing-sm)}.pers-form-group--spaced{margin-bottom:var(--spacing-lg)}.pers-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.pers-label.pers-option-heading{margin:0 0 var(--spacing-sm)}.pers-option-heading__sep{font-weight:600}.pers-option-heading__value{font-weight:600;color:var(--brand-blue)}.pers-input-text{width:100%;border:1px solid color-mix(in srgb,var(--soft-navy) 10%,transparent);padding:var(--spacing-sm);border-radius:var(--input-border-radius);margin-top:.125rem}.pers-input-text:focus{border-color:var(--soft-navy);outline:none}.pers-input-text.error{border-color:var(--warning);border-width:2px}.pers-options-grid{display:flex;flex-wrap:wrap;gap:.5rem;padding-block:4px;padding-inline:var(--spacing-sm)}.pers-option-label{cursor:pointer;border:2px solid transparent;transition:background-color var(--duration-short),color var(--duration-short),box-shadow var(--duration-short),border-color var(--duration-short)}.pers-option-input:not(:checked)+.pers-font-pill:hover,.pers-option-input:not(:checked)+.pers-icon-card:hover{color:var(--brand-blue)}.pers-option-input:checked+.pers-font-pill,.pers-option-input:checked+.pers-icon-card{background-color:var(--brand-blue);color:var(--white);border-color:var(--brand-blue)}.pers-option-input:checked+.pers-icon-card .pers-icon-svg,.pers-option-input:checked+.pers-icon-card svg{color:var(--white)}.pers-option-input:checked+.pers-color-swatch{box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--brand-blue)}.pers-color-swatch{width:1.5rem;height:1.5rem;border-radius:9999px;display:block;border:1px solid transparent}.pers-color-swatch[data-color=White]{border-color:#e5e7eb}.pers-font-pill{padding:.375rem var(--spacing-sm);border-radius:var(--input-border-radius);font-size:.8125rem;line-height:1.25;text-align:center;max-width:100%;background-color:color-mix(in srgb,var(--soft-navy) 6%,transparent)}.pers-icon-card{display:flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.375rem;border-radius:var(--input-border-radius);background-color:color-mix(in srgb,var(--soft-navy) 6%,transparent)}.pers-icon-card__label{font-size:.75rem;font-weight:600}.pers-icon-option{display:flex;flex-direction:column;align-items:center;width:max-content}.pers-icon-svg{height:1.25rem;display:flex;align-items:center;justify-content:center}.pers-icon-svg svg{max-height:100%;width:auto}.pers-icon-name{font-size:.75rem}.pers-helper-text{font-size:.875rem;margin-top:.25rem;color:color-mix(in srgb,var(--soft-navy) 75%,transparent)}.pers-button-group{display:flex;gap:1.25rem;margin-top:var(--spacing-base);flex-wrap:wrap;align-items:center}.pers-button-group__save{width:100%}@media(min-width:48em){.pers-button-group__save{width:auto;min-width:12rem}}.pers-btn{cursor:pointer}.pers-btn-close{opacity:.5;pointer-events:none}.pers-btn-close:not([disabled]){opacity:1;pointer-events:auto}.personalization-info{margin-top:var(--spacing-base);padding-top:var(--spacing-base);border-top:1px solid color-mix(in srgb,var(--soft-navy) 12%,transparent)}@media(max-width:47.99em){.personalization-info{padding-bottom:var(--spacing-base)}}.personalization-info__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);list-style:none;cursor:pointer;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:.9375rem;color:var(--soft-navy);padding-block:.25rem}.personalization-info__summary::-webkit-details-marker{display:none}.personalization-info__summary-icon{display:flex;flex-shrink:0;color:var(--brand-blue);transition:transform var(--duration-short)}.personalization-info__summary-icon .icon{width:1.25rem;height:1.25rem}.personalization-info[open] .personalization-info__summary-icon{transform:rotate(180deg)}.personalization-info__body{padding-block:var(--spacing-base) 0;display:flex;flex-direction:column;gap:var(--spacing-base)}.personalization-info__block-title{margin:0 0 var(--spacing-sm);color:var(--soft-navy)}.personalization-info__examples{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--spacing-sm)}.personalization-info__figure{margin:0;text-align:center}.personalization-info__example-img{width:100%;height:auto;border-radius:var(--input-border-radius);display:block;background:var(--grey)}.personalization-info__caption{margin-top:.375rem;font-size:.75rem;line-height:1.35;color:color-mix(in srgb,var(--soft-navy) 70%,transparent)}@media(min-width:48em){.personalization-info__examples{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/417/assets/component-personalisation.css.map */