.dev-garage{padding:20px 10px;scroll-margin-top:100px;--g-blue: #0f75b4;--g-blue-bright: #69bdf2;--g-blue-line: #d8ebf9;--g-blue-tint: #f6fbfe}.dev-garage *,.dev-garage *:before,.dev-garage *:after{box-sizing:border-box}.dev-garage [hidden]{display:none!important}.dev-garage__container{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}.dev-garage__text{display:flex;flex-direction:column;align-items:center;text-align:center;margin-left:auto;max-width:538px;width:100%}.dev-garage__heading{color:#000;margin-bottom:20px}.dev-garage__tagline{color:var(--g-blue)}.dev-garage__description{color:#000;max-width:400px}.dev-garage__controls{display:flex;flex-direction:column;gap:12px;padding:20px 0;max-width:537px;width:100%}.dev-garage__row{display:flex;align-items:flex-start;justify-content:flex-start;gap:20px;width:100%}.dev-garage__selector-wrap{position:relative;flex:1 0 0;min-width:0}.dev-garage__selector{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:60px;padding:10px 20px;background:var(--g-blue-tint);border:1.5px solid var(--g-blue-bright);border-radius:3px;cursor:pointer}.dev-garage__selector-text{flex:1 0 0;min-width:0;font-family:var(--font-heading--family);font-size:24px;line-height:24px;font-weight:600;color:var(--g-blue);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-garage__selector-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;transform:scaleY(-1);transition:transform .18s ease}.dev-garage__selector-icon svg{width:30px;height:17.5px;color:var(--g-blue)}.dev-garage__selector[aria-expanded=true] .dev-garage__selector-icon{transform:none}.dev-garage__dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:20;width:100%;max-height:320px;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--g-blue-bright);border-radius:3px;box-shadow:0 12px 28px #0f75b42e;overflow:hidden}.dev-garage__search{flex-shrink:0;margin:8px;padding:10px 12px;border:1px solid var(--g-blue-line);border-radius:3px;font-family:var(--font-heading--family);font-size:16px;line-height:1.2;color:#000}.dev-garage__search:focus{outline:none;border-color:var(--g-blue-bright)}.dev-garage__options{margin:0;padding:0;list-style:none;overflow-y:auto}.dev-garage__option{padding:12px 18px;font-family:var(--font-heading--family);font-size:18px;line-height:1.2;font-weight:600;color:var(--g-blue);text-align:center;cursor:pointer}.dev-garage__option:hover,.dev-garage__option:focus{background:var(--g-blue-tint);outline:none}.dev-garage__empty{margin:0;padding:12px 18px;font-family:var(--font-heading--family);font-size:16px;color:#6b6b6b;text-align:center}.dev-garage__chips{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px}.dev-garage__chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;background:var(--g-blue-tint);border:1.5px solid var(--g-blue-bright);border-radius:100px;font-family:var(--font-heading--family);font-size:15px;line-height:1;font-weight:600;color:var(--g-blue);cursor:pointer}.dev-garage__chip:hover{background:#e8f4fd}.dev-garage__chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--g-blue);color:#fff;font-size:14px;line-height:1}.dev-garage__actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:259px;flex-shrink:0}.dev-garage__button{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;padding:10px 20px;background:var(--g-blue);border:1.5px solid var(--g-blue);border-radius:3px;font-family:var(--font-heading--family);font-size:24px;line-height:24px;font-weight:700;color:#fff;text-transform:capitalize;cursor:pointer;transition:background-color .15s ease}.dev-garage__button:hover{background:#0c5f93;border-color:#0c5f93}.dev-garage__button[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.dev-garage__help-link{background:none;border:0;padding:0;cursor:pointer;font-family:var(--font-heading--family);font-size:18px;line-height:18px;font-weight:600;color:var(--g-blue);text-transform:capitalize;text-decoration:underline;text-align:center}.dev-garage__help-link:hover{color:#0c5f93}.dev-garage__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.dev-garage__modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.dev-garage__modal-card{position:relative;z-index:1;width:100%;max-width:440px;max-height:calc(100vh - 40px);overflow-y:auto;padding:28px;background:#fff;border-radius:8px;box-shadow:0 24px 60px #00000047}.dev-garage__modal-close{position:absolute;top:14px;right:14px;display:inline-flex;padding:4px;background:none;border:0;color:#1a1a1a;cursor:pointer}.dev-garage__modal-title{margin:0 0 6px;font-family:var(--font-heading--family);font-size:26px;line-height:1.1;font-weight:700;color:#000}.dev-garage__modal-sub{margin:0 0 18px;font-family:var(--font-heading--family);font-size:16px;line-height:1.3;color:#4a4a4a}.dev-garage__benefits{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:12px}.dev-garage__benefit{display:flex;align-items:center;gap:12px}.dev-garage__benefit-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--g-blue-tint);color:var(--g-blue)}.dev-garage__benefit-text{font-family:var(--font-heading--family);font-size:16px;font-weight:600;color:#1a1a1a}.dev-garage__find-rows{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}.dev-garage__find-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--g-blue-tint);border:1.5px solid var(--g-blue-line);border-radius:6px}.dev-garage__find-icon{display:flex;flex-shrink:0;color:var(--g-blue)}.dev-garage__find-body{display:flex;flex-direction:column;gap:4px;min-width:0}.dev-garage__find-name{font-family:var(--font-heading--family);font-size:17px;font-weight:700;color:#000}.dev-garage__find-actions{display:flex;gap:16px}.dev-garage__find-shop,.dev-garage__find-clear{background:none;border:0;padding:0;cursor:pointer;font-family:var(--font-heading--family);font-size:14px;font-weight:600;color:var(--g-blue);text-decoration:underline}.dev-garage__find-clear{color:#b00020}.dev-garage__find-add{margin-top:4px}.dev-garage[data-unavailable=true] .dev-garage__selector{opacity:.6;cursor:not-allowed}@media screen and (max-width:749px){.dev-garage__container{grid-template-columns:minmax(0,1fr)}.dev-garage__text,.dev-garage__controls{max-width:100%;margin-inline:auto;min-width:0}.dev-garage__chips{min-width:0}.dev-garage__row{flex-direction:column;gap:12px;min-width:0}.dev-garage__actions{width:100%}}@media screen and (max-width:1000px){.dev-garage__container{grid-template-columns:1fr}.dev-garage__text{margin-left:0;max-width:100%}.dev-garage__controls{margin:0 auto}.dev-garage__chips{justify-content:center}}@media screen and (max-width:768px){.dev-garage{padding:40px 0}.dev-garage__heading *{font-size:40px;line-height:40px}.dev-garage__description{max-width:100%}.dev-garage__controls{padding:0;max-width:100%}.dev-garage__row{flex-direction:column}.dev-garage__selector-wrap{width:100%;flex:1 1 auto}.dev-garage__actions{width:100%}.dev-garage__button{font-size:24px}}@media(min-width:1201px)and (max-width:1800px){.dev-garage__selector{height:50px;padding:8px 16px}.dev-garage__selector-text{font-size:20px;line-height:20px}.dev-garage__selector-icon svg{width:25px;height:14px}.dev-garage__actions{width:215px}.dev-garage__button{min-height:50px;font-size:20px;line-height:20px}.dev-garage__help-link{font-size:15px;line-height:15px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/dev-garage.css.map */