message-box{--message--background:#e0e9d5;background-color:var(--message--background);bottom:0;display:grid;gap:20px;grid-auto-flow:column;justify-content:space-between;left:0;padding-block:21px;padding-inline:var(--offset);position:fixed;width:100%}@media screen and (max-width:1200px){message-box{bottom:calc(env(safe-area-inset-bottom, 60px) + 72px);gap:0;grid-auto-flow:row;left:var(--offset);width:calc(100% - var(--offset)*2)}}message-box[type=info]{--message--background:#e0e9d5}message-box[type=info] .message-content{padding-left:60px;position:relative}@media screen and (max-width:1200px){message-box[type=info] .message-content{align-items:center;display:grid;gap:16px;justify-content:center;padding:0}}message-box[type=info] .message-content:before{--icon--size:36px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2736%27 height=%2736%27 fill=%27none%27%3E%3Cpath fill=%27%23219653%27 fill-rule=%27evenodd%27 d=%27m15.848 25.686 13.8-12.338a.993.993 0 0 0 0-1.516l-1.696-1.518a1.303 1.303 0 0 0-1.698 0L15 20.374 9.746 15.68a1.302 1.302 0 0 0-1.698 0l-1.696 1.518a.994.994 0 0 0 0 1.516l7.8 6.974a1.3 1.3 0 0 0 1.696 0v-.002Z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");content:"";display:block;height:var(--icon--size);left:0;position:absolute;top:calc(50% - var(--icon--size)/2);width:var(--icon--size)}@media screen and (max-width:1200px){message-box[type=info] .message-content:before{--icon--size:24px;background-position:50%;justify-self:center;position:static}}message-box[type=warning]{--message--background:#faf1d5}message-box[type=error]{--message--background:#f2f3f5}message-box .message-heading{color:var(--wp--preset--color--gray-100);font-size:16px;font-weight:600;margin-block:0 4px}@media screen and (max-width:1200px){message-box .message-heading{text-align:center}}message-box .message-text{color:var(--wp--preset--color--gray-100);font-size:14px}@media screen and (max-width:1200px){message-box .message-text{text-align:center}}message-box .message-actions{align-items:center;display:grid;gap:32px;grid-auto-flow:column}@media screen and (max-width:1200px){message-box .message-actions{gap:8px;grid-auto-flow:row;margin-top:16px}}message-box .message-actions a,message-box .message-actions button{border-radius:4px;font-size:16px;font-weight:600;height:46px;padding-inline:16px}message-box .btn--neutral{--btn--background:var(--wp--preset--color--white);--btn--text:var(--wp--preset--color--gray-100)}message-box .btn--accent{--btn--background:var(--wp--preset--color--main);--btn--text:var(--wp--preset--color--white)}