.welcome-notification-bar{position:relative;top:0;left:0;width:100%;background-color:#F8F7F1;color:var(--primary-color);box-sizing:border-box;overflow-x:hidden}.welcome-notification-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box}.welcome-notification-text{font-size:clamp(.7rem,2vw,.9rem);font-weight:500;text-align:center;flex-grow:1;white-space:nowrap}.welcome-notification-close-btn{background:none;border:none;color:var(--primary-color);font-size:.9rem;cursor:pointer;padding:4px 8px;margin-left:15px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.welcome-notification-close-btn:hover{transform:scale(1.1)}@keyframes scrollText{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@media (max-width:768px){.welcome-notification-text{font-size:clamp(.65rem,1.8vw,.85rem)}.welcome-notification-container{padding:0 15px}}@media (max-width:480px){.welcome-notification-bar{overflow-x:hidden;position:relative}.welcome-notification-text{font-size:clamp(.7rem,1.5vw,.8rem);white-space:nowrap;animation:scrollText 15s linear infinite;position:relative;display:inline-block;width:auto}.welcome-notification-container{display:flex;justify-content:space-between;align-items:center;overflow:hidden;max-width:100%;margin:0 auto;padding:0 15px;border:none;border-radius:6px;box-sizing:border-box;width:100%;position:relative}.welcome-notification-container:after,.welcome-notification-container:before{content:"";position:absolute;top:0;height:100%;width:20px;z-index:5;pointer-events:none}.welcome-notification-container:before{left:0;background:linear-gradient(90deg,#F8F7F1 0,transparent)}.welcome-notification-container:after{right:0;background:linear-gradient(270deg,#F8F7F1 0,transparent)}.welcome-notification-close-btn{display:none}}