.live-preview.patch-designer{display:block;width:100%;border-radius:var(--pd-panel-radius);background:var(--pd-surface-background);color:var(--pd-text)}.live-preview .patch-designer__layout{display:grid;gap:var(--gap-lg, 24px)}.live-preview .patch-designer__controls{display:grid;gap:var(--gap-lg, 24px);min-width:0}.live-preview .patch-designer__group{margin:0;padding:0;border:0;min-width:0}.live-preview .patch-designer__group[hidden]{display:none}.live-preview .patch-designer__group.is-highlighted{border-radius:var(--pd-panel-radius);outline:3px solid var(--pd-focus);outline-offset:4px;transition:outline-color .15s ease}@media(prefers-contrast:more){.live-preview .patch-designer__group.is-highlighted{outline-color:currentcolor}}@media(prefers-reduced-motion:reduce){.live-preview .patch-designer__group.is-highlighted{transition:none}}.live-preview .patch-designer__legend{display:block;margin-block-end:var(--padding-xs, 8px);padding:0;font-weight:600}.live-preview .patch-designer__help{display:block;margin-block-end:var(--padding-xs, 8px);font-size:.85rem;line-height:1.4;color:var(--pd-muted)}.live-preview .patch-designer__help[hidden]{display:none}.live-preview .patch-designer__upload{display:flex;flex-wrap:wrap;gap:var(--gap-xs, 8px);align-items:center}.live-preview .patch-designer__file{display:none}.live-preview .patch-designer__file-name{flex:1 1 auto;min-width:8ch;margin:0;font-size:.85rem;font-style:italic;overflow-wrap:anywhere;color:var(--pd-muted)}.live-preview .patch-designer__choose,.live-preview .patch-designer__remove{flex:none}.live-preview .patch-designer__sliders{display:grid;gap:var(--gap-xs, 8px)}@media screen and (min-width:600px){.live-preview .patch-designer__sliders{grid-template-columns:1fr 1fr}}.live-preview .patch-designer__slider{display:grid;gap:4px;font-size:.85rem}.live-preview .patch-designer__slider input{min-height:44px;width:100%}.live-preview .patch-designer__slider input:focus-visible{outline:3px solid var(--pd-focus);outline-offset:2px}.live-preview .patch-designer__reset{margin-block-start:var(--padding-xs, 8px);justify-self:start}.live-preview .patch-designer__errors{margin-block-end:var(--padding-md, 12px);padding:var(--padding-sm, 12px);border:1px solid var(--pd-error, #b42318);border-radius:var(--pd-panel-radius);color:var(--pd-error, #b42318)}.live-preview .patch-designer__errors[hidden]{display:none}.live-preview .patch-designer__error-heading{margin:0 0 4px;font-weight:600}.live-preview .patch-designer__error-message{margin:0}.engraving-preview-overlay,.apparel-preview-overlay,.live-preview-overlay{position:absolute;z-index:2;margin:0;padding:0;border:0;background:transparent;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}.engraving-preview-overlay svg,.apparel-preview-overlay svg,.live-preview-overlay svg{display:block;width:100%;height:auto;overflow:visible}.product-media.patch-preview-host{position:relative}.live-preview__quality-warning{color:var(--pd-error, var(--color-error, #b42318));margin-block-end:var(--padding-sm, 12px)}.live-preview__quality-warning[hidden]{display:none}@media screen and (max-width:749px){.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)){--live-preview-header-offset: 0px;--live-preview-sticky-top: var(--live-preview-header-offset);--live-preview-media-height: clamp(11.5rem, 34vh, 17.5rem);--live-preview-media-height-stuck: clamp(10rem, 27vh, 15rem);--live-preview-media-height-keyboard: clamp(7.5rem, 20vh, 11rem)}body:has(#header-group #header-component[data-sticky-state=active]) .product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)){--live-preview-header-offset: var(--header-height, 0px)}.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media{position:sticky;top:var(--live-preview-sticky-top, 0px);z-index:3;isolation:isolate;overflow:hidden;margin-bottom:var(--padding-lg, 16px);padding-bottom:var(--padding-md, 12px);background:var(--color-background);box-shadow:0 10px 18px -12px color-mix(in srgb,var(--color-foreground) 28%,transparent)}.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--color-background)}.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media>*{position:relative;z-index:1}.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.25rem;pointer-events:none;z-index:3;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-background) 92%,transparent) 55%,var(--color-background))}.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-details{position:relative;z-index:1;isolation:isolate;padding-top:var(--padding-lg, 16px)}.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .live-preview-sticky-sentinel{position:relative;width:100%;height:1px;margin:0;pointer-events:none;visibility:hidden}.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media .product-media-container{display:flex;align-items:center;justify-content:center;width:100%;max-height:var(--live-preview-media-height);height:var(--live-preview-media-height);aspect-ratio:auto;margin-inline:auto;overflow:hidden;background:var(--color-background)}.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media .product-media{position:relative;flex:0 1 auto;width:min(100%,calc(var(--live-preview-media-height) * var(--ratio)));max-width:100%;height:auto;max-height:var(--live-preview-media-height);aspect-ratio:var(--ratio)}.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media .product-media :is(img,video,iframe,.deferred-media__poster-image,model-viewer){width:100%;height:100%;object-fit:fill;object-position:center center}.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media[data-live-preview-stuck=true]{--live-preview-media-height: var(--live-preview-media-height-stuck)}.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media[data-live-preview-keyboard=true],.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media[data-live-preview-short-viewport=true]{--live-preview-media-height: var(--live-preview-media-height-keyboard)}@media(prefers-reduced-motion:no-preference){.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media .product-media-container{transition:height .18s ease,max-height .18s ease}.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media .product-media{transition:height .18s ease,width .18s ease}}}@media screen and (min-width:750px){.product-information__grid:has(:is(patch-designer:not([hidden]):not([data-live-preview-disabled=true]),engraving-preview,apparel-preview)) .product-information__media{position:relative}}.live-preview-inspect__open{--live-preview-inspect-size: 2.5rem;position:absolute;inset-block-start:var(--padding-sm, .75rem);inset-inline-end:var(--padding-sm, .75rem);z-index:5;display:inline-flex;align-items:center;justify-content:center;width:var(--live-preview-inspect-size);height:var(--live-preview-inspect-size);margin:0;padding:0;border:1px solid color-mix(in srgb,var(--color-foreground) 16%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-background) 92%,transparent);color:var(--color-foreground);box-shadow:0 4px 14px color-mix(in srgb,var(--color-foreground) 12%,transparent);cursor:pointer;-webkit-tap-highlight-color:transparent}.live-preview-inspect__open[hidden]{display:none}.live-preview-inspect__open:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.live-preview-inspect__icon{width:1.15rem;height:1.15rem}.live-preview-inspect{--live-preview-inspect-pad: clamp(.75rem, 3vw, 1.25rem);top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:var(--live-preview-inspect-pad);border:0;background:color-mix(in srgb,var(--color-foreground) 88%,#000 12%);color:var(--color-background)}.live-preview-inspect[open]{display:grid;grid-template-rows:1fr auto}.live-preview-inspect::backdrop{background:color-mix(in srgb,var(--color-foreground) 72%,#000 28%)}.live-preview-inspect__close{position:absolute;inset-block-start:var(--live-preview-inspect-pad);inset-inline-end:var(--live-preview-inspect-pad);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:0;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--color-background) 18%,transparent);color:inherit;font-size:1.75rem;line-height:1;cursor:pointer}.live-preview-inspect__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.live-preview-inspect__stage{display:grid;place-items:center;min-height:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.live-preview-inspect__stage:active{cursor:grabbing}.live-preview-inspect__frame{position:relative;transform-origin:center center;will-change:transform;pointer-events:none}.live-preview-inspect__photo{display:block;width:100%;height:100%}.live-preview-inspect__status,.live-preview-inspect__hint{margin:0;text-align:center;font-size:.875rem;line-height:1.4}.live-preview-inspect__status{padding-inline:1rem}.live-preview-inspect__hint{margin-block-start:.75rem;opacity:.8}.live-preview-inspect__frame :is(patch-preview-overlay,live-preview-overlay){z-index:2}.live-preview__back-label{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer}.live-preview__back-label input{flex-shrink:0;margin-block-start:.2em;accent-color:var(--pd-accent)}.live-preview__sides:not([hidden]){display:flex;flex-wrap:wrap;gap:.5rem}.live-preview__sides button[aria-pressed=true]{outline:2px solid var(--pd-accent);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/live-preview.css.map */