.gnl-product-notice{--gnl-notice-width: 360px;--gnl-notice-image-size: 72px;--gnl-notice-background: #fff;--gnl-notice-border-color: #1a2a8c;--gnl-notice-border-width: 2px;--gnl-notice-radius: 18px;--gnl-notice-intro-color: #6b7280;--gnl-notice-name-color: #111827;--gnl-notice-button-from: #3b6ff5;--gnl-notice-button-to: #6a5cf0;--gnl-notice-button-color: #fff;--gnl-notice-intro-size: 13px;--gnl-notice-name-size: 14px;--gnl-notice-button-size: 13px;--gnl-notice-scale: 1;position:fixed;z-index:1030;width:var(--gnl-notice-width);max-width:100vw;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;font:inherit;text-align:left;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(8px);scale:var(--gnl-notice-scale);transform-origin:bottom left;transition:opacity 180ms ease,transform 180ms ease}.gnl-product-notice *,.gnl-product-notice *::before,.gnl-product-notice *::after{box-sizing:border-box}.gnl-product-notice[data-active="1"]{visibility:visible;opacity:1;pointer-events:auto;transform:none}.gnl-product-notice[data-leaving="1"]{opacity:0;pointer-events:none;transform:translateY(8px)}.gnl-product-notice-card{position:relative;padding:12px;border:var(--gnl-notice-border-width) solid var(--gnl-notice-border-color);border-radius:var(--gnl-notice-radius);background:var(--gnl-notice-background);box-shadow:0 8px 28px rgb(20 30 60/18%);min-width:0}.gnl-product-notice-heading{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.gnl-product-notice-intro{flex:1;min-width:0;color:var(--gnl-notice-intro-color);font-size:var(--gnl-notice-intro-size);line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.gnl-product-notice-close{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--gnl-notice-name-color);font:inherit;font-size:23px;line-height:1;cursor:pointer}.gnl-product-notice-close:hover{background:rgb(100 110 140/12%)}.gnl-product-notice-body{display:flex;align-items:center;gap:12px;min-width:0}.gnl-product-notice-image-link{display:block;flex:0 0 var(--gnl-notice-image-size);max-width:36%}.gnl-product-notice-image{display:block;width:100%;height:var(--gnl-notice-image-size);max-width:100%;object-fit:contain;border:1px solid #e6e8ef;border-radius:14px;background:#fff}.gnl-product-notice-copy{flex:1;min-width:0}.gnl-product-notice-card-closable .gnl-product-notice-copy{padding-right:22px}.gnl-product-notice-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;color:var(--gnl-notice-name-color);font-size:var(--gnl-notice-name-size);font-weight:600;line-height:1.35;text-decoration:none}.gnl-product-notice-name:hover{text-decoration:underline}.gnl-product-notice-button{display:inline-block;max-width:100%;margin-top:9px;padding:7px 14px;border-radius:10px;background:linear-gradient(90deg, var(--gnl-notice-button-from), var(--gnl-notice-button-to));color:var(--gnl-notice-button-color);font-size:var(--gnl-notice-button-size);font-weight:600;line-height:1.3;text-align:center;text-decoration:none;overflow-wrap:anywhere}.gnl-product-notice-button:hover{color:var(--gnl-notice-button-color);text-decoration:underline}.gnl-product-notice a:focus-visible,.gnl-product-notice button:focus-visible{outline:3px solid var(--gnl-notice-border-color);outline-offset:3px}.gnl-product-notice-preview{display:block;margin-bottom:6px;padding-right:22px;color:var(--gnl-notice-intro-color);font-size:11px;font-weight:600}@media(prefers-reduced-motion: reduce){.gnl-product-notice{transition:none;transform:none}.gnl-product-notice[data-leaving="1"]{transform:none}}