html.hpf-thumbnail-modal-open,body.hpf-thumbnail-modal-open{overflow:hidden!important;overscroll-behavior:none}body.hpf-thumbnail-modal-open{position:fixed;width:100%}.hpf--thumbnail-mode .hpf-tabs,.hpf--thumbnail-mode .hpf-panel[hidden]{display:none!important}.hpf-thumbnail-browser{padding:0 28px 28px}.hpf-thumbnail-browser__heading{margin:2px 0 16px;font-size:clamp(18px,2vw,23px);line-height:1.2}.hpf-thumbnail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hpf-diagram-thumb{display:flex;min-width:0;padding:0;overflow:hidden;flex-direction:column;border:2px solid rgba(0,0,0,.12);border-radius:9px;background:#fff;color:#111;font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.hpf-diagram-thumb:hover{border-color:var(--hpf-secondary);box-shadow:0 8px 22px #00000017;transform:translateY(-2px)}.hpf-diagram-thumb:focus-visible{outline:3px solid var(--hpf-accent);outline-offset:3px}.hpf-diagram-thumb.is-active{border-color:var(--hpf-secondary);box-shadow:0 0 0 2px color-mix(in srgb,var(--hpf-secondary),transparent 74%)}.hpf-diagram-thumb__media{position:relative;display:grid;width:100%;aspect-ratio:4 / 3;place-items:center;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.08);background:#f6f7f8}.hpf-diagram-thumb__image{width:100%;height:100%;padding:10px;object-fit:contain}.hpf-diagram-thumb__zoom{position:absolute;right:10px;bottom:10px;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#111418e6;color:#fff;font-size:18px;line-height:1}.hpf-diagram-thumb__body{display:flex;width:100%;min-height:66px;padding:13px 14px;justify-content:space-between;gap:12px;align-items:center}.hpf-diagram-thumb__label{min-width:0;font-size:14px;font-weight:800;line-height:1.25}.hpf-diagram-thumb__action{flex:0 0 auto;color:var(--hpf-secondary);font-size:12px;font-weight:800;white-space:nowrap}.hpf-thumbnail-modal[hidden]{display:none!important}.hpf-thumbnail-modal{position:fixed;z-index:100000;top:0;right:0;bottom:0;left:0;display:grid;padding:24px;place-items:center;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.hpf-thumbnail-modal.is-open{opacity:1;visibility:visible}.hpf-thumbnail-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#04080ed6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:default}.hpf-thumbnail-modal__dialog{position:relative;display:flex;width:min(1460px,100%);height:min(940px,calc(100dvh - 48px));min-height:0;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#f5f7fa;box-shadow:0 30px 100px #0000008c;transform:translateY(12px) scale(.985);transition:transform .2s ease}.hpf-thumbnail-modal.is-open .hpf-thumbnail-modal__dialog{transform:translateY(0) scale(1)}.hpf-thumbnail-modal__bar{position:relative;z-index:20;display:flex;min-height:72px;flex:0 0 auto;justify-content:space-between;gap:22px;align-items:center;padding:12px 16px 12px 22px;border-bottom:1px solid rgba(255,255,255,.12);background:#111418;color:#fff}.hpf-thumbnail-modal__heading{display:grid;min-width:0;gap:2px}.hpf-thumbnail-modal__heading strong{overflow:hidden;font-size:17px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.hpf-thumbnail-modal__eyebrow{color:#ffc400;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.hpf-thumbnail-modal__actions{display:flex;flex:0 0 auto;gap:16px;align-items:center}.hpf-thumbnail-modal__help{color:#ffffffa3;font-size:11px;font-weight:650}.hpf-thumbnail-modal__close{display:inline-flex;min-height:44px;gap:8px;align-items:center;justify-content:center;padding:8px 14px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#ffffff17;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.hpf-thumbnail-modal__close:hover,.hpf-thumbnail-modal__close:focus-visible{border-color:#ffc400;background:#ffc400;color:#111418;outline:none}.hpf-thumbnail-modal__close span:first-child{font-size:24px;font-weight:400;line-height:.7}.hpf-thumbnail-modal__body{min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.hpf-thumbnail-modal__panels{min-height:100%;border:0!important}.hpf-thumbnail-modal .hpf-panel.is-active{min-height:100%;animation:hpf-thumbnail-modal-reveal .2s ease-out}.hpf-thumbnail-modal .hpf-viewer__viewport{min-height:min(720px,calc(100dvh - 230px))}.hpf-thumbnail-modal .hpf-dialog{z-index:100010}@keyframes hpf-thumbnail-modal-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:769px){.hpf-thumbnail-modal .hpf-panel .hpf-viewer__viewport{padding:102px 54px 48px}}@media(max-width:768px){.hpf-thumbnail-browser{padding-inline:18px}.hpf-thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hpf-diagram-thumb__body{min-height:60px;padding:11px;flex-direction:column;align-items:flex-start;gap:5px}.hpf-thumbnail-modal{padding:0}.hpf-thumbnail-modal__dialog{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.hpf-thumbnail-modal__bar{min-height:60px;padding:8px 8px 8px 14px}.hpf-thumbnail-modal__heading strong{max-width:54vw;font-size:14px}.hpf-thumbnail-modal__help{display:none}.hpf-thumbnail-modal__close{min-width:46px;padding:8px 10px}.hpf-thumbnail-modal__close span:last-child{display:none}.hpf-thumbnail-modal .hpf-viewer__viewport{min-height:calc(100dvh - 180px)}}@media(max-width:440px){.hpf-thumbnail-grid{grid-template-columns:1fr}.hpf-diagram-thumb{display:grid;grid-template-columns:42% minmax(0,1fr)}.hpf-diagram-thumb__media{height:100%;aspect-ratio:auto;border-right:1px solid rgba(0,0,0,.08);border-bottom:0}}@media(prefers-reduced-motion:reduce){.hpf-diagram-thumb,.hpf-thumbnail-modal,.hpf-thumbnail-modal__dialog,.hpf-thumbnail-modal .hpf-panel.is-active{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/253/assets/hobbytech-parts-finder-thumbnails.css.map */