/* The domain search block: the field and its gradient sweep, the promo panel and its
   globe, the thinking shimmer, the result grid and the exact-match panel.

   Its own file because the search now appears on two pages served by two different
   framework stylesheets: the app loads /css/slides.min.css and the landing pages load
   /landing/css/slides.min.css, which is a separate copy. Kept in slides.min.css it
   rendered on the app page and not at all on the landing one, where the promo had no
   surface and the globe canvas sat in the flow pushing the copy 360px down.

   Source of record for these rules is public/scss/domain-search.scss. Both pages link
   this file; neither slides.min.css carries them any more. */
#js-domain-search{text-align:center}#js-domain-search::-webkit-input-placeholder{opacity:.32}#js-domain-search::placeholder{opacity:.32}#js-domain-search:focus::-webkit-input-placeholder{opacity:.32}#js-domain-search:focus::placeholder{opacity:.32}.search-mode-btn[data-mode="ai"].is-active .search-mode-label{color:#673AB7}.search-mode-label.is-sweeping{background-image:linear-gradient(90deg,#673AB7 0%,#673AB7 32%,#7C4DFF 46%,#E040FB 60%,#1EA1EC 74%,#7C4DFF 88%,#673AB7 100%);background-size:400% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:aiSweepText 1.4s cubic-bezier(.22,.61,.36,1) 1 forwards,aiSweepTextGlow 1.4s ease-out 1 forwards}@keyframes aiSweepText{from{background-position:100% 50%}to{background-position:0% 50%}}@keyframes aiSweepTextGlow{0%{filter:drop-shadow(0 0 0 rgba(124,77,255,0))}30%{filter:drop-shadow(0 0 7px rgba(124,77,255,.55))}100%{filter:drop-shadow(0 0 0 rgba(124,77,255,0))}}.search-field{position:relative;display:block}.search-field.is-sweeping:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;border-radius:6px;pointer-events:none;animation:aiSweepBloom 1.4s ease-out 1 forwards}@keyframes aiSweepBloom{0%{box-shadow:0 0 0 0 rgba(103,58,183,.45)}65%{box-shadow:0 0 0 12px rgba(103,58,183,0)}100%{box-shadow:0 0 0 12px rgba(103,58,183,0)}}.search-field.is-sweeping:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;border-radius:6px;padding:2px;background-image:linear-gradient(90deg,#673AB7 0%,#673AB7 32%,#7C4DFF 46%,#E040FB 60%,#1EA1EC 74%,#7C4DFF 88%,#673AB7 100%);background-size:400% 100%;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:aiSweepRing 1.4s cubic-bezier(.22,.61,.36,1) 1 forwards,aiSweepRingGlow 1.4s ease-out 1 forwards}@keyframes aiSweepRing{from{background-position:100% 50%}to{background-position:0% 50%}}@keyframes aiSweepRingGlow{0%{filter:drop-shadow(0 0 0 rgba(124,77,255,0))}30%{filter:drop-shadow(0 0 8px rgba(124,77,255,.6))}100%{filter:drop-shadow(0 0 2px rgba(124,77,255,0))}}#js-domain-search.is-ai-mode:focus{border-color:#673AB7;box-shadow:0 0 0 3px rgba(103,58,183,.15)}@media (prefers-reduced-motion:reduce){.search-mode-label.is-sweeping{background-image:none;color:#673AB7;-webkit-text-fill-color:#673AB7;animation:none}.search-field.is-sweeping:before,.search-field.is-sweeping:after{display:none}}.search-promo{position:relative;overflow:hidden;background:linear-gradient(180deg,#F3FAF6 0%,#FFFFFF 100%);border:1px solid #D9EDE2;transition:border-color .45s ease}.search-promo>*{position:relative;z-index:1}.search-promo>.search-globe{position:absolute;top:0;left:0;width:100%;height:360px;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease}.search-promo.is-ai>.search-globe{opacity:1}.search-promo:before{content:"";position:absolute;left:0;right:0;pointer-events:none;opacity:0;transition:opacity .5s ease;top:0;bottom:0;background:linear-gradient(180deg,#F5F2FD 0px,#FFFFFF 320px)}.search-promo.is-ai{border-color:#E3DBF6}.search-promo.is-ai:before{opacity:1}#js-domain-loading{background-image:linear-gradient(90deg,#A6AEBB 0%,#A6AEBB 38%,#4A5261 50%,#A6AEBB 62%,#A6AEBB 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:thinkingShimmer 1.8s linear infinite}#js-domain-loading.is-ai{background-image:linear-gradient(90deg,#A79BD1 0%,#A79BD1 38%,#673AB7 50%,#A79BD1 62%,#A79BD1 100%)}@keyframes thinkingShimmer{from{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-reduced-motion:reduce){#js-domain-loading{background-image:none;color:#78818f;-webkit-text-fill-color:#78818f;animation:none}}.domain-results{}.domain-result{display:grid;grid-template-columns:minmax(0,1fr) 92px 150px 104px;align-items:center;column-gap:16px;padding:14px 18px;border-radius:6px;transition:background .15s}.domain-result:hover{background:#fff}.domain-result-name{display:flex;align-items:center;min-width:0;gap:8px}.domain-result-premium{flex:0 0 auto}.domain-result-status,.domain-result-detail,.domain-result-action{min-width:0}.domain-result-action .button{display:block;width:100%;padding:6px 0 !important;margin:0 !important;font-size:13px !important;line-height:16px;text-align:center;border-width:1px;border-style:solid}.domain-result-action .button:not(.stroke){border-color:transparent}.domain-result-action .button.stroke{border-color:#E4E8ED !important}.domain-result-action .button.stroke:hover{color:#27AE60 !important;border-color:#27AE60 !important}@media (max-width:767.98px){.domain-result{grid-template-columns:minmax(0,1fr) 84px 120px 96px;column-gap:12px;padding:14px 12px}}@media (max-width:575.98px){.domain-result{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"name name" "status detail" "action action";row-gap:10px;column-gap:12px}.search-promo{padding-left:16px !important;padding-right:16px !important}.domain-result-name{grid-area:name}.domain-result-status{grid-area:status}.domain-result-detail{grid-area:detail}.domain-result-action{grid-area:action}}#js-domain-search{padding-left:44px;padding-right:44px}.search-clear{position:absolute;top:50%;right:12px;transform:translateY(-50%);z-index:12;align-items:center;justify-content:center;width:26px;height:26px;padding:0;margin:0;border:0;border-radius:999px;background:transparent;color:#bdbdbd;cursor:pointer;transition:color .15s,background .15s}.search-clear:hover,.search-clear:focus-visible{background:rgba(17,24,39,.06);color:#4A5261}.search-clear svg{display:block;fill:none;stroke:currentColor;stroke-width:2}.domain-exact{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid;animation:domainExactIn .34s cubic-bezier(.2,.8,.3,1) both}.domain-exact-eyebrow{text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.domain-exact-name{font-size:26px;line-height:1.2;letter-spacing:-.02em;margin-bottom:6px;word-break:break-all}.domain-exact-line{margin-bottom:0;text-wrap:pretty}.domain-exact-action{flex:0 0 auto}.domain-exact-action .button{padding:12px 14px;font-size:15px;line-height:16px;letter-spacing:-0.009em !important;border-radius:12px !important}.domain-exact-action .button.stroke{padding:11px 14px;border:1px solid #E4E8ED;color:#333 !important}.domain-exact-action .button.stroke:hover{color:#27AE60 !important;border-color:#27AE60 !important}.domain-exact.is-free{background:linear-gradient(135deg,#EAF8F0 0%,#F7FCF9 55%,#FFFFFF 100%);border-color:#BFE5CE;box-shadow:0 10px 30px rgba(39,174,96,.1)}.domain-exact.is-free .domain-exact-eyebrow{color:#1E8E4E}.domain-exact.is-free .domain-exact-name{color:#17663A}.domain-exact.is-free .domain-exact-line{color:#2F6B4C}.domain-exact.is-taken{background:#FBFBFC;border-color:#E4E8ED}.domain-exact.is-taken .domain-exact-eyebrow{color:#8A94A6}.domain-exact.is-taken .domain-exact-name{color:#333}.domain-exact.is-free:after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.72) 50%,rgba(255,255,255,0) 100%);animation:domainExactShine .9s ease-out .16s both}@keyframes domainExactIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes domainExactShine{from{transform:translateX(-120%)}to{transform:translateX(320%)}}@media (max-width:575.98px){.domain-exact{display:block}.domain-exact-action{margin-top:16px}.domain-exact-name{font-size:22px}}@media (prefers-reduced-motion:reduce){.domain-exact{animation:none}.domain-exact.is-free:after{display:none}}

/* Copied from the app framework, which the landing pages do not load: the promo block
   carries .rounded-max and had square corners on /domains because nothing there
   defined it. Both declarations, in the order the app has them. */
.rounded-max{border-radius:10px !important}.rounded-max{corner-shape:squircle;border-radius:20px !important}

/* The mode tabs, pinned so the same control is the same control on both pages: the two
   framework copies resolve this button's line height to 16px and 21px, which made the tab
   28px in a 34px pill in the app against 33 in 39 on the landing pages. Letter spacing is
   left alone on purpose: the app framework tracks every button at -0.009em with
   !important. And font-feature-settings: the UA styles a button with the `font` shorthand,
   which resets it to normal, so these labels lost the alternate glyphs every other string
   on the page is set with. */
.search-mode-btn{line-height:1.5;font-feature-settings:inherit}

/* Two more copied from the app framework, which the landing pages do not load, so the
   search block reads the same on both: the hint under the field was set at the ambient
   18px and in the heading's colour on /domains, against 12px grey in the app. Nothing
   else on a landing page carries either class. */
.slides-form .sublabel{font-size:12px;line-height:15px;margin-top:7px}.text-blueGray{color:#828282 !important}