.home-notice{position:fixed;top:14px;left:14px;width:300px;max-width:calc(100vw - 64px);z-index:35;transform-origin:top left;transition:transform .2s ease}
.home-notice[hidden]{display:none}
.home-notice p{margin:0;padding:10px 12px;border:1px solid #54d8e357;border-radius:12px;background:#17343ce6;color:#b7f4f7;font-size:11px;line-height:1.5;box-shadow:0 8px 30px #0003}
.home-notice-close{position:absolute;top:0;left:calc(100% + 8px);display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid #54d8e380;border-radius:50%;background:#17343c;color:#b7f4f7;font:16px/1 Arial,sans-serif;cursor:pointer}
.home-notice-close:hover{background:#204653;border-color:#54d8e3}
.home-notice-close:focus-visible{outline:2px solid #b7f4f7;outline-offset:3px}
.home-notice-tooltip{position:absolute;top:26px;right:0;width:max-content;padding:5px 8px;border:1px solid #54d8e357;border-radius:6px;background:#17343c;color:#b7f4f7;font:11px/1.4 Arial,sans-serif;visibility:hidden;opacity:0;pointer-events:none}
.home-notice-close:hover .home-notice-tooltip,.home-notice-close:focus-visible .home-notice-tooltip{visibility:visible;opacity:1}
@media(hover:hover) and (pointer:fine) and (min-width:600px){.home-notice:hover,.home-notice:focus-within{transform:scale(1.15)}}
@media(max-width:599px){.home-notice{position:relative;top:auto;left:auto;margin:14px 0 0 14px}}
@media(prefers-reduced-motion:reduce){.home-notice{transition:none}}
body.home-page .home-notice-close{border-radius:50%!important;background:#17343c!important;color:#b7f4f7!important;border:1px solid #54d8e380!important;font-size:16px!important;line-height:1!important}
body.home-page .home-notice-close:hover{background:#204653!important;border-color:#54d8e3!important}