.portrait.sample-gallery{position:relative;height:auto;aspect-ratio:1;overflow:hidden;display:block;background:#e9e5f0;letter-spacing:normal;touch-action:pan-y}
.sample-photo-frame{position:absolute;inset:0;overflow:hidden}
.sample-photo-frame[hidden]{display:none}
.sample-photo-frame img,.sample-sheet-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center;background-repeat:no-repeat}
.sample-photo-frame img{aspect-ratio:auto!important}
.sample-gallery .samplebadge{bottom:12px;left:12px;z-index:2;max-width:55%}
.sample-photo-count{position:absolute;top:14px;right:14px;z-index:2;border-radius:30px;background:#211b32c9;color:white;font-size:13px;font-weight:700;padding:6px 11px}
.sample-photo-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffffdf;color:#2e233d;box-shadow:0 3px 12px #21172d2b;font-size:30px;line-height:1;cursor:pointer}
.sample-photo-arrow.previous{left:12px}.sample-photo-arrow.next{right:12px}.sample-photo-arrow:disabled{display:none}
.sample-photo-dots{position:absolute;bottom:16px;right:16px;z-index:2;display:flex;gap:7px;align-items:center}
.sample-photo-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#fff9;box-shadow:0 1px 4px #21172d88;cursor:pointer}
.sample-photo-dots button[aria-current=true]{background:#fff;width:17px;border-radius:8px}
.sample-gallery:focus-visible,.sample-photo-arrow:focus-visible,.sample-photo-dots button:focus-visible{outline:3px solid #774ba8;outline-offset:2px}
@media(max-width:750px){.sample-photo-arrow{width:38px;height:38px}.sample-gallery .samplebadge{font-size:11px}.sample-photo-count{font-size:12px}}