.notice-box-wrapper{max-width:72rem;margin-left:auto;margin-right:auto;width:100%;padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;transition:opacity .3s ease,transform .3s ease}@media(min-width:768px){.notice-box-wrapper{padding-left:2.5rem;padding-right:2.5rem}}.notice-box{background-color:#fef3c7e6;border:1px solid rgba(253,230,138,.7);border-radius:var(--radius-lg);padding:.875rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;font-size:.875rem;box-shadow:var(--shadow-2xs)}@media(min-width:640px){.notice-box{align-items:center}}.notice-box .notice-box__body{display:flex;align-items:center;gap:.75rem;flex-grow:1}.notice-box .notice-box__body .notice-box__icon{width:1.25rem;height:1.25rem;color:var(--color-amber);flex-shrink:0}.notice-box .notice-box__body .notice-box__text{display:flex;flex-direction:column;gap:.375rem;line-height:1.6}@media(min-width:640px){.notice-box .notice-box__body .notice-box__text{flex-direction:row;align-items:center;gap:.5rem}}.notice-box .notice-box__body .notice-box__text .notice-box__label{font-weight:700;color:var(--color-espresso)}.notice-box .notice-box__body .notice-box__text .notice-box__message{color:var(--color-espresso-sub)}.notice-box .notice-box__body .notice-box__text .notice-box__link{font-weight:700;color:var(--color-amber);white-space:nowrap;transition:color .15s ease}.notice-box .notice-box__body .notice-box__text .notice-box__link:hover{color:var(--color-amber-hover);text-decoration:underline}.notice-box .notice-box__close{color:var(--color-espresso-mute);padding:.375rem;border-radius:var(--radius-pill);background:transparent;border:none;cursor:pointer;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.notice-box .notice-box__close:hover{color:var(--color-espresso);background-color:#fef3c7cc}.notice-box .notice-box__close span{width:1rem;height:1rem;display:block}