.notice,.notice-tone{--notice-background: var(--message-info-background);--notice-text: var(--message-info-text)}.notice--error,.notice-tone--error{--notice-background: var(--message-error-background);--notice-text: var(--message-error-text)}.notice--success,.notice-tone--success{--notice-background: var(--message-success-background);--notice-text: var(--message-success-text)}.notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;padding:var(--space-12) var(--space-16);font-size:var(--text-body);color:var(--notice-text);background-color:var(--notice-background);border:1px solid color-mix(in srgb,var(--notice-text) calc(var(--line-alpha) * 100%),transparent);border-radius:var(--radius-small)}.notice[hidden]{display:none}.notice--float{--notice-float-width: calc(350 * var(--px));width:min(var(--notice-float-width),90%);pointer-events:auto;box-shadow:0 var(--space-4) var(--space-12) rgb(0 0 0 / var(--alpha-12))}.notice--inline{margin-block-start:var(--space-8);padding:0;color:inherit;background:none;border:0;border-radius:0}.notice--inline .notice__icon{color:var(--notice-text)}.notice__icon{grid-column:1;width:var(--space-20);height:var(--space-20);margin-inline-end:var(--space-12)}.notice__heading,.notice__message{grid-column:2}.notice__heading{margin:0 0 var(--space-4);font-weight:var(--font-body-weight-bold)}.notice__message>:first-child{margin-top:0}.notice__message>:last-child{margin-bottom:0}.notice__message ul{margin:var(--space-4) 0 0;padding-inline-start:var(--space-20)}.notice :is(h1,h2,h3,h4,h5,h6,a){color:inherit}.notice__close{grid-column:3;grid-row:1 / span 2;--notice-hang: calc(10 * var(--px));margin-block:calc(-1 * var(--notice-hang));margin-inline:var(--space-8) calc(-1 * var(--space-12));color:inherit}.notice__action{min-height:var(--space-24);padding:0;font:inherit;color:inherit;text-decoration:underline var(--line-thin);background:none;border:0;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-notice.css.map */