@font-face{font-family:Orbitron;src:url("{{ "Orbitron-VariableFont_wght.ttf" | file_url }}") format("truetype");format("truetype");font-weight:100 900;font-style:normal;font-display:swap}#year-make-model-section{background-color:#121212}.vehicle-selector{font-family:Orbitron,sans-serif;margin:-50px auto 0;max-width:1080px;padding-bottom:40px}.glass-container{background:#f3f3f333;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:1.5em;box-shadow:0 4px 48px #ffffff40,inset 0 0 18px #ffffff40;border:none;width:100%;animation:shadowPulse 2.5s infinite}.control-row{display:flex;gap:1em;align-items:stretch;flex-wrap:nowrap}.dropdown{flex:0 0 260px;position:relative}.dropdown-btn{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:Orbitron,sans-serif;width:100%;padding:.75em;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:linear-gradient(145deg,#ffffff40,#ffffff26);color:#fff;font-size:16px;cursor:pointer;box-sizing:border-box;transition:all .25s ease;outline:none;text-align:center;box-shadow:inset 0 0 6px #fff3,0 4px 8px #00000026}#find-part-btn{margin:auto;width:100%;padding:1px;cursor:pointer;font-size:16px;font-weight:700;overflow:hidden;position:relative;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.1);transition:all .25s ease}#find-part-btn:hover,#find-part-btn:focus{transform:translateY(-2px)}#find-part-btn:before{top:50%;left:50%;content:"";width:360px;height:360px;z-index:-1;position:absolute;background-image:conic-gradient(#fff,#00255b 300deg,#fff 355deg);animation:outlineGlow 3s linear infinite}.find-btn{font-family:Orbitron,sans-serif;font-size:18px;display:block;background:#00255b;color:#fff;padding:10px;border-radius:8px}@keyframes outlineGlow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.dropdown-btn:hover,.dropdown-btn:focus{background:linear-gradient(145deg,#ffffff4d,#fff3);border:1px solid rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:inset 0 0 6px #ffffff80,0 6px 12px #0003}.dropdown-options{list-style:none;position:absolute;width:100%;top:100%;left:0;background:#00255b26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;padding:0;margin:0;border-radius:8px;box-sizing:border-box;max-height:0;opacity:0;overflow:hidden;transition:all .25s ease;z-index:2;box-shadow:0 4px 6px #0000001a}.dropdown-options.active{font-family:Orbitron,sans-serif;top:100%;max-height:260px;overflow-y:auto;color:#fff;opacity:1;box-shadow:0 4px 6px #00000080}.dropdown-options::-webkit-scrollbar{background:transparent}.dropdown-options::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:8px}.dropdown-options li{padding:.75em;cursor:pointer;background:transparent;transition:all .25s ease}.dropdown-options li:hover{background:#ffffff40;font-weight:900;transform:translateY(-2px)}.dropdown-btn.selected{background:linear-gradient(145deg,#ffffff80,#fff3);border-color:transparent;font-weight:800}button:disabled{opacity:.5;cursor:not-allowed}.fa-wrench{display:block;margin-left:.25em;font-size:1em;transition:transform .3s ease}#find-part-btn:hover .fa-wrench{transform:rotate(35deg);transition:transform .25s ease}#find-part-btn:active .fa-wrench{transform:rotate(90deg)}@keyframes shadowPulse{0%{box-shadow:0 4px 48px #ffffff40,inset 0 0 18px #ffffff40}50%{box-shadow:0 4px 36px #ffffff40,inset 0 0 18px #ffffff40}to{box-shadow:0 4px 48px #ffffff40,inset 0 0 18px #ffffff40}}@media screen and (max-width: 1366px){.vehicle-selector{position:relative;margin-top:-50px;max-width:1080px;padding-bottom:0}}@media screen and (max-width: 1024px){.vehicle-selector{max-width:90%}.control-row{flex-wrap:wrap;flex-direction:column;gap:.5em}.dropdown{flex:1 1 auto;width:100%}#find-part-btn:before{width:1000px;height:1000px}}@media screen and (max-width: 768px){.vehicle-selector{max-width:80%;padding-top:80px;padding-bottom:20px}.control-row{flex-wrap:wrap;flex-direction:column;gap:.5em}.dropdown,#find-part-btn{flex:1 1 auto;width:100%}.glass-container{padding:1em}#find-part-btn .fa-wrench{display:inline-block}#find-part-btn:before{width:600px;height:600px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/year-make-model-dropdown.css.map */