.portrait-space{font-family:var(--site-body);text-align:center}.portrait-picker{position:relative;display:block;padding:0;overflow:hidden;background:#edf2e9;border:1px dashed #8caaa0;cursor:pointer;color:#2A4D4E}.portrait-empty{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:13px}.portrait-plus{font:36px/1 Georgia,serif;font-weight:400}.portrait-picker .portrait-preview{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:inherit}.portrait-picker .portrait-preview[hidden],.portrait-empty[hidden]{display:none}.portrait-small{display:grid;grid-template-columns:88px 1fr;column-gap:15px;align-items:center;text-align:left;margin:0 0 25px;max-width:335px}.portrait-small .portrait-picker{grid-row:1/3;width:88px;height:88px;border-radius:50%;background:#FAF9F6}.portrait-small .portrait-empty{font-size:10px;gap:0}.portrait-small .portrait-plus{font-size:29px}.portrait-small .portrait-status{color:#D4E8D6;font:11px/1.55 var(--site-body);margin:0}.portrait-controls{display:flex;gap:13px;justify-content:center}.portrait-small .portrait-controls{justify-content:flex-start}.portrait-controls button{padding:3px 0;background:transparent;border:0;border-bottom:1px solid currentColor;color:inherit;font:12px var(--site-body);cursor:pointer}.portrait-controls button[hidden]{display:none}.portrait-large .portrait-picker{width:100%;height:490px;border-radius:150px 150px 8px 8px;background:#edf2e9}.portrait-large .portrait-empty{font:29px/1.3 var(--site-note);gap:12px}.portrait-large .portrait-plus{font-size:55px}.portrait-large .portrait-status{font:12px/1.6 var(--site-body);color:#D4E8D6;margin:15px 0 0}.portrait-large .portrait-controls{margin-top:16px}.meet-portrait-caption{font:29px/1.3 var(--site-note)!important;color:#D4E8D6;margin-top:18px;text-align:center}.portrait-picker:focus-visible,.portrait-controls button:focus-visible{outline:3px solid #F3BA91;outline-offset:5px}@media(max-width:700px){.portrait-large .portrait-picker{height:400px}.portrait-small{margin-bottom:25px}.meet-portrait{width:min(100%,430px);margin:auto}}

.portrait-adjust{min-width:0;margin:15px 0 0;padding:14px;border:1px solid #91aaa0;border-radius:8px;text-align:left;color:#D4E8D6;background:#203e3f;font:12px/1.5 var(--site-body)}
.portrait-adjust[hidden]{display:none}.portrait-adjust legend{padding:0 6px;font-size:12px}.portrait-adjust label{font:12px/1.5 var(--site-body);margin:0 0 10px}.portrait-adjust input[type=range]{display:block;width:100%;padding:0;margin:7px 0 12px;accent-color:#F3BA91;cursor:pointer;min-height:24px}.portrait-adjust .crop-arrows{display:flex;gap:7px;flex-wrap:wrap}.crop-arrows button{min-width:36px;min-height:36px;background:#FAF9F6;border:1px solid #b4c5bb;border-radius:4px;color:#2A4D4E;font:16px var(--site-body);cursor:pointer;padding:6px 9px}.crop-arrows .crop-reset{font-size:12px}.portrait-adjust .crop-hint{font:11px/1.5 var(--site-body);color:#D4E8D6;margin:12px 0 0}.portrait-small .portrait-adjust{grid-column:1/-1;width:100%;margin-top:14px}.portrait-preview{transform-origin:center;will-change:transform}.portrait-picker{isolation:isolate}.portrait-adjust :focus-visible{outline:3px solid #F3BA91;outline-offset:3px}