.cc-notice{z-index:40;width:max-content;max-width:min(var(--notice-max,460px), calc(100vw - 32px));box-sizing:border-box;text-align:left;white-space:normal;border-radius:14px;align-items:flex-start;gap:8px;padding:10px 14px 10px 12px;font-size:15px;font-weight:600;line-height:1.35;animation:.16s ease-out both cc-notice-in;display:flex;position:absolute;left:0}.cc-notice>svg{flex:none;margin-top:1px}.cc-notice[data-side=below]{top:calc(100% + var(--notice-gap,10px))}.cc-notice[data-side=above]{bottom:calc(100% + var(--notice-gap,10px))}.cc-notice[data-align=end]{left:auto;right:0}.cc-notice[data-align=center]{margin-inline:auto;right:0}.cc-notice[data-on=light]{--notice-edge:#16131f2e;color:#16131f;box-shadow:0 0 0 1.5px var(--notice-edge), 0 14px 30px -12px #16131f66;background:#fff}.cc-notice[data-on=dark]{--notice-edge:#3a3546;color:#fff;box-shadow:0 0 0 1px var(--notice-edge), 0 18px 36px -14px #000c;background:#24212f}.cc-notice:before{content:"";box-sizing:border-box;background:inherit;width:10px;height:10px;position:absolute;left:20px;transform:rotate(45deg)}.cc-notice[data-side=below]:before{border-top:1.5px solid var(--notice-edge);border-left:1.5px solid var(--notice-edge);top:-6px}.cc-notice[data-side=above]:before{border-bottom:1.5px solid var(--notice-edge);border-right:1.5px solid var(--notice-edge);bottom:-6px}.cc-notice[data-align=end]:before{left:auto;right:20px}.cc-notice[data-align=center]:before{left:calc(50% - 5px)}@keyframes cc-notice-in{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0}}.cc-notice[data-side=above]{animation-name:cc-notice-in-up}@keyframes cc-notice-in-up{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}