.wb-otile-sheet{display:flex;flex-direction:column;min-height:0;height:100%}.wb-otile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:4px 22px 24px;overflow-y:auto;min-height:0;flex:1 1 auto;overscroll-behavior:contain}.wb-otile{display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:none;color:var(--wb-ink);text-align:left;cursor:pointer;border-radius:14px;outline:none}.wb-otile-media{position:relative;display:block;aspect-ratio:4 / 5;border-radius:14px;overflow:hidden;background:var(--wb-surf);box-shadow:0 0 0 1px var(--wb-line);transition:box-shadow .18s ease,transform .18s ease}.wb-otile-media :is(img,video){position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wb-otile:hover .wb-otile-media,.wb-otile:focus-visible .wb-otile-media{box-shadow:0 0 0 1px var(--wb-lineH);transform:translateY(-2px)}.wb-otile[data-on="1"] .wb-otile-media{box-shadow:0 0 0 2px var(--wb-acc)}.wb-otile-check{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--wb-acc);color:#fff}.wb-otile-check svg{width:13px;height:13px}.wb-otile-text{display:flex;flex-direction:column;gap:2px;padding:0 2px}.wb-otile-label{font-size:12px;font-weight:600;line-height:1.3}.wb-otile-info{font-size:11px;line-height:1.4;color:var(--wb-ink2)}.wb-otile-meta{font-size:11px;line-height:1.4;color:var(--wb-ink3)}.wb-portal[data-wb-phone="1"] .wb-otile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:4px 16px 20px}