pet-portrait-customizer{display:block;width:100%;color:var(--color-foreground);font-family:var(--font-body--family)}.pet-portrait-customizer,.pet-portrait-customizer *{box-sizing:border-box}.pet-portrait-customizer [hidden]{display:none!important}.pet-portrait-customizer__header{margin-block-end:var(--padding-md)}.pet-portrait-customizer__title,.pet-portrait-customizer__heading,.pet-portrait-customizer__label,.pet-portrait-upload__label,.pet-portrait-permission__label{color:var(--color-foreground);font-family:var(--font-body--family)}.pet-portrait-customizer__title{margin:0;font-size:var(--font-size--xl);line-height:1.25}.pet-portrait-customizer__section{margin:0;padding-block:var(--padding-md);border:0;border-block-start:1px solid rgb(var(--color-foreground-rgb) / .12)}.pet-portrait-customizer__section-heading{margin-block-end:var(--padding-sm)}.pet-portrait-customizer__heading,.pet-portrait-customizer__label,.pet-portrait-upload__label{display:block;margin:0 0 var(--padding-xs);font-size:var(--font-size--md);font-weight:var(--font-weight-semibold);line-height:1.35}.pet-portrait-customizer__help{margin:0;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));font-size:var(--font-size--sm);line-height:1.5}.pet-portrait-customizer__required,.pet-portrait-customizer__optional{margin-inline-start:var(--padding-2xs);font-size:var(--font-size--xs);font-weight:var(--font-weight-normal)}.pet-portrait-customizer__required{color:var(--color-error)}.pet-portrait-customizer__optional{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.pet-portrait-customizer__upload-grid{display:grid;grid-template-columns:1fr;gap:var(--gap-sm)}.pet-portrait-upload{position:relative;min-width:0;padding:var(--padding-sm);border:var(--style-border-width-inputs) solid var(--color-input-border);border-radius:var(--style-border-radius-inputs);background:var(--color-background)}.pet-portrait-upload[data-state=selected]{border-color:rgb(var(--color-foreground-rgb) / .42)}.pet-portrait-upload[data-state=invalid]{border-color:var(--color-error)}.pet-portrait-upload__label-row{min-width:0}.pet-portrait-upload__preview{position:relative;width:100%;aspect-ratio:1;margin-block:var(--padding-xs);overflow:hidden;border-radius:calc(var(--style-border-radius-inputs) * .75);background:rgb(var(--color-foreground-rgb) / .04)}.pet-portrait-upload__image{display:block;width:100%;height:100%;object-fit:cover}.pet-portrait-upload__filename{min-width:0;margin:0 0 var(--padding-xs);overflow-wrap:anywhere;color:rgb(var(--color-foreground-rgb) / .78);font-size:var(--font-size--xs);line-height:1.4}.pet-portrait-upload__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pet-portrait-upload__actions{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.pet-portrait-upload__action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:var(--padding-xs) var(--padding-sm);border:var(--style-border-width-inputs) solid var(--color-input-border);border-radius:var(--style-border-radius-buttons-secondary);background:var(--color-background);color:var(--color-foreground);font:inherit;font-size:var(--font-size--sm);line-height:1;text-align:center;cursor:pointer}.pet-portrait-upload__action:is(:hover,:focus-visible){border-color:var(--color-foreground);outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.pet-portrait-upload__input:focus-visible+.pet-portrait-upload__actions .pet-portrait-upload__action--upload{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.pet-portrait-upload__action--remove{border-color:transparent;color:var(--color-error)}.pet-portrait-customizer__text-input,.pet-portrait-customizer__textarea{display:block;width:100%;min-height:44px;padding:var(--padding-sm);border:var(--style-border-width-inputs) solid var(--color-input-border);border-radius:var(--style-border-radius-inputs);background:var(--color-input-background, var(--color-background));color:var(--color-input-text, var(--color-foreground));font:inherit;box-shadow:none}.pet-portrait-customizer__textarea{min-height:7rem;resize:vertical}.pet-portrait-customizer__text-input:is(:hover,:focus),.pet-portrait-customizer__textarea:is(:hover,:focus){border-color:var(--color-foreground);outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.pet-portrait-permission__control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--gap-xs)}.pet-portrait-permission__input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--color-foreground)}.pet-portrait-permission__input:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.pet-portrait-permission__label{margin:0;font-size:var(--font-size--sm);line-height:1.5}.pet-portrait-customizer__error{margin:var(--padding-xs) 0 0;color:var(--color-error);font-size:var(--font-size--xs);line-height:1.4}.pet-portrait-customizer__information{display:grid;gap:var(--gap-sm);padding-block:var(--padding-md);border-block-start:1px solid rgb(var(--color-foreground-rgb) / .12)}.pet-portrait-customizer__info-block{padding:var(--padding-sm);border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:var(--style-border-radius-inputs);background:rgb(var(--color-foreground-rgb) / .035)}.pet-portrait-customizer__steps{margin:var(--padding-xs) 0 0;padding-inline-start:1.25rem;color:rgb(var(--color-foreground-rgb) / .82);font-size:var(--font-size--sm);line-height:1.6}@media screen and (min-width:1100px){.pet-portrait-customizer__upload-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/pet-portrait-customizer.css.map */