/* Ons Dorp in-app notification banner. Shown when a push arrives while the app is open. */
.odn-region{position:fixed;left:0;right:0;top:0;z-index:2147482000;display:flex;justify-content:center;padding:calc(env(safe-area-inset-top, 0px) + 10px) 12px 0;pointer-events:none}
.odn{pointer-events:auto;position:relative;width:100%;max-width:520px;background:#FFFFFF;color:#141412;border-radius:20px;overflow:hidden;
  box-shadow:0 14px 34px rgba(70,34,0,.22),0 2px 6px rgba(70,34,0,.12);
  transform:translateY(calc(-100% - 30px));opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s ease}
.odn.odn-in{transform:none;opacity:1}
.odn-main{display:flex;gap:14px;align-items:flex-start;width:100%;margin:0;padding:14px 56px 14px 14px;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}
.odn-icon{flex:none;display:block;width:60px;height:60px;border-radius:16px}
.odn-text{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:3px}
.odn-title{font-size:18px;line-height:1.25;font-weight:700}
.odn-body{font-size:17px;line-height:1.35;color:#4A4A46;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.odn-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 14px 20px 88px}
.odn-btn{min-height:44px;padding:0 20px;border-radius:999px;border:2px solid #F38315;background:#FFFFFF;color:#141412;font:inherit;font-size:17px;font-weight:700;cursor:pointer}
.odn-btn:first-child{background:#F38315}
.odn-btn:hover{background:#FDE6D0}.odn-btn:first-child:hover{background:#F79A3E}
.odn-close{position:absolute;top:6px;right:6px;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:transparent;color:#4A4A46;cursor:pointer;display:flex;align-items:center;justify-content:center}
.odn-close:hover{background:#F6EFE7;color:#141412}
.odn-main:focus-visible,.odn-btn:focus-visible,.odn-close:focus-visible{outline:3px solid #141412;outline-offset:2px}
.odn-main:focus-visible{outline-offset:-4px;border-radius:20px}
.odn-swoop{position:absolute;left:0;bottom:0;display:block;width:100%;height:12px;pointer-events:none}
@media (max-width:380px){.odn-actions{padding-left:14px}}
@media (prefers-reduced-motion:reduce){.odn{transform:none;transition:opacity .2s ease}}