pawvow-studio-product{--studio-loading-mint: #c9ecdd;--color-studio-preview: #f8f8f6;display:block}pawvow-studio-product [hidden]{display:none!important}.studio-recovery{--recovery-background: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));position:sticky;top:var(--recovery-header-height, 0px);z-index:25;background:var(--recovery-background);overflow-anchor:none}.studio-recovery:before{content:"";position:absolute;inset-block:0;left:calc(-1 * var(--recovery-inline-offset, 0px));width:var(--recovery-viewport-width, 100%);z-index:-1;background:var(--recovery-background);pointer-events:none}.studio-recovery[data-attached]:before{box-shadow:0 4px 18px color-mix(in srgb,var(--color-ink) 10%,transparent)}.studio-recovery[data-suspended]{visibility:hidden;pointer-events:none}.studio-recovery__inner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 24px;padding:2px 16px;color:var(--color-ink);font-size:14px;line-height:1.5}.studio-recovery__inner p{margin:0}.studio-recovery__inner [data-recovery-error]{flex-basis:100%;color:var(--color-muted);text-align:center}.studio-recovery__actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 16px}.studio-recovery__actions button{min-width:44px;min-height:44px;border:0;padding:0 8px;color:inherit;font:inherit;background:transparent;cursor:pointer}.studio-recovery__actions .studio-recovery__restore{font-weight:600;text-decoration:underline;text-underline-offset:3px}.studio-recovery__actions .studio-recovery__fresh{color:var(--color-muted)}.studio-recovery__actions button:disabled{cursor:wait;opacity:.6}@media(max-width:749px){.studio-recovery__inner{gap:4px 12px;padding:4px 0}.studio-recovery__inner [data-recovery-message]{flex:1;min-width:0;overflow-wrap:anywhere}.studio-recovery__actions{flex:none;gap:0 8px}}pawvow-studio-product [data-studio-price]{min-block-size:1lh}pawvow-studio-product [data-price-state=loading]:before{content:"";display:block;align-self:center;inline-size:1rem;block-size:1rem;border:1.5px solid color-mix(in srgb,var(--color-muted) 20%,transparent);border-top-color:var(--color-muted);border-radius:50%;opacity:0;animation:studio-price-spin .8s linear .25s infinite}@keyframes studio-price-spin{0%{opacity:1;transform:rotate(0)}to{opacity:1;transform:rotate(360deg)}}pawvow-studio-product .product-gallery__viewport{position:relative}.studio-product__preview[data-gallery-excluded]{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;visibility:hidden;pointer-events:none}.studio-product__preview[data-gallery-excluded] .studio-product__preview-progress>span{animation-play-state:paused}.studio-product__enter-preview{display:flex;width:max-content;max-width:100%;align-items:center;justify-content:center;justify-self:center;gap:6px;grid-column:1 / -1;min-height:40px;margin:var(--space-4) auto 0;padding:6px 12px;border:1px solid color-mix(in srgb,var(--color-ink) 15%,transparent);border-radius:999px;background:var(--color-surface);color:var(--color-ink);cursor:pointer}.studio-product__enter-preview svg{width:18px;height:18px}.product-gallery--studio{min-width:0;align-self:start}.product-gallery__thumbnail--preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-ink)}.product-gallery__thumbnail--preview svg{width:24px;height:24px}.studio-product__preview-stage{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;width:100%;height:100%;background:var(--color-studio-preview)}.studio-product__preview-mount{position:absolute;top:0;right:0;bottom:0;left:0}.studio-product__preview-notice{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);background:var(--color-studio-preview);color:var(--color-muted);text-align:center}.studio-product__preview-notice[data-state=loading]{pointer-events:none}.studio-product__preview-notice[data-state=ready]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-fast) var(--motion-ease),visibility 0s var(--motion-fast)}.studio-product__preview-progress{width:140px;max-width:100%;height:3px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 18%,var(--color-studio-preview))}.studio-product__preview-progress>span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-accent),var(--studio-loading-mint));transform:scaleX(var(--preview-progress, 0));transform-origin:left;transition:transform var(--motion-standard, .26s) var(--motion-ease)}.studio-product__preview-progress:not([aria-valuenow])>span{width:40%;animation:studio-preview-progress 1.6s cubic-bezier(.4,0,.2,1) infinite}.studio-product__preview-loading-copy{display:grid;gap:var(--space-1);max-width:320px}.studio-product__preview-loading-copy p{margin:0}.studio-product__preview-loading-title{color:var(--color-ink)}@keyframes studio-preview-progress{0%{transform:translate(-110%)}to{transform:translate(350%)}}.studio-product__preview-hint{position:absolute;bottom:5px;left:50%;display:grid;place-items:center;width:40px;height:40px;color:var(--color-ink);pointer-events:none;transform:translate(-50%);transition:opacity .2s var(--motion-ease),visibility 0s .2s}.studio-product__preview-hint svg{width:26px;height:26px}.studio-product__preview-hint[data-dismissed]{opacity:0;visibility:hidden}.studio-product__retry{min-height:44px;border:0;border-bottom:1px solid transparent;padding:var(--space-2);background:transparent;color:var(--color-muted);cursor:pointer}pawvow-studio-product .main-product__form{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:var(--space-4)}.studio-product__options,.studio-product__status,pawvow-studio-product .main-product__form>.studio-product__retry,pawvow-studio-product .main-product__form-error,pawvow-studio-product noscript{grid-column:1 / -1}.studio-product__options{display:grid;gap:var(--space-6);margin-bottom:var(--space-2)}.studio-product__group{min-width:0;margin:0;padding:0;border:0}.studio-product__group legend{padding:0;margin-bottom:var(--space-2);color:var(--color-ink)}.studio-product__group--static legend{margin-bottom:0}.studio-product__choices{display:flex;flex-wrap:wrap;gap:var(--space-2)}.studio-product__radio-option{position:relative;display:inline-flex;max-width:100%;cursor:pointer}:where(html:not([data-focus-input=pointer])) .studio-product__radio-input:focus-visible+.studio-product__swatch-choice{outline:2px solid var(--color-accent);outline-offset:-2px}.studio-product__choices button,.studio-product__size-card{position:relative;display:grid;place-content:center;gap:var(--space-1);min-width:88px;min-height:64px;padding:var(--space-2) var(--space-4);border:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent);border-radius:var(--style-border-radius-inputs);background:var(--color-surface);color:var(--color-ink)}.studio-product__choices button{cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.studio-product__group--cards .studio-product__choices button,.studio-product__size-card{min-width:80px;min-height:48px;max-width:100%;padding-inline:var(--space-4)}.studio-product__dimensions{margin:var(--space-3) 0 0;color:var(--color-muted)}.studio-product__group--cards button[aria-pressed=true],.studio-product__size-card{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface))}.studio-product__components{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.studio-product__group--swatches legend,.studio-product__summary-name{color:var(--color-muted)}:is(.studio-product__group--swatches,.studio-product__group--radio-swatches) .studio-product__choices{gap:var(--space-1);margin-inline-start:-8px}:is(.studio-product__group--swatches,.studio-product__group--radio-swatches) .studio-product__choices:has(.studio-product__choice--label){gap:var(--space-2);margin-inline-start:0}.studio-product__choices .studio-product__swatch-choice{position:relative;display:grid;place-content:center;min-width:44px;min-height:44px;max-width:100%;padding:7px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--color-ink);transition:border-color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.studio-product__radio-input:checked+.studio-product__swatch-choice:not(.studio-product__choice--label):after,.studio-product__swatch-choice[aria-pressed=true]:not(.studio-product__choice--label):after{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1.5px solid var(--color-accent);border-radius:50%;content:""}.studio-product__choices .studio-product__choice--label{padding:var(--space-2) var(--space-3);border-color:color-mix(in srgb,var(--color-ink) 18%,transparent);border-radius:var(--style-border-radius-inputs);overflow-wrap:anywhere}.studio-product__radio-input:checked+.studio-product__choice--label,.studio-product__choice--label[aria-pressed=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface))}.studio-product__swatch{display:grid;place-items:center;box-sizing:border-box;width:28px;height:28px;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-ink) 15%,transparent);border-radius:50%}.studio-product__swatch img{width:100%;height:100%;object-fit:contain}.studio-product__group--fixed{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.studio-product__group--fixed legend{float:left;max-width:100%;margin:0;overflow-wrap:anywhere}.studio-product__fixed-value{display:flex;align-items:center;gap:var(--space-2);max-width:100%;color:var(--color-ink);overflow-wrap:anywhere}.studio-product__fixed-value .studio-product__swatch{flex:none;width:18px;height:18px}pawvow-studio-product .main-product__form>[data-studio-edit]{grid-column:1 / -1;grid-row:2;width:100%;min-width:0;gap:10px}.studio-product__action-icon{display:inline-flex;flex:none;width:18px;height:18px}.studio-product__action-icon svg{width:100%;height:100%}.studio-product__customize-label{min-width:0;overflow-wrap:anywhere}pawvow-studio-product .main-product__form>.main-product__submit--solid{border-color:var(--color-ink);border-radius:var(--style-border-radius-pill);background:var(--color-ink);box-shadow:none;color:var(--color-highlight);transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}pawvow-studio-product .main-product__form>.main-product__submit--solid:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-ink) 88%,var(--color-highlight));background:color-mix(in srgb,var(--color-ink) 88%,var(--color-highlight));box-shadow:none;transform:none}pawvow-studio-product .main-product__form>.main-product__submit--solid:active:not(:disabled){box-shadow:none;transform:translateY(1px)}pawvow-studio-product .main-product__form:has([data-studio-options][hidden])>[data-studio-edit]{grid-row:1}.studio-product__status{color:var(--color-muted)}.studio-product__status:empty{display:none}@media(hover:hover){.studio-product__enter-preview:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface))}.studio-product__group--cards button:hover{border-color:var(--color-accent)}.studio-product__swatch-choice:hover .studio-product__swatch{border-color:color-mix(in srgb,var(--color-ink) 50%,transparent)}.studio-product__choices .studio-product__choice--label:hover{border-color:var(--color-accent)}}@media(min-width:990px){.product-gallery--studio{width:100%;max-width:46.5rem}}@media(max-width:749px){.studio-product__enter-preview{margin-top:var(--space-3)}pawvow-studio-product .product-gallery--studio{--gallery-control-size: 40px;display:grid;grid-template-columns:minmax(0,1fr);column-gap:0}.product-gallery--studio .product-gallery__viewport{grid-column:1}.product-gallery--studio .product-gallery__arrow{position:relative;display:grid;grid-column:1;align-self:end;z-index:1;margin:var(--space-4)}.product-gallery--studio .product-gallery__arrow:before{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;content:""}.product-gallery--studio .product-gallery__arrow svg{width:8px}.product-gallery--studio .product-gallery__arrow:disabled{visibility:hidden}.product-gallery--studio .product-gallery__arrow--previous{justify-self:start}.product-gallery--studio .product-gallery__arrow--next{justify-self:end}.studio-product__preview-hint{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.studio-product__choices :is(button,.studio-product__swatch-choice){transition:none}}@media(prefers-reduced-motion:reduce){pawvow-studio-product [data-price-state=loading]:before{animation-duration:0s;animation-iteration-count:1;animation-fill-mode:forwards}.studio-product__preview-notice[data-state=ready],.studio-product__preview-progress>span,.studio-product__preview-hint{transition:none}.studio-product__preview-progress:not([aria-valuenow])>span{animation:none;transform:translate(75%)}}.studio-product__purchase-quantity{grid-column:1 / -1;display:grid;gap:var(--space-2)}.studio-product__purchase-quantity>label{color:var(--color-ink)}.studio-product__quantity{display:flex;width:8rem;min-height:44px;border:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent);border-radius:var(--style-border-radius-inputs)}.studio-product__quantity button{width:2.5rem;flex:none;border:0;padding:0;background:transparent;color:var(--color-ink);cursor:pointer}.studio-product__quantity button:disabled{opacity:.35;cursor:default}.studio-product__quantity input{width:0;min-width:0;flex:1;border:0;padding:0;background:transparent;color:var(--color-ink);text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.studio-product__quantity input::-webkit-inner-spin-button,.studio-product__quantity input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.studio-product__purchase-actions{grid-column:1 / -1;margin-top:var(--space-4);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.studio-product__purchase-actions .main-product__submit{width:100%;min-width:0;padding-inline:var(--space-3);box-shadow:none}.studio-product__purchase-actions .main-product__submit:is(:hover,:active):not(:disabled){box-shadow:none;transform:none}.studio-product__purchase-actions [data-studio-edit]{background:var(--color-surface)}.studio-product__purchase-actions :is([data-studio-add],[data-studio-quick-add]){border-color:var(--color-ink);background:var(--color-ink);color:var(--color-highlight)}.studio-product__purchase-actions--template{margin-top:0;grid-auto-rows:1fr}.studio-product__purchase-actions--template .main-product__submit{gap:10px;border-color:var(--color-ink);border-radius:var(--style-border-radius-pill)}@media(hover:hover){.studio-product__purchase-actions--template [data-studio-edit]:hover:not(:disabled){background:color-mix(in srgb,var(--color-ink) 4%,var(--color-surface))}}.studio-product__group--summary{overflow-wrap:anywhere}.studio-product__group--summary:has(.studio-product__dimensions--primary) legend{margin-bottom:0}.studio-product__summary-items{display:grid;gap:var(--space-4);color:var(--color-muted)}.studio-product__summary-item{display:grid;gap:var(--space-2);min-width:0}.studio-product__summary-value{position:relative;display:flex;align-items:center;max-width:100%}.studio-product__summary-value:has(.studio-product__swatch){min-height:44px}.studio-product__summary-value .studio-product__swatch{flex:none}.main-product__form:has([data-studio-customization])>*{grid-column:1 / -1;grid-row:auto}pawvow-studio-product .main-product__form:has([data-studio-customization])>[data-studio-edit]{grid-row:auto}.studio-customization{display:grid;gap:var(--space-4);min-width:0}.studio-customization__title{display:flex;align-items:center;gap:var(--space-3);min-width:0;margin:0;font-size:15px;text-align:center;overflow-wrap:anywhere}.studio-customization__title:before,.studio-customization__title:after{content:"";flex:1 0 var(--space-6);border-top:1px solid var(--color-ink)}.studio-customization__surface{display:grid;gap:var(--space-3);min-width:0;border:0;padding:0;margin:0}.studio-customization__surface+.studio-customization__surface{margin-top:var(--space-2)}.studio-customization__surface>legend{padding:0;margin-bottom:var(--space-2)}.studio-customization__field{position:relative;display:grid;gap:var(--space-2);min-width:0}.studio-customization__label{color:var(--color-muted)}.studio-customization__input{display:block;width:100%;min-width:0;min-height:44px;padding:var(--space-3);border:1px solid color-mix(in srgb,var(--color-ink) 22%,transparent);border-radius:var(--style-border-radius-inputs);background:var(--color-surface);color:var(--color-ink);font-size:max(16px,1em)}textarea.studio-customization__input{resize:vertical}.studio-customization__date{min-width:0;height:max(46px,calc(1.5em + var(--space-3) * 2 + 2px));padding-inline:var(--space-3);border:1px solid color-mix(in srgb,var(--color-ink) 22%,transparent);border-radius:var(--style-border-radius-inputs)}.studio-customization__date .studio-customization__input{display:flex;align-items:center;height:100%;min-height:0;border:0;padding:0;-webkit-appearance:none;appearance:none;text-align:left}.studio-customization__date .studio-customization__input::-webkit-date-and-time-value{min-width:0;text-align:left}@media(hover:hover)and (pointer:fine){@supports selector(input::-webkit-calendar-picker-indicator){.studio-customization__date{position:relative;padding-inline:0}.studio-customization__date:before{content:"";position:absolute;z-index:1;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:var(--color-ink);-webkit-mask:url(icon-calendar.svg) center / contain no-repeat;mask:url(icon-calendar.svg) center / contain no-repeat;pointer-events:none}.studio-customization__date .studio-customization__input{position:relative;padding-inline:44px var(--space-3);cursor:pointer}.studio-customization__date .studio-customization__input::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:0;padding:0;opacity:0;cursor:pointer}}}.studio-customization .studio-customization__input:focus{border-color:var(--color-accent);outline:none}.studio-customization__date:focus-within{border-color:var(--color-accent)}.studio-customization__input[aria-invalid=true]{border-color:var(--color-ink)}.studio-customization__search{position:relative;min-width:0}.studio-customization__search-input{position:relative}.studio-customization__search .studio-customization__input{padding-inline:40px 44px;min-height:48px;resize:none;line-height:1.5}.studio-customization__search-icon{position:absolute;inset-inline-start:14px;top:16px;width:18px;height:18px;background:var(--color-muted);-webkit-mask:url(icon-search.svg) center / contain no-repeat;mask:url(icon-search.svg) center / contain no-repeat;pointer-events:none}.studio-customization__clear{position:absolute;inset-inline-end:1px;top:1px;width:44px;height:46px;padding:0;border:0;background:transparent;color:var(--color-muted);cursor:pointer}.studio-customization__clear:before{content:"";display:block;width:16px;height:16px;margin:auto;background:currentColor;-webkit-mask:url(icon-close.svg) center / contain no-repeat;mask:url(icon-close.svg) center / contain no-repeat}.studio-customization__clear:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px;border-radius:var(--style-border-radius-inputs)}.studio-customization__search-spinner{position:absolute;inset-inline-end:14px;top:16px;width:16px;height:16px;border:2px solid var(--color-accent);border-top-color:var(--color-ink);border-radius:50%;animation:studio-location-spin .8s linear infinite}.studio-customization__attribution{margin-top:4px;color:var(--color-muted);font-size:11px;line-height:1.5}.studio-customization__attribution a{color:inherit;text-decoration:none}.studio-customization__attribution a:hover{text-decoration:underline}@keyframes studio-location-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.studio-customization__search-spinner{animation:none}}.studio-customization__message,.studio-customization__warning p,.studio-customization__activity{margin:0;color:var(--color-muted)}.studio-customization__activity:empty{display:none}.studio-customization__warning{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.studio-customization__warning p{flex-basis:100%}.studio-customization__link{min-height:36px;border:0;padding:0;background:transparent;text-decoration:underline;color:var(--color-ink);cursor:pointer}.studio-customization__locations{position:absolute;z-index:25;inset-inline:0;top:calc(100% + 6px);display:flex;flex-direction:column;max-height:320px;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-ink) 20%,transparent);border-radius:var(--style-border-radius-inputs);background:var(--color-surface);box-shadow:0 6px 20px #0002}.studio-customization__locations--above{top:auto;bottom:calc(100% + 6px)}.studio-customization__location-list{min-height:0;overflow-y:auto;overscroll-behavior-y:contain}.studio-customization__location{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:44px;border:0;padding:var(--space-3);text-align:start;background:transparent;color:var(--color-ink);cursor:pointer}.studio-customization__location-pin{flex:0 0 12px;height:12px;margin-top:4px;border:1.5px solid var(--color-muted);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.studio-customization__location-copy{min-width:0;overflow-wrap:anywhere}.studio-customization__location-primary{display:block;font-size:14px;line-height:1.4;font-weight:var(--type-body-small--weight-strong, 600)}.studio-customization__location-secondary{display:block;margin-top:3px;font-size:12px;line-height:1.4;color:var(--color-muted)}.studio-customization__location-status{flex:0 0 auto;padding:12px;font-size:13px;line-height:1.5;color:var(--color-muted)}.studio-customization__location-list:not([hidden])+.studio-customization__location-status{border-top:1px solid color-mix(in srgb,var(--color-ink) 15%,transparent)}.studio-customization__location:hover,.studio-customization__location[aria-selected=true]{background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface))}.studio-product__handoff-notice{position:absolute;z-index:2;inset-inline:var(--space-4);bottom:var(--space-4);padding:var(--space-3);border-radius:var(--style-border-radius-inputs);background:var(--color-surface);color:var(--color-ink);box-shadow:0 2px 16px #0002}@media(max-width:749px){.studio-product--positioned-preview .studio-product__preview-stage{position:fixed;inset:auto;top:var(--customization-preview-top);left:var(--customization-preview-left);width:var(--customization-preview-size, 220px);height:var(--customization-preview-size, 220px);z-index:20;border-radius:var(--style-border-radius-inputs);overflow:hidden;overflow-anchor:none;box-shadow:0 2px 16px #0002}.studio-product--positioned-preview:not(.studio-product--floating-preview) .studio-product__preview-stage{visibility:hidden;pointer-events:none}.studio-product--floating-preview .studio-product__preview-loading-copy{display:none}.studio-customization__input{scroll-margin-top:calc(var(--sticky-header-height, 0px) + var(--recovery-obstruction-height, 0px) + 16px);scroll-margin-bottom:16px}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-studio-product.css.map */