.top-notification{width:100%;position:relative;z-index:60;box-shadow:0 4px 12px -2px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.04);animation:notification-spring-down .5s cubic-bezier(.175,.885,.32,1.275);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}@keyframes notification-spring-down{0%{opacity:0;transform:translateY(-100%)}60%{opacity:1;transform:translateY(8px)}80%{transform:translateY(-3px)}to{opacity:1;transform:none}}.top-notification--conflict{background-color:#fef9c3;border-bottom:1px solid #fef08a;color:#713f12}.top-notification--prompt{background:linear-gradient(135deg,#1866d3,#124ea3);border-bottom:1px solid #0e3d80;color:#fff}.top-notification__container{max-width:1280px;margin:0 auto;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.875rem}@media (min-width:768px){.top-notification__container{flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem}}.top-notification__main{display:flex;align-items:flex-start;gap:.75rem;flex:1 1}@media (min-width:768px){.top-notification__main{align-items:center}}.top-notification__icon-wrap{display:flex;width:2.25rem;height:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background-color:#fef08a;color:#a16207}.top-notification--prompt .top-notification__icon-wrap{background-color:hsla(0,0%,100%,.2);color:#fff}.top-notification__content{display:flex;flex-direction:column;gap:.25rem}.top-notification__title{font-size:.9375rem;font-weight:700;line-height:1.3;color:#451a03;margin:0}.top-notification--prompt .top-notification__title{color:#fff;font-size:1rem}.top-notification__message{font-size:.8125rem;font-weight:500;line-height:1.4;color:#78350f;margin:0}.top-notification--prompt .top-notification__message{color:hsla(0,0%,100%,.9)}.top-notification__actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;align-self:stretch}@media (min-width:768px){.top-notification__actions{align-self:center;width:auto}}.top-notification__city-picker-wrap{display:flex;align-items:center;gap:.5rem;width:100%}@media (min-width:768px){.top-notification__city-picker-wrap{width:auto;min-width:180px}}.top-notification__dismiss-btn{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;border-radius:9999px;background:transparent;border:none;color:hsla(0,0%,100%,.8);cursor:pointer;transition:background-color .15s ease,color .15s ease}.top-notification__dismiss-btn:hover{background-color:hsla(0,0%,100%,.15);color:#fff}