.notice{--notice-background-color: #d2e8e1;--notice-text-color: #00472d;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-5);border-radius:var(--border-radius-small);background-color:var(--notice-background-color);color:var(--notice-text-color);position:relative}.notice[hidden]{display:none}.notice--type-error{background-color:var(--color-red-30);color:var(--color-red-90)}.notice--type-error .notice__dismiss-btn{color:inherit}.notice--align-center{text-align:center}.notice--align-center li{justify-content:center}.notice__content{flex-basis:calc(100% - 44px)}.notice__dismiss-btn{display:inline-flex;background-color:rgba(0,0,0,0);color:var(--notice-text-color);border-radius:var(--border-radius-small);align-self:flex-start;padding:6px;flex-basis:36px;position:absolute;right:18px;top:10px}.notice__dismiss-btn:hover{background-color:rgba(31, 31, 31, var(--opacity-20));color:inherit}.notice__dismiss-btn:focus{background-color:rgba(0,0,0,0)}.notice__dismiss-btn svg{width:var(--spacing-5);height:var(--spacing-5)}.notice ul{list-style:none;padding-left:10px}.notice ul li{position:relative;display:flex;align-items:center;gap:10px}.notice ul li::before{content:"";display:block;width:3px;height:3px;border-radius:50%;background-color:var(--notice-text-color);padding:2px}