.portrait-customizer{--brass-accent: color-mix(in oklab, var(--color-accent) 85%, var(--color-text));--brass-muted: color-mix(in oklab, var(--color-text) 78%, var(--color-background));min-width:0}.portrait-customizer [data-portrait-form]{display:block}.portrait-customizer [data-panel]{grid-column:auto;padding-block:var(--space-md)}.portrait-customizer [data-panel][hidden]{display:none!important}.portrait-customizer textarea{font:inherit;min-height:120px;resize:vertical}.portrait-customizer textarea:focus-visible{outline:var(--focus-ring);outline-offset:3px}.portrait-customizer .brass-navigation{scroll-margin-top:var(--space-md)}.portrait-customizer .brass-panel h3{font-size:var(--text-xl)}.portrait-customizer .brass-panel__intro{font-size:var(--text-sm)}.portrait-customizer .brass-text-input{margin-bottom:var(--space-xs)}.portrait-customizer .brass-option>span{flex-basis:auto}.portrait-customizer .brass-option>b{margin-left:auto}.portrait-customizer .brass-review dl>div{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto;margin-block:var(--space-xs)}.portrait-customizer .brass-review dt{grid-column:auto}.portrait-customizer .brass-review button{min-height:44px}.portrait-customizer .brass-actions{align-items:center}.portrait-customizer .brass-finish{min-width:0}.portrait-customizer [data-add]{min-width:160px}.portrait-customizer [data-add]:disabled{cursor:not-allowed;opacity:.55}.portrait-customizer [data-submit-status]{margin:var(--space-xs) 0 0;color:var(--brass-muted);font-size:var(--text-xs);line-height:1.5}.portrait-options,.portrait-templates,.portrait-items,.portrait-pet-count{display:grid;gap:var(--space-xs);padding:0;margin:0;border:0;min-width:0}.portrait-options,.portrait-templates,.portrait-items{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-pet-count{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--space-md)}.portrait-options>legend,.portrait-templates>legend,.portrait-items>legend,.portrait-pet-count>legend{margin-bottom:var(--space-xs)}.portrait-choice,.portrait-template,.portrait-item{display:flex;align-items:center;gap:var(--space-xs);min-width:0;min-height:48px;padding:var(--space-sm);border:1px solid var(--color-rule);border-radius:10px;background:var(--color-surface);cursor:pointer}.portrait-choice:has(input:checked),.portrait-template:has(input:checked),.portrait-item:has(input:checked){border-color:var(--brass-accent);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--brass-accent)}.portrait-choice:has(input:focus-visible),.portrait-template:has(input:focus-visible),.portrait-item:has(input:focus-visible){outline:var(--focus-ring);outline-offset:3px}.portrait-choice>span,.portrait-item>span{min-width:0;overflow-wrap:anywhere}.portrait-choice strong,.portrait-choice small{display:block}.portrait-choice small{margin-top:4px;font-size:var(--text-xs);color:var(--brass-muted)}.portrait-template{position:relative;flex-wrap:wrap;align-content:start;padding:var(--space-xs)}.portrait-template>img{display:block;width:100%;aspect-ratio:4 / 5;height:auto;object-fit:contain;border-radius:6px}.portrait-template>span{flex:1;min-width:0;overflow-wrap:anywhere}.portrait-template>input{margin-inline:4px 0}.portrait-template--custom{grid-column:1 / -1;min-height:64px;align-items:center;align-content:center}.portrait-frames{grid-template-columns:repeat(3,minmax(0,1fr))}.portrait-frames .portrait-template>img{aspect-ratio:1}.portrait-items{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(200px,max-content);align-content:start;align-items:start;max-height:480px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:4px;margin:-4px -4px var(--space-sm)}.portrait-item{align-self:start;flex-direction:column;justify-content:flex-start;min-height:200px;height:auto;padding:12px;gap:8px}.portrait-item>img{display:block;flex:0 0 auto;width:100%;max-width:100%;height:clamp(96px,10vw,128px);min-height:96px;max-height:128px;object-fit:contain}.portrait-item>span{display:flex;flex:0 0 auto;align-items:flex-start;gap:6px;align-self:stretch;min-height:2.7em;font-size:var(--text-xs);line-height:1.35}.portrait-item input{margin:0;scroll-margin-block:80px}.portrait-item:has(input:disabled){opacity:.5;cursor:not-allowed}.portrait-item input:disabled{cursor:not-allowed}.portrait-customizer [data-items-count]{display:block;margin:0 0 var(--space-sm);color:var(--brass-muted);font-size:var(--text-sm);font-weight:500}.portrait-customizer[data-items-at-limit=true] [data-items-count]{color:var(--brass-accent)}.portrait-customizer [data-custom-background-wrap]{margin-top:var(--space-md)}.portrait-size-diagram{margin:var(--space-md) 0 0;padding:var(--space-sm);border-radius:12px;background:var(--color-background)}.portrait-size-diagram svg{width:100%;height:auto;max-height:250px;display:block}.portrait-size-diagram [data-size-preview]{opacity:.38;transition:opacity var(--transition)}.portrait-size-diagram [data-size-preview].is-selected{opacity:1}.portrait-size-diagram figcaption,.portrait-preview figcaption{margin-top:var(--space-xs);color:var(--brass-muted);font-size:var(--text-xs);line-height:1.5;text-align:center}.portrait-preview{margin:var(--space-md) 0 0;padding:var(--space-sm);border-radius:12px;background:var(--color-background)}.portrait-preview [data-preview-template-image]{display:block;width:min(100%,250px);height:auto;max-height:320px;object-fit:contain;margin-inline:auto;border-radius:6px}.portrait-preview [data-preview-template-name]{display:block;margin-bottom:var(--space-xs);font-weight:600;text-align:center}.portrait-frame-pending{margin:var(--space-sm) 0;padding:var(--space-md);border:1px dashed var(--color-rule);border-radius:12px;background:var(--color-background)}.portrait-frame-pending>:first-child{margin-top:0}.portrait-frame-pending>:last-child{margin-bottom:0}.portrait-pet{min-width:0;padding:var(--space-md) 0 0;margin:var(--space-md) 0 0;border:0;border-top:1px solid var(--color-hairline)}.portrait-pet>legend{padding:0 var(--space-xs) 0 0;font-family:var(--font-heading--family);font-size:var(--text-lg)}.portrait-pet frame-photo-upload{margin-top:var(--space-sm)}.portrait-pet .brass-uploaded{align-items:center}.portrait-breakdown{margin:0;padding-block:var(--space-sm);border-top:1px solid var(--color-hairline)}.portrait-breakdown>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-block:var(--space-xs)}.portrait-breakdown dt{font-size:var(--text-xs);color:var(--brass-muted)}.portrait-breakdown dd{margin:0;text-align:right;font-size:var(--text-sm)}@media(max-width:35rem){.portrait-frames{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-customizer .brass-steps button{min-height:46px;padding:6px}.portrait-customizer .brass-panel h3{font-size:22px}.portrait-choice{padding:12px 8px;gap:6px}.portrait-pet-count{gap:6px}.portrait-pet-count .portrait-choice{flex-wrap:wrap}.portrait-item{padding:12px 8px}.portrait-items{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-customizer .brass-review dl>div{grid-template-columns:minmax(0,1fr) auto}.portrait-customizer .brass-review dt{grid-column:1 / -1}.portrait-customizer [data-add]{min-width:0;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/portrait-customizer.css.map */