/* NameSpear acquisition modal */
.ns-offer-overlay{
  padding:24px!important;
  background:rgba(2,7,18,.88)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
  animation:nsOfferBackdropIn .28s ease both!important;
}
#root .ns-offer-overlay.fixed.inset-0>.ns-offer-modal.relative,
body>.ns-offer-overlay.fixed.inset-0>.ns-offer-modal.relative{
  display:grid!important;
  grid-template-columns:330px minmax(0,1fr)!important;
  width:min(920px,calc(100vw - 48px))!important;
  max-width:920px!important;
  max-height:min(760px,calc(100dvh - 48px))!important;
  overflow:hidden!important;
  color:#111a2e!important;
  background:#f3f0e8!important;
  border:1px solid rgba(17,26,46,.18)!important;
  border-radius:8px!important;
  box-shadow:0 34px 100px rgba(0,0,0,.42)!important;
  transform-origin:center!important;
  animation:nsOfferModalIn .46s cubic-bezier(.2,.8,.2,1) both!important;
}
@property --ns-offer-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.ns-offer-modal::before{
  content:"";
  position:absolute;
  z-index:50;
  inset:-2px;
  padding:2px;
  pointer-events:none;
  border-radius:10px;
  background:conic-gradient(from var(--ns-offer-border-angle),rgba(213,138,5,.18) 0 18%,#ffe35e 24%,#efb419 30%,rgba(213,138,5,.16) 38% 72%,#ffe35e 80%,#a86f00 88%,rgba(213,138,5,.18) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  animation:nsOfferBorderRun 3.2s linear infinite;
}
.ns-offer-modal__summary{
  flex:0 0 330px!important;
  width:330px!important;
  max-width:330px!important;
  min-width:0!important;
  padding:0!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(248,191,32,.18),transparent 35%),
    linear-gradient(145deg,#faf8f2 0%,#f0ece2 72%,#ebe5d8 100%)!important;
  border-right:1px solid rgba(17,26,46,.14)!important;
  border-bottom:0!important;
}
.ns-offer-modal__summary::after{
  content:"PRIVATE ACQUISITION";
  position:absolute;
  right:24px;
  bottom:20px;
  color:rgba(167,104,0,.58);
  font-size:8px;
  font-weight:850;
  letter-spacing:.18em;
}
.ns-offer-modal__summary>div.relative{padding:34px 28px 68px!important}
.ns-offer-modal__summary h1,
.ns-offer-modal__summary h2{
  color:#111a2e!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:var(--ns-popup-domain-size,clamp(30px,3vw,42px))!important;
  font-weight:650!important;
  letter-spacing:-.045em!important;
  line-height:1.02!important;
}
.ns-offer-modal__summary [data-ns-popup-domain-title]{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
.ns-offer-modal__summary p{color:#5e6877!important}
.ns-offer-modal__summary p,
.ns-offer-modal__summary span,
.ns-offer-modal__summary small,
.ns-offer-modal__summary strong,
.ns-offer-modal__summary [class*="text-gray"],
.ns-offer-modal__summary [class*="text-slate"]{
  opacity:1!important;
}
.ns-offer-modal__summary [class*="text-gray"],
.ns-offer-modal__summary [class*="text-slate"]{color:#566174!important}
.ns-offer-modal__summary [class*="text-purple"],
.ns-offer-modal__summary [class*="text-violet"]{color:#7051a8!important}
.ns-offer-modal__summary [class*="rounded-full"]{
  color:#263247!important;
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(17,26,46,.13)!important;
  box-shadow:none!important;
  transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease!important;
}
.ns-offer-modal__summary [class*="rounded-full"]:hover{
  color:#111a2e!important;
  background:#fffaf0!important;
  border-color:rgba(190,126,0,.42)!important;
  transform:translateY(-2px);
}
.ns-offer-modal__summary .absolute.rounded-full.pointer-events-none{
  animation:nsOfferAmbient 7s ease-in-out infinite alternate!important;
}
.ns-offer-modal__summary .absolute.rounded-full.pointer-events-none:nth-of-type(even){animation-delay:-2.8s!important}
.ns-offer-modal__summary [class*="rounded-xl"]{
  color:#374255!important;
  background:rgba(255,255,255,.5)!important;
  border-color:rgba(190,126,0,.24)!important;
}
.ns-offer-modal__summary [class~="w-6"][class~="h-6"]{
  color:#111827!important;
  background:linear-gradient(135deg,#d58a05,#f6c52f)!important;
  box-shadow:none!important;
}
.ns-offer-modal__close{
  top:16px!important;
  right:16px!important;
  width:38px!important;
  height:38px!important;
  color:#394457!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(17,26,46,.16)!important;
  border-radius:50%!important;
}
.ns-offer-modal__close:hover{color:#111827!important;background:#f2bd25!important;border-color:#f2bd25!important}
.ns-offer-modal__close:hover{transform:rotate(90deg) scale(1.04)!important}
.ns-offer-modal__form-panel{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#f8f5ed 0%,#eee9df 100%)!important;
}
.ns-offer-modal__form-panel>div:first-child{background:rgba(17,26,46,.055)!important}
.ns-offer-modal__form{
  padding:30px 32px 28px!important;
  row-gap:17px!important;
}
.ns-offer-modal__form label{
  color:#596477!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
.ns-offer-modal__field{
  min-height:46px!important;
  padding-right:14px!important;
  padding-left:14px!important;
  color:#111a2e!important;
  background:#fffdf8!important;
  border:1px solid rgba(17,26,46,.16)!important;
  border-radius:5px!important;
  box-shadow:none!important;
  outline:none!important;
}
.ns-offer-modal__field::placeholder{color:#687386!important;opacity:1!important}
.ns-offer-modal__field{opacity:1!important}
.ns-offer-modal__form-panel span,
.ns-offer-modal__form-panel small,
.ns-offer-modal__form-panel [class*="text-gray"],
.ns-offer-modal__form-panel [class*="text-slate"]{opacity:1!important}
.ns-offer-modal__form-panel [class*="text-gray"],
.ns-offer-modal__form-panel [class*="text-slate"]{color:#596477!important}
.ns-offer-modal__form-panel [class*="text-purple"],
.ns-offer-modal__form-panel [class*="text-violet"]{color:#67439f!important;opacity:1!important}
.ns-offer-modal__field:hover{border-color:rgba(242,189,37,.3)!important}
.ns-offer-modal__field:focus{
  background:#fff!important;
  border-color:#e8ad17!important;
  box-shadow:0 0 0 3px rgba(232,173,23,.13)!important;
}
.ns-offer-modal__form input[type="number"]{padding-left:30px!important}
.ns-offer-modal__form textarea{min-height:82px!important;line-height:1.55!important}
.ns-offer-modal__submit{
  position:relative!important;
  overflow:hidden!important;
  min-height:52px!important;
  margin-top:4px!important;
  color:#101827!important;
  background:linear-gradient(100deg,#d58a05 0%,#f2bd25 52%,#ffe35e 100%)!important;
  border:1px solid #f3c22d!important;
  border-radius:5px!important;
  box-shadow:0 12px 30px rgba(213,138,5,.2)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
}
.ns-offer-modal__submit::before{
  content:"";
  position:absolute;
  top:-40%;
  bottom:-40%;
  left:-45%;
  width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-18deg);
  animation:nsOfferButtonSweep 3.2s ease-in-out infinite;
}
.ns-offer-modal__submit>*{position:relative;z-index:1}
.ns-offer-modal__submit:hover{filter:brightness(1.06)!important;transform:translateY(-2px)!important}
.ns-offer-modal__submit:focus-visible{outline:3px solid rgba(255,227,94,.35)!important;outline-offset:3px!important}
.ns-offer-modal.is-submitting{animation:nsOfferSubmitConfirm 1.05s cubic-bezier(.2,.72,.2,1) both!important}
.ns-offer-modal.is-submitting::before{animation:nsOfferBorderRun .7s linear infinite!important}
.ns-offer-modal.is-submitting .ns-offer-modal__submit{filter:brightness(1.18)!important}
.ns-offer-modal__form-panel>.md\:hidden:last-child{
  color:#687386!important;
  background:#eee9df!important;
  border-color:rgba(17,26,46,.1)!important;
}

@media(max-width:767px){
  .ns-offer-overlay{align-items:flex-end!important;padding:10px!important}
  #root .ns-offer-overlay.fixed.inset-0>.ns-offer-modal.relative,
  body>.ns-offer-overlay.fixed.inset-0>.ns-offer-modal.relative{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:8px 8px 4px 4px!important;
  }
  .ns-offer-modal__summary{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    max-height:210px!important;
    overflow:hidden!important;
    border-right:0!important;
    border-bottom:1px solid rgba(17,26,46,.12)!important;
  }
  .ns-offer-modal__summary>div.relative{padding:26px 20px 22px!important}
  .ns-offer-modal__summary::after{display:none}
  .ns-offer-modal__summary h1,.ns-offer-modal__summary h2{font-size:var(--ns-popup-domain-size,30px)!important}
  .ns-offer-modal__summary [class*="flex-wrap"]{margin-bottom:0!important}
  .ns-offer-modal__summary [class*="items-start"]{display:none!important}
  .ns-offer-modal__form-panel{flex:1!important;min-height:0!important}
  .ns-offer-modal__form{padding:20px!important;row-gap:14px!important}
  .ns-offer-modal__form .grid-cols-2{grid-template-columns:1fr!important}
  .ns-offer-modal__close{top:12px!important;right:12px!important}
}
@media(max-width:390px){
  .ns-offer-modal__summary{max-height:174px!important}
  .ns-offer-modal__summary>div.relative{padding:23px 16px 18px!important}
  .ns-offer-modal__summary h1,.ns-offer-modal__summary h2{font-size:var(--ns-popup-domain-size,26px)!important}
  .ns-offer-modal__form{padding:16px!important}
  .ns-offer-modal__field{min-height:44px!important}
}
@keyframes nsOfferBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes nsOfferModalIn{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes nsOfferGoldFlow{0%{background-position:100% 0}100%{background-position:-120% 0}}
@keyframes nsOfferBorderRun{to{--ns-offer-border-angle:360deg}}
@keyframes nsOfferSubmitConfirm{0%{border-color:rgba(239,180,25,.35);box-shadow:0 34px 100px rgba(0,0,0,.42)}42%{border-color:#ffe15a;box-shadow:0 0 0 1px rgba(255,225,90,.92),0 0 34px rgba(239,180,25,.5),0 34px 100px rgba(0,0,0,.36)}100%{border-color:#efb419;box-shadow:0 0 0 1px rgba(239,180,25,.5),0 0 12px rgba(239,180,25,.2),0 34px 100px rgba(0,0,0,.4)}}
@keyframes nsOfferAmbient{from{transform:translate3d(-8px,-5px,0) scale(.94);opacity:.55}to{transform:translate3d(12px,9px,0) scale(1.08);opacity:.9}}
@keyframes nsOfferButtonSweep{0%,58%{left:-45%;opacity:0}68%{opacity:.75}82%,100%{left:120%;opacity:0}}
@media(prefers-reduced-motion:reduce){
  .ns-offer-overlay,.ns-offer-modal,.ns-offer-modal::before,.ns-offer-modal__submit,.ns-offer-modal__submit::before,.ns-offer-modal__close,.ns-offer-modal__summary .absolute.rounded-full.pointer-events-none{animation:none!important;transition:none!important}
  .ns-offer-modal.is-submitting{border-color:#ffe15a!important}
}
