.x-support-hero{position:relative;width:100%;box-sizing:border-box;min-height:500px;display:flex;align-items:center;justify-content:center;padding:180px 96px 100px;overflow:hidden}.x-support-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block}.x-support-hero__bg-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.x-support-hero__inner{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:40px}.x-support-hero__title{margin:0;max-width:824px;font-size:48px;font-weight:700;line-height:normal;color:#111;text-align:center}.x-support-hero__search-wrap{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%}.x-support-hero__search{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:16px;width:100%;max-width:748px;padding:16px 118px 16px 24px;border:1px solid rgba(255,255,255,.85);border-radius:8px;background:#ffffffa6;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.x-support-hero__search-icon{flex-shrink:0;width:24px;height:24px;line-height:0;color:#24282b}.x-support-hero__search-icon svg{display:block;width:100%;height:100%}.x-support-hero__search-input{flex:1 1 auto;min-width:0;border:0;background:transparent;padding:0;font-family:inherit;font-size:14px;line-height:normal;color:#24282b;appearance:none;-webkit-appearance:none}.x-support-hero__search-input::placeholder{color:#24282b;opacity:.65}.x-support-hero__search-input:focus,.x-support-hero__search-input:focus-visible{outline:none;box-shadow:none;border:0;background:transparent}.x-support-hero__search-input::-webkit-search-cancel-button{-webkit-appearance:none}.x-support-hero__search-submit{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:106px;height:48px;padding:0;border:0;border-radius:6px;background:#111;color:#fff;cursor:pointer;line-height:0}.x-support-hero__search-submit-icon{display:block;width:26px;height:14px}.x-support-hero__search-submit-icon--mobile{display:none}.x-support-hero__search-submit-icon svg{display:block;width:100%;height:100%}.x-support-hero__popular{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.x-support-hero__popular-label{font-size:14px;font-weight:300;color:#24282b;opacity:.85;white-space:nowrap}.x-support-hero__popular-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.x-support-hero__pill{display:inline-flex;align-items:center;padding:6px 16px;border:1px solid rgba(255,255,255,.65);border-radius:20px;background:#ffffff73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:13px;line-height:normal;color:#24282b;text-decoration:none;white-space:nowrap;transition:background .2s ease}.x-support-hero__pill:hover{background:#ffffffbf}@media screen and (max-width:768px){.x-support-hero{min-height:383px;padding:125px 16px 24px;align-items:flex-start}.x-support-hero__inner{gap:32px}.x-support-hero__title{font-size:32px;text-align:left;align-self:stretch}.x-support-hero__search-wrap{gap:34px;align-items:stretch}.x-support-hero__search{max-width:none;gap:12px;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.x-support-hero__search-icon{display:none}.x-support-hero__search-input{box-sizing:border-box;height:40px;padding:9px 8px 9px 16px;border:.5px solid rgba(36,40,43,.5);border-radius:4px;background:#fff6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:14px}.x-support-hero__search-input::placeholder{opacity:.45}.x-support-hero__search-input:focus,.x-support-hero__search-input:focus-visible{border:.5px solid rgba(36,40,43,.5);background:#fff6}.x-support-hero__search-submit{position:static;transform:none;flex-shrink:0;width:40px;height:40px;border-radius:4px;background:#24282b}.x-support-hero__search-submit-icon--pc{display:none}.x-support-hero__search-submit-icon--mobile{display:block;width:22px;height:22px}.x-support-hero__popular{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:16px}.x-support-hero__popular-label{font-size:14px;font-weight:700}.x-support-hero__popular-list{gap:8px 12px}.x-support-hero__pill{padding:6px 16px;border:0;background:#ffffff80;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/x-support-hero.css.map */