details[open]>.search-modal,.search-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;min-height:100vh;margin:0;border:none;background-color:#06070ad1;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:9vh 24px 24px;box-sizing:border-box;overflow-y:auto}.search-modal .modal-overlay,.search-modal .modal-overlay:after{display:none!important}.search-modal{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}details[open]>.search-modal{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .22s ease,visibility 0s;animation:searchModalFadeIn .32s cubic-bezier(.16,1,.3,1)}@keyframes searchModalFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.search-modal__content{position:relative;z-index:1;width:100%;max-width:720px;height:auto;padding:0;margin:0 auto;background:transparent;display:flex;flex-direction:column;gap:12px;top:0;bottom:auto;align-items:stretch;justify-content:flex-start}.search-modal__content-top,.search-modal__content-bottom{top:0;bottom:auto}.search-modal__form{width:100%;max-width:100%}.search-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:zoom-out}.search-modal .field{position:relative;background:#0e1116;border:1px solid rgba(230,234,242,.1);border-radius:14px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;display:block}.search-modal .field:focus-within{border-color:#00d6ffb3;background:#12161c;box-shadow:0 0 0 4px #00d6ff24}.search-modal .search__input.field__input{background:transparent;border:none;color:#e6eaf2;font-family:var(--font-body-family);font-size:1.6rem;font-weight:500;line-height:1.4;height:60px;padding:0 84px 0 56px;width:100%;border-radius:14px;letter-spacing:0;box-shadow:none;outline:none;margin:0}.search-modal .search__input.field__input::placeholder{color:#e6eaf273;font-weight:400}.search-modal .search__input.field__input::-webkit-search-decoration,.search-modal .search__input.field__input::-webkit-search-cancel-button{-webkit-appearance:none}.search-modal .field__label{display:none!important}.search-modal .field:before{content:"";position:absolute;left:22px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 19'%3E%3Cpath fill='%23B7BFCE' fill-rule='evenodd' d='M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;pointer-events:none;z-index:2;opacity:.85}.search-modal .search__button{display:none!important}.search-modal .reset__button{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#e6eaf20f;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease;padding:0;margin:0;box-shadow:none}.search-modal .reset__button:hover,.search-modal .reset__button:focus-visible{background:#e6eaf224}.search-modal .reset__button:not(:focus-visible):after,.search-modal .reset__button:not(:focus):after{display:none}.search-modal .reset__button .svg-wrapper,.search-modal .reset__button .icon{width:14px;height:14px;stroke:#e6eaf2d9;stroke-width:1.5}.search-modal .reset__button.hidden{display:none!important}.search-modal__close-button.modal__close-button{position:fixed;top:20px;right:20px;width:44px;height:44px;background:#e6eaf20f;border:1px solid rgba(230,234,242,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0;padding:0;z-index:1002;transition:background-color .15s ease,border-color .15s ease,transform .15s ease;box-shadow:0 4px 16px #0000004d}.search-modal__close-button.modal__close-button:hover{background:#e6eaf224;border-color:#e6eaf238;transform:scale(1.05)}.search-modal__close-button .svg-wrapper,.search-modal__close-button .icon{width:18px;height:18px;stroke:#e6eaf2;fill:#e6eaf2}.search-modal .predictive-search,.search-modal .predictive-search--header{position:relative;inset:auto;width:100%;background:#0e1116;border:1px solid rgba(230,234,242,.1);border-radius:14px;margin-top:4px;max-height:60vh;overflow-y:auto;box-shadow:0 12px 40px #0006;top:auto;left:auto;right:auto;bottom:auto}.search-modal .predictive-search__loading-state{padding:24px;display:flex;align-items:center;justify-content:center}.search-modal .predictive-search__loading-state .spinner{width:28px;height:28px}.search-modal .predictive-search a,.search-modal .predictive-search button{color:#e6eaf2}.search-modal .predictive-search h2,.search-modal .predictive-search h3{color:#e6eaf2b3}@media(max-width:749px){details[open]>.search-modal,.search-modal{padding:16px 12px;align-items:flex-start}.search-modal .search__input.field__input{font-size:1.5rem;height:52px;padding:0 72px 0 48px}.search-modal .field:before{left:16px;width:18px;height:18px}.search-modal__close-button.modal__close-button{top:12px;right:12px;width:40px;height:40px}.search-modal__close-button .svg-wrapper,.search-modal__close-button .icon{width:16px;height:16px}}.header__search-inline{display:none}@media(max-width:1299px){.search-modal{display:none!important}.header:has(.header__search details[open]) .header__search-inline{display:block;position:absolute;top:100%;left:0;right:0;padding:12px 16px;margin:0;background:#0e1116;border-top:1px solid rgba(230,234,242,.08);border-bottom:1px solid rgba(230,234,242,.08);z-index:50;animation:searchMobileSlideDown .22s cubic-bezier(.16,1,.3,1)}.header:has(.header__search details[open]) .header__search-inline .search-inline__field.field{height:44px;width:100%}.header:has(.header__search details[open]) .header__search-inline .search-inline__input.field__input.search__input{height:42px;font-size:1.6rem;padding:0 44px 0 40px}.header:has(.header__search details[open]) .header__search-inline .search-inline__field.field:before{left:14px;width:18px;height:18px}.header:has(.header__search details[open]) .search-inline .predictive-search,.header:has(.header__search details[open]) .search-inline .predictive-search--inline{left:0;right:0;width:100%;min-width:0;top:calc(100% + 6px)}}@keyframes searchMobileSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1300px){.header__search-inline{display:flex;align-items:center;justify-content:flex-end;flex:0 0 115px;width:115px;margin:0 8px 0 6px;position:relative;transition:flex-basis .28s cubic-bezier(.16,1,.3,1),width .28s cubic-bezier(.16,1,.3,1)}.header__search-inline:focus-within{flex:0 0 230px;width:230px}.header .header__search{display:none!important}}.search-inline{display:block;width:100%;position:relative}.search-inline__form{width:100%;margin:0;position:relative}.search-inline__field.field{position:relative;background:#e6eaf20f;border:1px solid rgba(230,234,242,.1);border-radius:999px;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;display:block;width:100%;height:36px;margin:0}.search-inline__field.field:focus-within{border-color:#00d6ff99;background:#e6eaf21a;box-shadow:0 0 0 3px #00d6ff24}.search-inline__field.field:before{content:"";position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 19'%3E%3Cpath fill='%23B7BFCE' fill-rule='evenodd' d='M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;pointer-events:none;z-index:2;opacity:.85}.search-inline__input.field__input.search__input{background:transparent;border:none;color:#e6eaf2;font-family:var(--font-body-family);font-size:1.55rem;font-weight:500;line-height:1.4;height:34px;padding:0 14px 0 32px;width:100%;border-radius:999px;letter-spacing:0;box-shadow:none;outline:none;margin:0}.search-inline__input.field__input.search__input:not(:placeholder-shown){padding-right:40px}.search-inline__input.field__input.search__input::placeholder{color:#e6eaf299!important;opacity:1!important;font-weight:400}.search-inline__input.field__input.search__input::-webkit-input-placeholder{color:#e6eaf299;opacity:1}.search-inline__input.field__input.search__input::-moz-placeholder{color:#e6eaf299;opacity:1}.search-inline__input.field__input.search__input::-webkit-search-decoration,.search-inline__input.field__input.search__input::-webkit-search-cancel-button{-webkit-appearance:none}.search-inline .field__label{display:none!important}.search-inline .reset__button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#e6eaf21f;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,transform .15s ease;padding:0;margin:0;box-shadow:none}.search-inline .reset__button:hover,.search-inline .reset__button:focus-visible{background:#e6eaf238;transform:translateY(-50%) scale(1.06)}.search-inline .reset__button.hidden{display:none!important}.search-inline .reset__button:after{display:none!important}.search-inline .reset__button .svg-wrapper,.search-inline .reset__button .icon,.search-inline .reset__button svg{display:none!important}.search-inline .reset__button:before{content:"";position:absolute;top:50%;left:50%;width:13px;height:13px;background-image:linear-gradient(45deg,transparent 45%,rgb(230,234,242) 45%,rgb(230,234,242) 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgb(230,234,242) 45%,rgb(230,234,242) 55%,transparent 55%);background-size:100% 100%,100% 100%;background-position:center,center;background-repeat:no-repeat,no-repeat;transform:translate(-50%,-50%);pointer-events:none}.search-inline .predictive-search,.search-inline .predictive-search--inline{position:absolute;top:calc(100% + 8px);left:auto;right:0;min-width:380px;max-height:70vh;overflow-y:auto;background:#0e1116;border:1px solid rgba(230,234,242,.12);border-radius:14px;box-shadow:0 16px 48px #00000080;z-index:100;padding:0}.search-inline .predictive-search__loading-state{padding:24px;display:flex;align-items:center;justify-content:center}.search-inline .predictive-search__loading-state .spinner{width:24px;height:24px}.search-inline .predictive-search a,.search-inline .predictive-search button{color:#e6eaf2}.search-inline .predictive-search h2,.search-inline .predictive-search h3{color:#e6eaf2b3}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-search-overlay.css.map */