.header-section .mega-menu__container.htt-gallery-container{background:#00276d;border:1px solid #ffffff29;border-top:0;box-shadow:0 18px 32px #00133730;border-radius:0 0 12px 12px}.header-section .mega-menu__wrapper.htt-gallery-host{display:block;border:0;padding-block:24px}.htt-gallery,.htt-gallery *{box-sizing:border-box}.htt-gallery{--mf-accent: var(--htt-blue);--mf-ink: #00276d;--mf-muted: #415575;--mf-navy: #00276d;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;width:100%;min-width:0;color:#fff;background:#00276d;font:400 14px/1.45 var(--font-body-family, "DM Sans", sans-serif)}.htt-gallery__main,.htt-gallery__aside{min-width:0}.htt-gallery__aside{padding-inline-start:24px;border-inline-start:1px solid #ffffff29}.htt-gallery .htt-gallery__eyebrow{margin:0 0 12px;color:#bbdfff;font:700 11px/1.4 var(--font-body-family, sans-serif);letter-spacing:.13em;text-transform:uppercase}.htt-gallery .htt-gallery__eyebrow--spaced{margin-top:22px}.htt-gallery .htt-gallery__heading{margin:0 0 10px;color:#fff;font:700 25px/1.12 var(--font-body-family, sans-serif);letter-spacing:-.025em}.htt-gallery__intro{margin:0 0 18px;color:#d7e8ff;font-size:14px}.htt-gallery__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.htt-gallery__tile{min-width:0;display:flex;flex-direction:column;overflow:hidden;color:#00276d;background:#eef6ff;border:1px solid #c5e4ff;border-radius:9px;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.htt-gallery__image{display:grid;place-items:center;height:clamp(150px,15vw,230px);padding:14px;background:#dceeff}.htt-gallery__image img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}.htt-gallery__tile-copy{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1;gap:4px;min-height:72px;padding:14px;background:#eef6ff;transition:background-color .18s ease}.htt-gallery__tile-label{color:#00276d;font-size:16px;font-weight:700;line-height:1.2}.htt-gallery__tile-arrow{display:none}.htt-gallery__kicker{color:#365b85;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.htt-gallery__tile:hover{border-color:var(--htt-blue);background:#eaf3ff;box-shadow:0 4px 12px #00276d14;transform:translateY(-2px)}.htt-gallery__tile:hover .htt-gallery__tile-copy{background:#eaf3ff}.htt-gallery__tile:hover .htt-gallery__tile-label{color:var(--htt-blue-hover)}.htt-gallery__list{list-style:none;margin:0;padding:0}.htt-gallery__list a,.htt-gallery__links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:#fff;text-decoration:none;font-size:14px;line-height:1.35}.htt-gallery__list a>span[aria-hidden=true],.htt-gallery__links a>span[aria-hidden=true]{display:none}.htt-gallery__list a:hover,.htt-gallery__links a:hover{color:#a7ddff;text-decoration:underline;text-underline-offset:4px}.htt-gallery__links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:16px}.htt-gallery__note{margin:14px 0 0;color:#d7e8ff;font-size:12px}.htt-gallery__cta{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:18px;padding:10px 14px;background:var(--htt-button);color:#fff;border-radius:6px;font-weight:700;text-decoration:none}.htt-gallery__cta:hover{background:var(--htt-blue-hover)}.htt-gallery a:focus-visible,.htt-gallery button:focus-visible,.htt-gallery select:focus-visible,.htt-gallery-mobile>summary:focus-visible{outline:3px solid #59d8ff;outline-offset:3px}.htt-gallery--finder,.htt-gallery--chemicals{grid-template-columns:260px minmax(0,1fr)}.htt-gallery--chemicals>.htt-gallery__aside{border-inline-start:0;padding-inline-start:0;padding-inline-end:24px;border-inline-end:1px solid #ffffff29}.htt-gallery__tiles--stages{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.htt-gallery__tiles--stages .htt-gallery__image{height:clamp(140px,14vw,200px)}.htt-gallery__tiles--stages .htt-gallery__tile-label{font-size:15px}.htt-gallery .htt-mf__finder{padding:20px;border-radius:9px;background:#f4f8ff;color:#00276d;min-width:0}.htt-gallery .htt-mf__eyebrow{margin:0 0 8px;color:var(--htt-blue);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.htt-gallery .htt-mf__finder-heading{margin:0 0 8px;color:#00276d;font:700 24px/1.15 var(--font-body-family, sans-serif);letter-spacing:-.025em}.htt-gallery .htt-mf__finder-text{margin:0 0 14px;color:#415575;font-size:13px;line-height:1.45}.htt-gallery .htt-mf__fields{display:grid;gap:10px}.htt-gallery .htt-mf__field{display:grid;gap:4px}.htt-gallery .htt-mf__label{color:#00276d;font-size:12px;font-weight:700}.htt-gallery .htt-mf__select{width:100%;min-width:0;height:40px;padding:0 28px 0 10px;border:1px solid #9db5d3;border-radius:5px;background-color:#fff;color:#00276d;font:inherit;font-size:13px}.htt-gallery .htt-mf__select:disabled{color:#65738a;background-color:#e7eef7}.htt-gallery .htt-mf__submit{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:100%;margin-top:14px;padding:10px;border:0;border-radius:6px;background:var(--htt-button);color:#fff;font:700 14px/1.3 var(--font-body-family, sans-serif);cursor:pointer}.htt-gallery .htt-mf__submit:hover{background:var(--htt-blue-hover)}.htt-gallery .htt-mf__arrow{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.htt-gallery .htt-mf__status{margin:10px 0 0;font-size:12px;color:#415575}.htt-gallery .htt-mf__status:empty{display:none}.htt-gallery .htt-mf__status.is-error{color:#a01c1c}.htt-gallery .htt-mf__results{margin-top:12px;padding-top:12px;border-top:1px solid #c5d5e8}.htt-gallery .htt-mf__results-title{margin:0 0 8px;font-size:12px;font-weight:700}.htt-gallery .htt-mf__results ul{display:grid;gap:6px;max-height:190px;overflow-y:auto;margin:0;padding:0;list-style:none}.htt-gallery .htt-mf__result{display:flex;align-items:center;gap:8px;padding:4px;color:#00276d;text-decoration:none}.htt-gallery .htt-mf__result img,.htt-gallery .htt-mf__result-ph{width:44px;height:44px;flex:0 0 44px;object-fit:contain}.htt-gallery .htt-mf__result-copy{display:grid;gap:3px;font-size:12px;line-height:1.3}.htt-gallery .htt-mf__result-price{font-weight:700}.htt-gallery .htt-mf__nomatch{margin:0;font-size:13px}.htt-gallery .htt-mf__nomatch a{color:var(--htt-blue);text-decoration:underline}.htt-gallery-mobile{color:#fff;background:#00276d;border-bottom:1px solid #ffffff29}.htt-gallery-mobile>summary{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:14px 20px;list-style:none;cursor:pointer}.htt-gallery-mobile>summary::-webkit-details-marker{display:none}.htt-gallery-mobile[open]>summary{color:#9edaff;background:#003580}.htt-gallery-mobile[open]>summary>span{transform:rotate(45deg)}@media(min-width:1024px){body.htt-gallery-open main{position:relative}body.htt-gallery-open main:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;background:#00143855}.header-section [data-htt-gallery-desktop][open]>summary .menu__item-text{color:var(--htt-blue)}}@media(min-width:1024px)and (max-width:1199px){.htt-gallery{gap:20px;grid-template-columns:minmax(0,1fr) 200px}.htt-gallery--finder,.htt-gallery--chemicals{grid-template-columns:230px minmax(0,1fr)}.htt-gallery__tiles{gap:10px}.htt-gallery__tiles--stages{grid-template-columns:repeat(3,minmax(0,1fr))}.htt-gallery__tiles--stages .htt-gallery__image{height:100px}.htt-gallery__tiles--stages .htt-gallery__tile-copy{min-height:58px;padding-block:9px}.htt-gallery__tile-label{font-size:14px}}@media(max-width:1023px){.htt-gallery-mobile{--color-foreground: 255,255,255;--color-subtext: 205,225,249;--color-background: 0,39,109;--color-border: 185,215,247}.htt-gallery-mobile>summary,.htt-gallery-mobile [data-htt-gallery-slot]>.menu-drawer__item-link{color:#fff}.htt-gallery{display:flex;flex-direction:column;gap:24px;padding:16px 20px 24px}.htt-gallery__aside,.htt-gallery--chemicals>.htt-gallery__aside{border:0;padding:0}.htt-gallery__tiles,.htt-gallery__tiles--stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.htt-gallery__image,.htt-gallery__tiles--stages .htt-gallery__image{height:120px;padding:10px}.htt-gallery__tile-label{font-size:14px}.htt-gallery__tile-copy{padding:12px 10px;min-height:60px}.htt-gallery__links{gap:4px 18px}.htt-gallery .htt-mf__select{font-size:16px;height:44px}}@media(prefers-reduced-motion:reduce){.htt-gallery *,.htt-gallery-mobile>summary>span{animation:none!important;transition:none!important}.htt-gallery__tile:hover{transform:none}}@media(min-width:1024px){.header-section .mega-menu__container.htt-gallery-container{background:#fff;border-color:#d7e6fb;box-shadow:0 18px 38px #00276d1f;border-radius:0 0 10px 10px}.header-section .mega-menu__wrapper.htt-gallery-host{padding-block:28px}.htt-gallery{color:#00276d;background:#fff;gap:32px}.htt-gallery__aside{border-inline-start-color:#d7e6fb}.htt-gallery .htt-gallery__eyebrow{color:#007aff}.htt-gallery .htt-gallery__heading{color:#00276d}.htt-gallery__intro,.htt-gallery__note{color:#526176}.htt-gallery__tile{border-color:transparent;border-radius:8px;background:#f4f9ff}.htt-gallery__image{background:#eaf3ff}.htt-gallery__tile-copy{background:#f4f9ff}.htt-gallery__list a,.htt-gallery__links a{color:#00276d}.htt-gallery__list a:hover,.htt-gallery__links a:hover{color:#007aff}.htt-gallery--chemicals>.htt-gallery__aside{border-inline-end-color:#d7e6fb}.htt-gallery .htt-mf__finder{border:1px solid #d7e6fb;border-radius:10px;background:#f4f9ff}.htt-gallery .htt-mf__select{height:44px;border-color:#b9d0ea;border-radius:8px}.htt-gallery .htt-mf__submit,.htt-gallery__cta{border-radius:8px}body.htt-gallery-open main:after{background:#00276d2e}.header-section .mega-menu__wrapper.htt-gallery-host{padding-block:22px}.htt-gallery{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.htt-gallery__aside{padding-inline-start:22px}.htt-gallery__eyebrow--spaced{margin-top:18px;padding-top:18px;border-top:1px solid #d7e6fb}.htt-gallery__tiles{gap:12px}.htt-gallery__image{height:clamp(142px,12vw,184px);padding:12px}.htt-gallery__tile-copy{min-height:66px;padding:12px 13px}.htt-gallery__links{align-items:center;gap:2px 22px;margin-top:14px;padding-top:14px;border-top:1px solid #d7e6fb}.htt-gallery__links a{min-height:40px}.htt-gallery__cta{margin-top:16px}.htt-gallery--shop .htt-gallery__aside{display:flex;flex-direction:column}.htt-gallery--shop .htt-gallery__cta{margin-top:auto}.htt-gallery--chemicals{grid-template-columns:270px minmax(0,1fr)}.htt-gallery--chemicals>.htt-gallery__aside{padding-inline-end:22px}.htt-gallery__tiles--stages{gap:10px}.htt-gallery__tiles--stages .htt-gallery__image{height:154px;padding:10px}.htt-gallery__tiles--stages .htt-gallery__tile-copy{min-height:62px}.htt-gallery--finder{grid-template-columns:300px minmax(0,1fr)}.htt-gallery .htt-mf__finder{padding:18px}.htt-gallery .htt-mf__fields{gap:12px}.htt-gallery .htt-mf__field{gap:6px}.htt-gallery .htt-mf__submit{margin-top:16px}.htt-gallery--finder .htt-gallery__image{height:160px}.htt-gallery--finder .htt-gallery__tile-copy{min-height:64px}}@media(max-width:1023px){.htt-gallery-mobile{color:#00276d;background:#fff;border-bottom-color:#d7e6fb}.htt-gallery-mobile>summary,.htt-gallery-mobile [data-htt-gallery-slot]>.menu-drawer__item-link{color:#00276d}.htt-gallery-mobile[open]>summary{color:#007aff;background:#f4f9ff}.htt-gallery{color:#00276d;background:#fff}.htt-gallery__list a,.htt-gallery__links a{color:#00276d}.htt-gallery__intro,.htt-gallery__note{color:#526176}.htt-gallery .htt-gallery__heading{color:#00276d}.htt-gallery__aside{border-bottom:1px solid #d7e6fb;padding-bottom:20px}.htt-gallery__links{padding-top:14px;border-top:1px solid #d7e6fb}}.htt-gallery__parent-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:0;background:none;border:0;color:#fff;font:inherit;font-size:14px;line-height:1.35;text-align:start;cursor:pointer}.htt-gallery__parent-btn:hover,.htt-gallery__parent.is-open .htt-gallery__parent-btn{color:#a7ddff}.htt-gallery__parent-arrow{font-size:20px;line-height:1;transition:transform .15s}.htt-gallery__parent.is-open .htt-gallery__parent-arrow{transform:translate(3px)}.htt-gallery__sub[hidden],.htt-gallery__stage-view[hidden]{display:none}.htt-gallery__sub-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.htt-gallery__sub-head .htt-gallery__eyebrow{margin:0}.htt-gallery__back{background:none;border:1px solid #ffffff59;border-radius:999px;color:#fff;font:inherit;font-size:13px;padding:6px 14px;cursor:pointer}.htt-gallery__back:hover{border-color:#a7ddff;color:#a7ddff}.htt-gallery__tiles--frog{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.htt-gallery__tiles--frog .htt-gallery__image{height:clamp(120px,10vw,170px)}@media(max-width:1023px){.htt-gallery__tiles--frog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.htt-gallery__tiles--frog .htt-gallery__image{height:110px}.htt-gallery__parent.is-open{border:0;margin:0;padding:0}}@media(min-width:1024px){.htt-gallery__parent-btn{color:#00276d}.htt-gallery__parent-btn:hover,.htt-gallery__parent.is-open .htt-gallery__parent-btn{color:#007aff}.htt-gallery__parent.is-open .htt-gallery__parent-btn{font-weight:600}.htt-gallery__back{color:#00276d;border-color:#b9d0ea}.htt-gallery__back:hover{color:#007aff;border-color:#007aff}}@media(max-width:1023px){.htt-gallery__parent-btn{color:#00276d;text-transform:none;letter-spacing:0;font-size:14px;font-weight:400;opacity:1}.htt-gallery__parent.is-open .htt-gallery__parent-btn{color:#007aff;font-weight:600}.htt-gallery__back{color:#00276d;border-color:#b9d0ea}.htt-gallery__sub{margin-top:12px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/htt-mega-gallery.css.map */