html{scrollbar-gutter:stable}body:has(.header__search details[open]){overflow-y:scroll!important;padding-right:0!important}.header{position:relative!important}.header:has(.header__search details[open])>*:not(.header__icons){opacity:0!important;visibility:hidden!important;pointer-events:none!important}.header:has(.header__search details[open]) .header__icons>*:not(.header__search){display:inline-flex!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.header:has(.header__search details[open]) .header__icons{position:static!important;display:flex!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important}.header:has(.header__search details[open]) .header__search,.header:has(.header__search details[open]) .header__search details{position:static!important;display:block!important;margin:0!important;padding:0!important}.header:has(.header__search details[open]) .header__search summary.header__icon,.header:has(.header__search details[open]) .header__icon--search{display:grid!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.header:has(.header__search details[open]) .search-modal{position:absolute!important;top:50%!important;left:50%!important;z-index:80!important;display:block!important;width:min(calc(100% - 120px),920px)!important;height:52px!important;min-height:52px!important;transform:translate3d(-50%,-50%,0)!important;opacity:1!important;visibility:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;animation:none!important;transition:none!important;backface-visibility:hidden}.header:has(.header__search details[open]) .modal-overlay{display:none!important}.header:has(.header__search details[open]) .search-modal__content{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:none!important;height:52px!important;padding:0!important;margin:0!important;background:transparent!important;transform:none!important;animation:none!important;transition:none!important}.header:has(.header__search details[open]) .search-modal__form,.header:has(.header__search details[open]) predictive-search,.header:has(.header__search details[open]) search-form{width:100%!important;max-width:none!important}.header:has(.header__search details[open]) .search-modal .field{position:relative!important;height:48px!important;min-height:48px!important;background:radial-gradient(circle at 14% 0%,rgba(92,130,255,.13),transparent 42%),radial-gradient(circle at 88% 20%,rgba(25,61,132,.18),transparent 44%),linear-gradient(135deg,#ffffff13,#ffffff06),#030814b8!important;border:1px solid rgba(190,215,255,.22)!important;border-radius:999px!important;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #ffffff09,0 10px 28px #00000038,0 0 22px #2d69d214!important;overflow:hidden!important;animation:none!important;transition:none!important}.header:has(.header__search details[open]) .search-modal .field:before,.header:has(.header__search details[open]) .search-modal .field:after{display:none!important;content:none!important}.header:has(.header__search details[open]) .search-modal .field__label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.header:has(.header__search details[open]) .search__input::-webkit-search-cancel-button,.header:has(.header__search details[open]) .search__input::-webkit-search-decoration,.header:has(.header__search details[open]) .search__input::-webkit-search-results-button,.header:has(.header__search details[open]) .search__input::-webkit-search-results-decoration{-webkit-appearance:none!important;appearance:none!important;display:none!important}.header:has(.header__search details[open]) .search__input,.header:has(.header__search details[open]) .search-modal .field__input{height:48px!important;min-height:48px!important;padding:0 92px 0 22px!important;color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;font-size:1.55rem!important;line-height:48px!important;animation:none!important;transition:none!important}.header:has(.header__search details[open]) .search__input::placeholder,.header:has(.header__search details[open]) .search-modal .field__input::placeholder{color:#cddcf5b8!important;opacity:1!important}.header:has(.header__search details[open]) .search-modal .search__button.field__button{position:absolute!important;top:50%!important;right:8px!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;margin:0!important;color:#ebf2ffdb!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:translateY(-50%)!important}.header:has(.header__search details[open]) .search-modal .reset__button.field__button{position:absolute!important;top:50%!important;right:48px!important;z-index:4!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;margin:0!important;color:#ebf2ffc7!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:translateY(-50%)!important}.header:has(.header__search details[open]) .search-modal .reset__button .svg-wrapper,.header:has(.header__search details[open]) .search-modal .reset__button svg{display:none!important}.header:has(.header__search details[open]) .search-modal .reset__button:before{content:"\d7"!important;display:block!important;color:currentColor!important;font-size:22px!important;line-height:1!important;font-weight:300!important;transform:translateY(-1px)}.header:has(.header__search details[open]) .search-modal .reset__button:after{display:none!important;content:none!important}.header:has(.header__search details[open]) .search-modal .reset__button.hidden{display:none!important}.header:has(.header__search details[open]) .search-modal__close-button{position:static!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;margin:0!important;color:#ebf2ffd1!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}.header:has(.header__search details[open]) .search-modal__close-button:before,.header:has(.header__search details[open]) .search-modal__close-button:after{display:none!important;content:none!important}.header:has(.header__search details[open]) .search-modal__close-button svg{display:block!important;width:22px!important;height:22px!important;color:currentColor!important;fill:currentColor!important;transform:none!important}@media(hover:hover){.header:has(.header__search details[open]) .search-modal .reset__button.field__button:hover,.header:has(.header__search details[open]) .search-modal__close-button:hover{color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important}}.header:has(.header__search details[open]) .predictive-search,.header:has(.header__search details[open]) #predictive-search-results{background:radial-gradient(circle at 18% 0%,rgba(70,120,200,.12),transparent 46%),radial-gradient(circle at 86% 18%,rgba(32,61,137,.16),transparent 42%),linear-gradient(180deg,#030b1e,#020713 58%,#01040a)!important;border:1px solid rgba(96,128,190,.24)!important;border-radius:14px!important;box-shadow:inset 0 1px #ffffff0d,0 18px 38px #00000057!important;overflow:hidden!important}@media screen and (max-width:749px){.header:has(.header__search details[open]) .search-modal{width:calc(100% - 32px)!important;height:48px!important;min-height:48px!important}.header:has(.header__search details[open]) .search-modal__content{grid-template-columns:minmax(0,1fr) 30px!important;gap:8px!important;height:48px!important}.header:has(.header__search details[open]) .search-modal .field,.header:has(.header__search details[open]) .search__input,.header:has(.header__search details[open]) .search-modal .field__input,.header:has(.header__search details[open]) .search-modal .field__button{height:44px!important;min-height:44px!important}.header:has(.header__search details[open]) .search__input,.header:has(.header__search details[open]) .search-modal .field__input{padding-left:18px!important;padding-right:84px!important;font-size:16px!important;line-height:44px!important}.header:has(.header__search details[open]) .search-modal .reset__button.field__button{right:42px!important}.header:has(.header__search details[open]) .search-modal .search__button.field__button{right:4px!important}.header:has(.header__search details[open]) .search-modal__close-button{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}}@media screen and (max-width:749px){.header:has(.header__search details[open]) .predictive-search{max-height:calc(100dvh - var(--header-height, 112px) - 18px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.header:has(.header__search details[open]) #predictive-search-results{max-height:none!important;overflow:visible!important}.header:has(.header__search details[open]) .predictive-search__results-groups-wrapper{max-height:none!important;overflow:visible!important}.header:has(.header__search details[open]) .predictive-search::-webkit-scrollbar{width:6px}.header:has(.header__search details[open]) .predictive-search::-webkit-scrollbar-track{background:#ffffff0a}.header:has(.header__search details[open]) .predictive-search::-webkit-scrollbar-thumb{background:#b4cdff3d;border-radius:999px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cn-header-search.css.map */