html body .dt-srch.is-top{--dt-w: 1180px}html body .dt-srch.is-top .dt-ov__panel{max-height: min(820px, calc(100dvh - 24px))}html body .dt-srch__bar{position: relative;z-index: 3;display: flex;flex: none;align-items: center;gap: 12px;padding: 18px 18px 14px 18px}html body .dt-srch.is-sheet .dt-srch__bar{padding: 0 14px 12px}html body .dt-srch__form{position: relative;display: flex;flex: 1;align-items: center;gap: 12px;min-width: 0;height: 64px;margin: 0;padding: 0 10px 0 22px;border-radius: 999px;background: #fff;box-shadow: inset 0 0 0 1px var(--line-2), 0 1px 2px rgba(10, 10, 10, 0.03), 0 16px 40px -26px rgba(10, 10, 10, 0.35);transition: box-shadow 0.3s var(--ease)}html body .dt-srch__form:focus-within{box-shadow: inset 0 0 0 1.5px var(--ink), 0 0 0 5px rgba(10, 10, 10, 0.06), 0 16px 40px -26px rgba(10, 10, 10, 0.35)}html body .dt-srch.is-sheet .dt-srch__form{height: 54px;padding-left: 18px}html body .dt-ui .dt-srch__glass{width: 22px;height: 22px;color: var(--muted)}html body .dt-ui input.dt-srch__input{flex: 1;min-width: 0;height: 100%;margin: 0;padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;box-shadow: none !important;color: var(--ink) !important;font: 500 19px/1 var(--body) !important;letter-spacing: -0.015em;outline: none !important;-webkit-appearance: none;appearance: none}html body .dt-ui.dt-srch input.dt-srch__input:focus-visible{outline: none !important}html body .dt-srch.is-sheet input.dt-srch__input{font-size: 17px !important}html body .dt-ui input.dt-srch__input::placeholder{color: var(--soft);opacity: 1}html body .dt-ui input.dt-srch__input::-webkit-search-cancel-button, html body .dt-ui input.dt-srch__input::-webkit-search-decoration{display: none;-webkit-appearance: none}html body .dt-ui .dt-srch__clear{display: grid;flex: none;place-items: center;width: 40px;height: 40px;border-radius: 50%;background: rgba(10, 10, 10, 0.06);color: var(--ink);transition: background 0.2s, transform 0.4s var(--spring);animation: dt-srch-pop 0.4s var(--spring) both}html body .dt-ui .dt-srch__clear:hover{background: rgba(10, 10, 10, 0.1)}html body .dt-ui .dt-srch__clear[hidden]{display: none}html body .dt-ui .dt-srch__clear .dt-i{width: 16px;height: 16px}@keyframes dt-srch-pop{from{opacity: 0;transform: scale(0.6)}}html body .dt-srch__kbd{display: grid;flex: none;place-items: center;min-width: 34px;height: 30px;margin-right: 6px;padding: 0 9px;border-radius: 9px;background: rgba(10, 10, 10, 0.05);box-shadow: inset 0 -1px 0 rgba(10, 10, 10, 0.1);color: var(--muted);font: 600 12px/1 var(--body)}html body .dt-srch.has-query .dt-srch__kbd, html body .dt-srch.is-sheet .dt-srch__kbd{display: none}html body .dt-ui .dt-srch__cancel{display: none;flex: none;padding: 10px 4px;color: var(--ink);font: 600 15px/1 var(--body)}html body .dt-srch.is-sheet .dt-srch__cancel{display: block}html body .dt-srch.is-sheet .dt-srch__x{display: none}html body .dt-srch__body{padding: 10px 30px 30px}html body .dt-srch.is-sheet .dt-srch__body{padding: 8px 18px calc(28px + env(safe-area-inset-bottom, 0px))}html body .dt-srch__idle[hidden], html body .dt-srch__results[hidden]{display: none !important}html body .dt-srch__cols{display: grid;grid-template-columns: 280px minmax(0, 1fr);gap: 40px}html body .dt-srch.is-sheet .dt-srch__cols{grid-template-columns: minmax(0, 1fr);gap: 6px}html body .dt-srch__side{padding-right: 32px;border-right: 1px solid var(--line)}html body .dt-srch.is-sheet .dt-srch__side{padding: 0;border: 0}html body .dt-srch__sec{margin: 0 0 28px}html body .dt-srch.is-sheet .dt-srch__sec{margin-bottom: 24px}html body .dt-srch__sec .dt-eyebrow{margin-bottom: 12px}html body .dt-srch__list li{position: relative;transition: opacity 0.25s var(--ease), transform 0.25s var(--ease)}html body .dt-srch__list li.is-leaving{opacity: 0;transform: translateX(-12px)}html body .dt-srch.is-open .dt-srch__list--trend li{animation: dt-srch-in 0.5s var(--ease) var(--d, 0s) both}html body .dt-ui .dt-srch__row{display: flex;align-items: center;gap: 12px;min-height: 44px;padding: 6px 40px 6px 10px;border-radius: 14px;color: var(--ink-2);font: 500 15px/1.3 var(--body);transition: background 0.2s var(--ease), color 0.2s var(--ease)}html body .dt-srch__list--trend .dt-srch__row{padding-right: 10px}html body .dt-ui .dt-srch__row:hover, html body .dt-ui .dt-srch__row.is-active{background: rgba(255, 255, 255, 0.9);box-shadow: inset 0 0 0 1px var(--line);color: var(--ink)}html body .dt-srch__row .dt-i{width: 17px;height: 17px;color: var(--soft)}html body .dt-srch__row span{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}html body .dt-srch__row b{display: grid;flex: none;place-items: center;width: 24px;height: 24px;border-radius: 8px;background: rgba(10, 10, 10, 0.05);color: var(--muted);font: 700 12px/1 var(--display)}html body .dt-srch__list--trend li:nth-child(-n + 3) .dt-srch__row b{background: var(--sky);color: var(--green-deep)}html body .dt-ui .dt-srch__go{opacity: 0;transform: translateX(-6px);transition: opacity 0.2s, transform 0.3s var(--ease)}html body .dt-srch__row:hover .dt-srch__go, html body .dt-srch__row.is-active .dt-srch__go{opacity: 1;transform: none}html body .dt-ui .dt-srch__rm{position: absolute;top: 50%;right: 6px;display: grid;place-items: center;width: 30px;height: 30px;margin-top: -15px;border-radius: 50%;color: var(--soft);transition: background 0.2s, color 0.2s}html body .dt-ui .dt-srch__rm:hover{background: var(--stone);color: var(--ink)}html body .dt-srch__rm .dt-i{width: 14px;height: 14px}html body .dt-srch__chips{display: flex;flex-wrap: wrap;gap: 8px}html body .dt-srch__brands{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 10px}html body .dt-srch.is-sheet .dt-srch__brands{display: flex;overflow-x: auto;margin: 0 -18px;padding: 4px 18px 8px;scrollbar-width: none}html body .dt-srch.is-sheet .dt-srch__brands::-webkit-scrollbar{display: none}html body .dt-ui .dt-srch__brand{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 14px 8px 12px;border-radius: 20px;background: rgba(255, 255, 255, 0.7);box-shadow: inset 0 0 0 1px var(--line), 0 8px 20px -16px rgba(10, 10, 10, 0.3);transition: transform 0.45s var(--spring), background 0.2s, box-shadow 0.2s}html body .dt-srch.is-open .dt-srch__brand{animation: dt-srch-in 0.5s var(--ease) var(--d, 0s) both}html body .dt-srch.is-sheet .dt-srch__brand{flex: none;width: 86px;padding: 12px 6px 10px}html body .dt-ui .dt-srch__brand:hover, html body .dt-ui .dt-srch__brand.is-active{background: #fff;box-shadow: inset 0 0 0 1px var(--line-2), 0 14px 30px -18px rgba(10, 10, 10, 0.35);transform: translateY(-3px)}html body .dt-ui .dt-srch__brand .dt-logo{width: 72px;height: 44px;border-radius: 0;box-shadow: none;background: transparent;font-size: 20px}html body .dt-ui .dt-srch__brand .dt-logo img{width: 100%;height: 100%}html body .dt-srch__brand-name{overflow: hidden;max-width: 100%;color: var(--ink-2);font: 600 12.5px/1.2 var(--body);text-overflow: ellipsis;white-space: nowrap}html body .dt-srch__grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 18px}html body .dt-srch.is-open .dt-srch__grid .dt-card{animation: dt-srch-in 0.55s var(--ease) var(--d, 0s) both}html body .dt-srch__grid.is-stale{opacity: 0.45;transition: opacity 0.2s}html body .dt-ui .dt-srch__grid .dt-card{padding: 8px;border-radius: 24px;transition: background 0.25s var(--ease), box-shadow 0.25s var(--ease)}html body .dt-ui .dt-srch__grid .dt-card:hover, html body .dt-ui .dt-srch__grid .dt-card.is-active{background: #fff;box-shadow: inset 0 0 0 1px var(--line), 0 18px 40px -26px rgba(10, 10, 10, 0.35)}html body .dt-srch__grid .dt-card mark, html body .dt-srch__s mark{background: rgba(var(--dt-p-4cd964-rgb, 76, 217, 100), 0.22);color: inherit;border-radius: 4px;padding: 0 1px}html body .dt-srch.is-sheet .dt-srch__grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px}html body .dt-srch.is-sheet .dt-srch__grid--results{grid-template-columns: minmax(0, 1fr);gap: 4px}html body .dt-srch.is-sheet .dt-srch__grid--results .dt-card{flex-direction: row;align-items: center;gap: 14px;padding: 6px;border-radius: 20px}html body .dt-srch.is-sheet .dt-srch__grid--results .dt-card__media{flex: none;width: 76px;height: 76px;border-radius: 16px}html body .dt-srch.is-sheet .dt-card--skel .dt-skel:not(.dt-card__media){display: none}html body .dt-srch__sugg{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px}html body .dt-srch.is-sheet .dt-srch__sugg{grid-template-columns: minmax(0, 1fr);gap: 2px}html body .dt-ui .dt-srch__s{display: flex;align-items: center;gap: 12px;min-width: 0;padding: 8px 14px 8px 8px;border-radius: 18px;background: rgba(255, 255, 255, 0.7);box-shadow: inset 0 0 0 1px var(--line);color: var(--ink);animation: dt-srch-in 0.4s var(--ease) both;transition: background 0.2s, box-shadow 0.2s, transform 0.4s var(--spring)}html body .dt-srch.is-sheet .dt-srch__s{background: transparent;box-shadow: none}html body .dt-ui .dt-srch__s:hover, html body .dt-ui .dt-srch__s.is-active{background: #fff;box-shadow: inset 0 0 0 1px var(--line-2), 0 12px 26px -18px rgba(10, 10, 10, 0.35)}html body .dt-ui .dt-logo--sm{width: 40px;height: 40px;border-radius: 12px}html body .dt-srch__sugg-ic{display: grid;flex: none;place-items: center;width: 40px;height: 40px;border-radius: 12px;background: var(--stone);color: var(--muted)}html body .dt-srch__sugg-ic .dt-i{width: 18px;height: 18px}html body .dt-srch__s-text{display: flex;flex: 1;flex-direction: column;gap: 1px;min-width: 0}html body .dt-srch__s-name{overflow: hidden;font: 600 14.5px/1.25 var(--display);letter-spacing: -0.01em;text-overflow: ellipsis;white-space: nowrap}html body .dt-srch__s-text small{color: var(--muted);font: 500 12px/1.2 var(--body)}html body .dt-srch__s em{flex: none;color: var(--soft);font: 600 12px/1 var(--body);font-style: normal}html body .dt-srch__count{margin-left: auto;color: var(--muted);letter-spacing: 0.02em;text-transform: none}html body .dt-srch__empty{padding: 26px 20px 10px;text-align: center}html body .dt-srch__empty-art{display: grid;place-items: center;width: 64px;height: 64px;margin: 0 auto 16px;border-radius: 20px;background: var(--glass-bg);box-shadow: var(--glass-shadow);color: var(--muted);animation: dt-srch-wobble 1.6s var(--ease) both}html body .dt-srch__empty-art .dt-i{width: 26px;height: 26px}html body .dt-srch__empty h4{margin: 0 0 6px;font: 800 22px/1.15 var(--display);letter-spacing: -0.035em}html body .dt-srch__empty p{max-width: 420px;margin: 0 auto 18px;color: var(--muted);font: 500 14.5px/1.5 var(--body)}html body .dt-srch__empty .dt-srch__chips{justify-content: center}html body .dt-srch__all{display: flex;justify-content: center;padding-top: 4px}html body .dt-srch.is-sheet .dt-srch__all{position: sticky;bottom: 0;padding-top: 12px;background: linear-gradient(transparent, var(--paper) 40%)}html body .dt-srch.is-sheet .dt-srch__all .dt-pill{width: 100%}@keyframes dt-srch-in{from{opacity: 0;transform: translate3d(0, 10px, 0)}}@keyframes dt-srch-wobble{0%{opacity: 0;transform: scale(0.7) rotate(-8deg)}45%{opacity: 1;transform: scale(1.05) rotate(4deg)}70%{transform: rotate(-2deg)}}@media (min-width: 768px) and (max-width: 1099px){html body .dt-srch__cols{grid-template-columns: 220px minmax(0, 1fr);gap: 26px}html body .dt-srch__side{padding-right: 22px}html body .dt-srch__brands{grid-template-columns: repeat(4, minmax(0, 1fr))}html body .dt-srch__grid{grid-template-columns: repeat(3, minmax(0, 1fr))}html body .dt-srch__idle .dt-srch__grid > :nth-child(n + 4){display: none}html body .dt-srch__sugg{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (prefers-reduced-motion: reduce){html body .dt-srch *{animation: none !important}}