.oln-notice{position:relative;overflow:hidden;border-radius:10px;margin-bottom:1.5rem;background:linear-gradient(-135deg, color-mix(in srgb, var(--tertiary, #3a82f7) 8%, transparent), color-mix(in srgb, var(--tertiary, #3a82f7) 4%, transparent));border:1px solid color-mix(in srgb, var(--tertiary, #3a82f7) 20%, transparent);user-select:none;-webkit-user-select:none;opacity:1;transform:translateY(0) scale(1);transition:opacity .45s ease,transform .45s cubic-bezier(0.22, 1, 0.36, 1)}.oln-notice.oln-hidden{opacity:0;transform:translateY(-8px) scale(0.98)}.oln-notice::before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(-90deg, transparent, color-mix(in srgb, var(--tertiary, #3a82f7) 40%, transparent), transparent);pointer-events:none}.oln-body{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem .7rem}.oln-globe{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb, var(--tertiary, #3a82f7) 14%, transparent);display:flex;align-items:center;justify-content:center;color:var(--tertiary, #3a82f7);margin-top:1px}.oln-globe svg{width:17px;height:17px}.oln-content{display:flex;flex-direction:column;gap:.25rem}.oln-main{font-size:.85rem;line-height:1.4;color:var(--primary-medium, #555);letter-spacing:.01em}.oln-main strong{color:var(--tertiary, #3a82f7);font-weight:600}.oln-disclaimer{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--primary-low-mid, #999);line-height:1.35}.oln-disclaimer svg{width:11px;height:11px;flex-shrink:0;opacity:.7;color:var(--primary-low-mid, #999)}.oln-progress-track{height:2px;background:color-mix(in srgb, var(--tertiary, #3a82f7) 15%, transparent)}.oln-progress-bar{height:100%;width:0%;background:linear-gradient(-90deg, color-mix(in srgb, var(--tertiary, #3a82f7) 50%, transparent), var(--tertiary, #3a82f7));border-radius:2px 0 0 2px}@media(max-width: 480px){.oln-body{padding:.65rem .8rem;gap:.6rem}.oln-globe{width:30px;height:30px}.oln-main{font-size:.82rem}.oln-disclaimer{font-size:.72rem}}[dir=rtl] .oln-notice,:lang(ar) .oln-notice{border-right:none;border-left:3px solid var(--tertiary, #3a82f7);border-radius:0 8px 8px 0;text-align:left}[dir=rtl] .oln-body,:lang(ar) .oln-body{flex-direction:row-reverse}[dir=rtl] .oln-content,:lang(ar) .oln-content{align-items:flex-end}