.example-images{margin-bottom:20px}.example-images .example-header{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap}.example-images .example-text{display:flex;flex-direction:row;gap:4px;align-items:center}@media(min-width:640px){.example-images .example-text{flex-direction:column;gap:2px;align-items:flex-start}}.example-images .example-text .example-hint,.example-images .example-text .example-label{font-weight:600;color:#6b7280;font-size:14px}.example-images .example-grid{display:flex;gap:8px}.example-images .example-button{position:relative;width:48px;height:48px;border-radius:16px;border:2px solid #e5e7eb;background:none;padding:0;cursor:pointer;transition:all .15s ease;overflow:hidden}@media(min-width:640px){.example-images .example-button{width:56px;height:56px}}.example-images .example-button:hover:not(.disabled){border-color:#41907c;transform:scale(1.05)}.example-images .example-button:hover:not(.disabled) .example-image-container{transform:scale(1.1)}.example-images .example-button:active:not(.disabled){transform:scale(1.02);opacity:.8}.example-images .example-button:active:not(.disabled) .example-image-container{transform:scale(1.05)}.example-images .example-button.disabled{opacity:.5;cursor:not-allowed}.example-images .example-button:focus-visible{outline:2px solid #41907c;outline-offset:2px}.example-images .example-image-container{width:100%;height:100%;overflow:hidden;border-radius:14px;transition:transform .15s ease}.example-images .example-image{width:100%;height:100%;object-fit:cover;display:block}