@layer components{.te-gallery__thumbs{--te-gallery-thumb-size:4.5rem;--_gap:var(--te-space-2);--_visible:4;margin-inline:calc(-1 * var(--te-space-1))}.te-gallery__thumb-list{gap:var(--_gap);padding:var(--te-space-1)}@media (min-width:480px){.te-gallery__thumbs{--_visible:7}}.te-gallery__thumb{inline-size:var(--te-gallery-thumb-size);block-size:var(--te-gallery-thumb-size);padding:var(--te-space-1);border:var(--te-border-width-control) solid var(--te-color-border-control);border-radius:var(--te-radius-md);background:var(--te-color-surface);cursor:pointer;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.te-gallery__thumb:hover{border-color:var(--te-color-text)}}.te-gallery__thumb[aria-pressed=true]{border-color:var(--te-color-text);box-shadow:inset 0 0 0 var(--te-border-width) var(--te-color-text)}.te-gallery__thumb:focus-visible{outline:var(--te-focus-width) solid var(--te-focus-color);outline-offset:var(--te-focus-offset)}.te-gallery__thumb-img{object-fit:contain;block-size:100%;inline-size:100%}@media (max-width:767.98px){.te-gallery__thumb-item{flex:0 0 calc((100% - var(--_gap) * var(--_visible)) / (var(--_visible) + .5))}.te-gallery__thumb{aspect-ratio:1;block-size:auto;inline-size:100%}}@media (forced-colors:active){.te-gallery__thumb[aria-pressed=true]{outline:var(--te-focus-width) solid Highlight;outline-offset:var(--te-focus-offset-inset);border-color:highlight}}}