.htpf{--htpf-ink: #122033;--htpf-muted: #66758a;--htpf-blue: #0769d7;--htpf-blue-dark: #0457b8;--htpf-yellow: #ffd400;--htpf-yellow-soft: #fff8cf;--htpf-line: #d8e3ed;--htpf-soft: #f5f8fb;background:radial-gradient(circle at 50% -12%,rgba(7,105,215,.09),transparent 34%),linear-gradient(180deg,#f9fbfd,#f3f7fa)!important;background-image:radial-gradient(circle at 50% -12%,rgba(7,105,215,.09),transparent 34%),linear-gradient(180deg,#f9fbfd,#f3f7fa)!important;padding-top:clamp(36px,5vw,72px)}.htpf .htpf-card{position:relative;border-color:#d4e0ea;border-radius:28px;background:#fff;box-shadow:0 28px 72px #122a441c}.htpf .htpf-card:before{content:"";position:absolute;z-index:3;top:-1px;left:30px;right:30px;height:5px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--htpf-yellow) 0 20%,var(--htpf-blue) 20% 100%);pointer-events:none}.htpf .htpf-card__heading{border-radius:27px 27px 0 0;background:linear-gradient(135deg,#fff,#f7fbff)}.htpf .htpf-card__heading h2,.htpf .htpf-brand-browser h3,.htpf .htpf-model-header h4{color:#122033;letter-spacing:-.025em}.htpf .htpf-card__eyebrow,.htpf .htpf-kicker,.htpf .htpf-brand-browser__eyebrow,.htpf .htpf-model-header small{color:var(--htpf-blue)}.htpf .htpf-field:before{background:var(--htpf-yellow);color:#172337;box-shadow:0 6px 15px #ffd40040}.htpf .htpf-trigger{border:1.5px solid #cbd8e5;border-radius:18px;background:#fff;box-shadow:0 8px 22px #122a440e;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.htpf .htpf-trigger:hover{border-color:#abc5df;transform:translateY(-1px)}.htpf .htpf-trigger:focus-visible,.htpf .htpf-trigger.is-open{border-color:var(--htpf-yellow);box-shadow:0 0 0 4px #ffd40038,0 14px 30px #122a4417}.htpf .htpf-trigger__media,.htpf .htpf-option__media,.htpf .htpf-model-card__media{border:1px solid #e0e8ef;background:#fff}.htpf .htpf-panel{margin-top:9px;border-color:#d5e1eb;border-radius:18px;background:#fff;box-shadow:0 28px 70px #0e22392e}.htpf .htpf-option{border-radius:13px;transition:background .15s ease,box-shadow .15s ease}.htpf .htpf-option:hover,.htpf .htpf-option:focus-visible{background:#f4f8fb}.htpf .htpf-option[aria-selected=true]{background:var(--htpf-yellow-soft);box-shadow:inset 4px 0 0 var(--htpf-yellow)}.htpf .htpf-option[aria-selected=true] .htpf-option__tick{color:#172337}.htpf .htpf-brand-browser{border-top-color:#d4e0ea}.htpf .htpf-brand-grid{gap:14px}.htpf .htpf-brand-tile{border:1.5px solid #d5e1eb;border-radius:18px;background:#fff;box-shadow:0 8px 22px #122a440b;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.htpf .htpf-brand-tile:hover,.htpf .htpf-brand-tile:focus-visible{transform:translateY(-3px);border-color:var(--htpf-yellow);box-shadow:0 16px 34px #122a441a}.htpf .htpf-brand-tile.is-active{border-color:var(--htpf-yellow);background:linear-gradient(180deg,#fffefa,#fff9d8);box-shadow:0 0 0 3px #ffd40040,0 16px 34px #122a441a}.htpf .htpf-brand-tile.is-active:after{background:var(--htpf-yellow);color:#172337;box-shadow:0 5px 12px #ffd4004d}.htpf .htpf-brand-tile__logo{border-radius:14px;background:#fff}.htpf .htpf-model-stage{border-color:#d7e2ec;border-radius:20px;background:linear-gradient(180deg,#f9fbfc,#f2f6f9)}.htpf .htpf-model-count{background:var(--htpf-yellow);color:#172337;box-shadow:0 5px 13px #ffd40038}.htpf .htpf-model-card{border:1.5px solid #d5e1eb;border-radius:18px;background:#fff;box-shadow:0 8px 20px #122a440a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.htpf .htpf-model-card:hover,.htpf .htpf-model-card:focus-visible{transform:translateY(-2px);border-color:var(--htpf-yellow);box-shadow:0 0 0 3px #ffd40029,0 15px 32px #122a4417}.htpf .htpf-model-card__arrow{color:var(--htpf-blue)}.htpf .htpf-help{border-color:#cadbea;border-radius:20px;background:linear-gradient(90deg,#ffd4001c,#ffd40000 42%),linear-gradient(135deg,#f9fcff,#edf5fb)}.htpf .htpf-help a,.htpf .htpf-submit{border-color:var(--htpf-yellow);background:var(--htpf-yellow);color:#172337;box-shadow:0 9px 20px #ffd40038}.htpf .htpf-help a:hover,.htpf .htpf-submit:hover{border-color:var(--htpf-blue);background:var(--htpf-blue);color:#fff}@media(max-width:749px){.htpf{background:linear-gradient(180deg,#f9fbfd,#f3f7fa)!important;background-image:linear-gradient(180deg,#f9fbfd,#f3f7fa)!important}.htpf .htpf-card{border-radius:22px;box-shadow:0 18px 44px #122a4417}.htpf .htpf-card:before{left:18px;right:18px;height:4px}.htpf .htpf-card__heading{border-radius:21px 21px 0 0}.htpf .htpf-brand-grid{gap:10px}.htpf .htpf-panel__inner{max-height:68vh;max-height:calc(100dvh - 230px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.htpf .htpf-brand-tile,.htpf .htpf-model-card,.htpf .htpf-trigger{border-radius:16px}}
/*# sourceMappingURL=/cdn/shop/t/273/assets/hobbytech-parts-first-mockup.css.map */