.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;padding:1rem}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:1.5rem;border-radius:1rem;position:relative;width:100%;max-width:24rem;animation:modal-appear .3s ease-out}@keyframes modal-appear{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.timer-digit{text-align:center;width:100%;display:flex;justify-content:center}@keyframes jingle{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.jingle-bell{animation:jingle .5s ease-in-out infinite}.scroll-container{width:90%;overflow:hidden;margin-top:.75rem;position:relative;padding-bottom:1rem}.scroll-wrapper{display:flex;width:-moz-fit-content;width:fit-content;animation:scroll 60s linear infinite;gap:1rem}.scroll-wrapper:hover{animation-play-state:paused}.domain-item{display:flex;flex-direction:column;align-items:center;width:80px;flex-shrink:0}.domain-icon{width:2.5rem;height:2.5rem;margin-bottom:.5rem;border-radius:.5rem;background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:center}.domain-icon img{width:1.75rem;height:1.75rem}.domain-name{font-size:.75rem;color:#4b5563;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.error-message{display:none;background-color:#fee2e2;border:1px solid #fca5a5;color:#dc2626;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;animation:fadeIn .3s ease-in-out}.error-message.animate-fadeIn{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}