.product-customization{display:block}.product-customization__opener{display:block;width:100%}modal-dialog.product-customization-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modals);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);visibility:hidden;opacity:0;pointer-events:none;background-color:transparent;will-change:visibility,background-color,opacity;transition:visibility var(--duration-default),background-color var(--duration-default),opacity var(--duration-default)}modal-dialog.product-customization-modal[open]{visibility:visible;opacity:1;pointer-events:all;background-color:var(--color-popup-overlay)}.product-customization__dialog{display:flex;flex-direction:column;position:relative;width:96vw;height:96vh;max-width:96vw;max-height:96vh;overflow:hidden;border-radius:var(--card-corner-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.product-customization__header{flex:0 0 auto;display:flex;align-items:center;min-height:5.6rem;padding:var(--spacing-5);padding-inline-end:5.6rem}.product-customization__title{margin:0}.product-customization__close{position:absolute;inset-block-start:var(--spacing-4);inset-inline-end:var(--spacing-4);z-index:1;width:2.4rem;height:2.4rem;padding:0;color:rgb(var(--color-foreground));cursor:pointer}.product-customization__close svg{width:100%;height:auto;pointer-events:none}.product-customization__main{display:flex;flex:1 1 auto;min-height:0}.product-customization__preview,.product-customization__panel{flex:1 1 50%;min-width:0;min-height:0}.product-customization__preview{position:relative;overflow:hidden;padding:var(--spacing-5);background-color:rgba(var(--color-foreground),.04)}.product-customization__preview-bg{position:absolute;inset:var(--spacing-5);z-index:0}.product-customization__preview-bg img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}.product-customization__preview-example{position:absolute;inset:var(--spacing-5);z-index:2}.product-customization__preview-example img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}.product-customization__preview-example-note{position:absolute;inset-inline:0;bottom:0;margin:0;padding:var(--spacing-3) var(--spacing-4);background-color:#0000008c;color:#fff;font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);text-align:center}.product-customization__preview--example .product-customization__preview-bg,.product-customization__preview--example .product-customization__preview-marking{display:none}.product-customization__preview-marking{position:absolute;inset:var(--spacing-5);z-index:1;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;gap:var(--spacing-3);pointer-events:none}.product-customization__preview-marking[data-position=top]{align-content:flex-start;padding-block-start:3rem}.product-customization__preview-marking[data-position=middle]{align-content:center}.product-customization__preview-marking[data-position=bottom]{align-content:flex-end;padding-block-end:3rem}.product-customization__preview-marking:empty{display:none}.product-customization__preview-text{display:inline-block;max-width:100%;padding-inline:.15em .4em;overflow:visible;text-align:center;font-size:var(--font-size-static-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-static-sm);word-break:break-word}.product-customization__preview--textured .product-customization__preview-text{background-image:var(--preview-texture);background-size:cover;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.product-customization__preview[data-preview-font=signature-script] .product-customization__preview-text{font-weight:400;letter-spacing:.22em}.product-customization__preview-icon{display:block;flex:0 0 auto;height:4.5rem;aspect-ratio:1;background-color:currentColor;background-image:var(--preview-texture, none);background-size:cover;background-position:center;-webkit-mask-image:var(--preview-icon-mask);mask-image:var(--preview-icon-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.product-customization__panel{display:flex;flex-direction:column;border-inline-start:.1rem solid rgba(var(--color-border),var(--alpha-border))}.product-customization__body{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-5)}.product-customization__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);margin-block-start:var(--spacing-2)}.product-customization__hint,.product-customization__count{margin:0;font-size:var(--font-size-static-xs);line-height:var(--line-height-static-sm);color:rgba(var(--color-foreground),.75)}.product-customization__count{flex:0 0 auto;white-space:nowrap}.product-customization__fonts,.product-customization__sizes,.product-customization__sites{margin:0 0 var(--spacing-5);padding:0;border:0}.product-customization__fonts-legend,.product-customization__sizes-legend,.product-customization__sites-legend{margin:0 0 var(--spacing-3);padding:0;font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.1rem}.product-customization__font-list,.product-customization__size-list,.product-customization__site-list{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.product-customization__size-list[hidden]{display:none}.product-customization__font,.product-customization__size,.product-customization__site{position:relative;display:block;cursor:pointer}.product-customization__font-chip,.product-customization__size-chip,.product-customization__site-chip{display:flex;align-items:center;justify-content:center;min-height:4.8rem;padding:0 1.6rem;border:.1rem solid rgba(var(--color-border),var(--alpha-border));border-radius:var(--card-corner-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm)}.product-customization__font:has(input:checked) .product-customization__font-chip,.product-customization__size:has(input:checked) .product-customization__size-chip,.product-customization__site:has(input:checked) .product-customization__site-chip{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.product-customization__font:has(input:disabled),.product-customization__size:has(input:disabled){cursor:not-allowed}.product-customization__font:has(input:disabled) .product-customization__font-chip,.product-customization__size:has(input:disabled) .product-customization__size-chip{opacity:.4}.product-customization__font[data-disabled-reason]:hover .product-customization__icon-tooltip:not([hidden]),.product-customization__size[data-disabled-reason]:hover .product-customization__icon-tooltip:not([hidden]){visibility:visible;opacity:1}.product-customization__footer{flex:0 0 auto;display:flex;gap:1.2rem;padding:var(--spacing-5);border-block-start:.1rem solid rgba(var(--color-border),var(--alpha-border))}.product-customization__footer>*{flex:1 1 50%}.product-customization__colors{margin:0 0 var(--spacing-5);padding:0;border:0}.product-customization__colors-legend{margin:0 0 var(--spacing-3);padding:0;font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.1rem}.product-customization__color-list{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.product-customization__color{position:relative;display:block;cursor:pointer}.product-customization__color-media{display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;overflow:hidden;border:.1rem solid rgba(var(--color-border),var(--alpha-border));border-radius:50%;background-color:rgb(var(--color-background))}.product-customization__color-media .media,.product-customization__color-media img{width:100%;height:100%;object-fit:contain;border-radius:50%}.product-customization__color:has(input:checked) .product-customization__color-media{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.product-customization__color:hover .product-customization__icon-tooltip{visibility:visible;opacity:1}.product-customization__group,.product-customization__icon-category{margin:0;border-block-start:.1rem solid rgba(var(--color-border),var(--alpha-border));border-block-end:.1rem solid rgba(var(--color-border),var(--alpha-border))}.product-customization__group{padding-inline:var(--spacing-4);border:.1rem solid rgba(var(--color-border),var(--alpha-border));border-radius:var(--card-corner-radius);margin-bottom:10px}.product-customization__group+.product-customization__group,.product-customization__icon-category+.product-customization__icon-category{margin-block-start:-.1rem}.product-customization__icon-category:first-child{border-block-start:0}.product-customization__icon-category:last-child{border-block-end:0}.product-customization__group-summary,.product-customization__icon-category-title{display:flex;align-items:center;gap:var(--spacing-2);margin:0;padding:var(--spacing-3) 0;min-height:4.8rem;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.product-customization__group-summary::-webkit-details-marker,.product-customization__icon-category-title::-webkit-details-marker,.product-customization__group-summary::marker,.product-customization__icon-category-title::marker{display:none;content:""}.product-customization__group-title,.product-customization__icon-category-title{font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.1rem}.product-customization__group-title{font-size:var(--font-size-static-md);line-height:var(--line-height-static-md)}.product-customization__icon-category-title{font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm)}.product-customization__group-body{overflow:visible;padding-block-start:var(--spacing-3);padding-block-end:var(--spacing-4);transition:height var(--duration-default) ease}@media(prefers-reduced-motion:reduce){.product-customization__group-body{transition:none}}.product-customization__group-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.6rem;height:1.6rem;margin-inline-start:auto;color:rgb(var(--color-foreground))}.product-customization__group-icon svg{width:100%;height:auto}.product-customization__group-icon svg:last-child{display:none}.product-customization__group[open]>summary .product-customization__group-icon svg:first-child,.product-customization__icon-category[open]>summary .product-customization__group-icon svg:first-child{display:none}.product-customization__group[open]>summary .product-customization__group-icon svg:last-child,.product-customization__icon-category[open]>summary .product-customization__group-icon svg:last-child{display:block}.product-customization__icons{margin:0}.product-customization__icon-category-count{color:rgba(var(--color-foreground),.75)}.product-customization__icon-list{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin:0;padding:0}.product-customization__icon{position:relative;display:block;cursor:pointer}.product-customization__icon-media{display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;overflow:hidden;border:.1rem solid rgba(var(--color-border),var(--alpha-border));border-radius:var(--card-corner-radius);background-color:rgb(var(--color-background));padding:5px}.product-customization__icon-media .media,.product-customization__icon-media img{width:100%;height:100%;object-fit:contain}.product-customization__icon:has(input:checked) .product-customization__icon-media{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.product-customization__icon:has(input:disabled){cursor:not-allowed}.product-customization__icon:has(input:disabled) .product-customization__icon-media{opacity:.4}.product-customization__icon-tooltip{position:absolute;inset-block-end:calc(100% + .8rem);inset-inline-start:50%;z-index:5;width:max-content;max-width:20rem;padding:var(--spacing-2) var(--spacing-3);border:.1rem solid rgba(var(--color-border),var(--alpha-border));background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:var(--font-size-static-xs);line-height:var(--line-height-static-sm);text-align:center;pointer-events:none;transform:translate(-50%);visibility:hidden;opacity:0;transition:opacity var(--duration-default),visibility var(--duration-default)}.product-customization__icon[data-disabled-reason]:hover .product-customization__icon-tooltip:not([hidden]){visibility:visible;opacity:1}.product-customization__color:hover,.product-customization__font:hover,.product-customization__size:hover,.product-customization__site:hover,.product-customization__icon:hover{z-index:4}@media screen and (max-width:749px){.product-customization__main{flex-direction:column}.product-customization__preview{flex:0 0 36vh;max-height:36vh}.product-customization__panel{flex:1 1 auto;border-inline-start:0;border-block-start:.1rem solid rgba(var(--color-border),var(--alpha-border))}.product-customization__footer{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-customization.css.map */