product-embroidery{display:block;flex-basis:100%;width:100%}.product-form>product-embroidery{margin-bottom:calc(var(--padding-xs) - var(--pdp-gap))}product-embroidery[hidden]{display:none}.product-form:has(product-embroidery[personalised]:not([hidden])) .product__payment-button{display:none}.product-embroidery__trigger{width:100%;height:40px;color:var(--color-button-text-tertiary)!important}.product-embroidery__summary{display:flex;flex-direction:column;gap:var(--padding-xxs)}.product-embroidery__summary-header{display:flex;justify-content:space-between;gap:var(--padding-xs);font:var(--text-md);color:var(--color-text-primary)}.product-embroidery__summary-price{color:var(--color-text-tertiary)}.product-embroidery__summary-box{display:flex;align-items:center;justify-content:space-between;gap:var(--padding-sm);padding:var(--padding-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.product-embroidery__summary-box embroidery-designs{min-width:0}.product-embroidery__unavailable{margin:0;padding:var(--padding-xs) var(--padding-sm);border:1px solid var(--color-bg-alert, #E32C2B);color:var(--color-bg-alert, #E32C2B);font:var(--text-md)}.product-embroidery__summary-actions{display:flex;flex-shrink:0;gap:var(--padding-xs)}.product-embroidery__summary-action{min-width:40px;padding:0;font:var(--text-md)}.product-embroidery__dialog{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "tabs" "preview" "form";gap:var(--padding-sm);box-sizing:border-box;max-height:calc(100dvh - 80px);padding:var(--padding-sm) var(--padding-md) var(--padding-xl);overflow-y:auto;overscroll-behavior:contain;text-align:left}.product-embroidery__dialog--single{grid-template-areas:"title" "preview" "form"}.product-embroidery__title{grid-area:title;margin:0;font:var(--title-sm);color:var(--color-text-primary);text-align:center;text-transform:none;letter-spacing:normal}.product-embroidery__tabs{grid-area:tabs;display:flex;padding:2px;background:var(--color-bg-tertiary);border-radius:9px}.product-embroidery__tab{flex:1 1 0;min-width:0;padding:3px 10px;overflow:hidden;font:var(--text-lg);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;background:none;border:.5px solid transparent;border-radius:7px;cursor:pointer}.product-embroidery__tab--covered{color:var(--color-text-disabled)}.product-embroidery__tab[aria-selected=true]{color:var(--color-text-primary);background:var(--color-bg-primary);border-color:var(--color-border-border-primary);box-shadow:0 3px 4px #0000001f,0 3px .5px #0000000a}.product-embroidery__preview{grid-area:preview;display:flex;flex-direction:column;gap:var(--padding-xs)}.product-embroidery__preview-label{margin:0;font:var(--text-lg);color:var(--color-text-primary)}.product-embroidery__preview-canvas{--preview-height: 184px;display:flex;justify-content:center;align-items:center;height:var(--preview-height)}.product-embroidery__preview-photo{position:relative;width:min(100%,var(--preview-height) * var(--preview-ratio));aspect-ratio:var(--preview-ratio);overflow:hidden}.product-embroidery__preview-photo img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.product-embroidery__preview-text{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:480px;height:100px;font-size:70px;line-height:1;white-space:nowrap;transform-origin:0 0;pointer-events:none}.product-embroidery__preview-text .embroidery-emoji{margin-left:.3em}.product-embroidery__preview-text[data-align=left]{justify-content:flex-start}.product-embroidery__preview-text[data-align=right]{justify-content:flex-end}.product-embroidery__form{grid-area:form;display:flex;flex-direction:column;gap:var(--padding-sm)}.product-embroidery__fields{display:flex;flex-direction:column;gap:var(--padding-sm);min-width:0;margin:0;padding:0;border:none}.product-embroidery__fields--shared{opacity:.5;transition:opacity .15s}.product-embroidery__fields--shared:focus-within{opacity:1}.product-embroidery__field{display:flex;flex-direction:column;gap:var(--padding-xxs)}.product-embroidery__label{display:block;margin:0;padding:0;font:var(--text-md);color:var(--color-text-primary)}.product-embroidery__label-value{margin-left:var(--padding-xxs);color:var(--color-text-tertiary)}.product-embroidery__same{display:flex;align-items:center;gap:var(--icon-text);margin:0;padding:var(--padding-xs) 0;font:var(--text-lg);color:var(--color-text-primary);cursor:pointer}.product-embroidery__checkbox{flex-shrink:0;width:16px;height:16px;margin:0;padding:0;border:none;border-radius:0;background:none;box-shadow:inset 0 0 0 2px var(--color-bg-primary),inset 0 0 0 2.5px var(--color-border-icon-primary);appearance:none;-webkit-appearance:none;cursor:pointer}.product-embroidery__checkbox:checked{background:url(icon-checkbox-checked.svg) center / 16px 16px no-repeat;box-shadow:none}.product-embroidery__input{box-sizing:border-box;width:100%;height:48px;padding:0 var(--padding-sm);font:var(--text-md);color:var(--color-text-primary);background:var(--color-button-bg-secondary);border:1px solid var(--color-border-button-primary);border-radius:var(--radius-sm);outline:none}.product-embroidery__input::placeholder{color:var(--color-text-disabled);opacity:1}.product-embroidery__input:focus{border-color:var(--color-border-icon-tertiary)}.product-embroidery__input-wrap{position:relative}.product-embroidery__input-wrap .product-embroidery__input{padding-right:58px}.product-embroidery__input-mirror{position:absolute;top:0;bottom:0;left:0;right:58px;display:flex;align-items:center;gap:.3em;padding-left:calc(var(--padding-sm) + 1px);overflow:hidden;font:var(--text-md);color:var(--color-text-primary);white-space:pre;pointer-events:none}.product-embroidery__input-mirror-text{visibility:hidden}.product-embroidery__input-mirror-text:empty{display:none}.product-embroidery__emoji-toggle{position:absolute;top:50%;right:var(--padding-xs);display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;font-size:16px;line-height:1;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-button-primary);border-radius:var(--radius-lg);transform:translateY(-50%);cursor:pointer}.product-embroidery__emoji-toggle[aria-expanded=true]{border-color:var(--color-border-icon-tertiary)}.product-embroidery__emoji-picker{position:absolute;top:calc(100% + 4px);right:0;z-index:2;display:flex;flex-direction:column;gap:var(--padding-xs);box-sizing:border-box;width:279px;max-width:100%;padding:var(--padding-sm);background:var(--color-bg-primary);border:1px solid var(--color-border-border-primary);border-radius:4px;box-shadow:0 12px 24px #0000001f}.product-embroidery__emoji-picker:before{content:"";position:absolute;top:-9px;right:16px;width:16px;height:16px;background:var(--color-bg-primary);border-top:1px solid var(--color-border-border-primary);border-left:1px solid var(--color-border-border-primary);transform:rotate(45deg)}.product-embroidery__emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px var(--padding-xs)}.product-embroidery__emoji-option{display:flex;align-items:center;justify-content:center;height:41px;padding:0;font-size:26px;line-height:1;color:var(--color-text-primary);background:none;border:1px solid transparent;border-radius:0;cursor:pointer}.product-embroidery__emoji-option[aria-checked=true]{border-color:var(--color-border-button-primary)}.product-embroidery__emoji-option--none:before{content:"";width:30px;height:30px;background:url(icon-prohibition.svg) center / 30px 30px no-repeat}.product-embroidery__emoji-hint{margin:0;font:var(--text-sm);color:var(--color-text-tertiary)}@media(hover:hover){.product-embroidery__emoji-option:hover{background:var(--button-bg-hover)}}.product-embroidery__counter{display:flex;justify-content:space-between;gap:var(--padding-xxs);font:var(--text-sm);color:var(--color-text-tertiary)}.product-embroidery__fonts{display:flex;gap:var(--between-pills)}.product-embroidery__font{flex:1 1 0;min-width:0;height:38px;padding:var(--padding-xs);overflow:hidden;font-size:14px;line-height:20px;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;background:var(--color-bg-primary);border:1px solid var(--color-border-button-primary);border-radius:var(--radius-sm);cursor:pointer}.product-embroidery__font[aria-checked=true]{border-color:var(--color-border-icon-tertiary)}.product-embroidery__swatches{display:flex;flex-wrap:wrap;gap:var(--padding-xs);padding:2px;margin:-2px}.product-embroidery__swatch{width:32px;height:32px;padding:0;border:none;border-radius:0;box-shadow:inset 0 0 0 1px #00000014;cursor:pointer}.product-embroidery__swatch[aria-checked=true]{outline:1px solid var(--color-border-icon-primary);outline-offset:1px}@media(hover:hover){.product-embroidery__tab:not([aria-selected=true]):hover{color:var(--color-text-primary)}.product-embroidery__font:hover{background:var(--button-bg-hover)}.product-embroidery__fields--shared:hover{opacity:.75}}.product-embroidery__actions{display:flex;flex-direction:column;gap:var(--padding-xs)}.product-embroidery__confirm,.product-embroidery__cancel{width:100%;height:40px}.product-embroidery__confirm.button--primary:disabled{color:var(--color-text-inverted-tertiary)!important;background-color:var(--color-bg-inverted-light)}.product-embroidery__cancel{color:var(--color-button-text-tertiary)!important}.product-embroidery__disclaimer{margin:0;font:var(--text-sm);color:var(--color-text-tertiary)}.product-embroidery__error{margin:0;padding:8px 12px;font:var(--text-sm);color:#b00020;background-color:#b000200d;border-radius:2px}.product-embroidery__step-buttons{display:flex;gap:var(--padding-xs)}.product-embroidery__step-buttons .button{flex:1 1 0;min-width:0;height:40px}.product-embroidery__back{color:var(--color-button-text-tertiary)!important}.product-embroidery__cancel-link{height:40px;font:var(--text-lg);color:var(--color-button-text-tertiary);text-decoration:underline}.product-embroidery__dialog--choice{display:flex;flex-direction:column;gap:var(--padding-md)}.product-embroidery__intro{display:flex;flex-direction:column;gap:var(--padding-xs);text-align:center}.product-embroidery__intro .product-embroidery__title{font:var(--title-sm)}.product-embroidery__subtitle{margin:0;font:var(--text-md);color:var(--color-text-tertiary)}.product-embroidery__choices{display:flex;flex-direction:column;gap:var(--padding-xs)}.product-embroidery__choice{display:flex;align-items:flex-start;gap:var(--padding-xs);margin:0;padding:var(--padding-xs) var(--padding-sm);background:var(--color-bg-primary);border:1px solid var(--color-border-button-primary);border-radius:var(--radius-sm);text-align:left;cursor:pointer}.product-embroidery__choice:has(:checked){border-color:var(--color-border-icon-primary)}.product-embroidery__choice:has(:focus-visible){outline:1px solid var(--color-border-icon-primary);outline-offset:1px}.product-embroidery__radio{flex-shrink:0;width:16px;height:16px;margin:3px 0;padding:0;border:none;border-radius:0;background:url(icon-radio.svg) center / 16px 16px no-repeat;appearance:none;-webkit-appearance:none;cursor:pointer}.product-embroidery__radio:checked{background-image:url(icon-radio-checked.svg)}.product-embroidery__choice-images{display:flex;flex-direction:column;flex-shrink:0;gap:var(--padding-xs)}.product-embroidery__choice-image{display:block;width:28px;height:24px}.product-embroidery__choice-image img{display:block;width:100%;height:100%;object-fit:contain}.product-embroidery__choice-text{display:flex;flex:1 1 0;flex-direction:column;min-width:0;font:var(--text-lg)}.product-embroidery__choice-label{color:var(--color-text-primary)}.product-embroidery__choice-detail{color:var(--color-text-tertiary)}@media screen and (max-width:991px){.product-embroidery__input,.product-embroidery__input-mirror{font-size:16px}}@media screen and (min-width:992px){.product-embroidery__dialog{grid-template-columns:minmax(0,558fr) minmax(0,403fr);grid-template-rows:auto auto 1fr;grid-template-areas:"title title" "preview tabs" "preview form";column-gap:var(--padding-xl);width:min(1081px,calc(100vw - 64px));max-height:calc(100vh - 64px);padding:var(--padding-xl) var(--padding-xl) var(--d-64)}.product-embroidery__dialog--single{grid-template-rows:auto 1fr;grid-template-areas:"title title" "preview form"}.product-embroidery__title{font:var(--title-lg)}.product-embroidery__dialog--choice{width:min(520px,calc(100vw - 64px));padding-bottom:var(--padding-xl)}.product-embroidery__preview{align-self:center}.product-embroidery__preview-label{text-align:center}.product-embroidery__preview-canvas{--preview-height: 314px}}
/*# sourceMappingURL=/cdn/shop/t/711/assets/product-embroidery.css.map */
