.twentyone-modal{display:block;position:fixed;z-index:99999;top:50%;left:50%;width:85vw;max-width:80em;max-height:90%;background:var(--wp--preset--color--white);padding:1em;border-width:0;border-style:solid;border-color:transparent;overflow:clip auto;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all 500ms cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:all 500ms cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all 500ms cubic-bezier(0.23, 1, 0.32, 1);-o-transition:all 500ms cubic-bezier(0.23, 1, 0.32, 1);transition:all 500ms cubic-bezier(0.23, 1, 0.32, 1);-webkit-border-radius:.5em;-moz-border-radius:.5em;-ms-border-radius:.5em;-o-border-radius:.5em;border-radius:.5em;-webkit-transform:translate(-50%, calc(-50% - 1em));-moz-transform:translate(-50%, calc(-50% - 1em));-ms-transform:translate(-50%, calc(-50% - 1em));-o-transform:translate(-50%, calc(-50% - 1em));transform:translate(-50%, calc(-50% - 1em))}@media(min-width: 64.01em){.twentyone-modal{width:90vw;max-width:90em;padding:2em;-webkit-border-radius:.5em;-moz-border-radius:.5em;-ms-border-radius:.5em;-o-border-radius:.5em;border-radius:.5em}}.twentyone-modal::backdrop{background:var(--wp--preset--color--black-fade-90)}.twentyone-modal.is--inline{position:absolute;z-index:99;top:calc(100% + 1em);max-height:unset;-webkit-transform:translate(-50%, -1em);-moz-transform:translate(-50%, -1em);-ms-transform:translate(-50%, -1em);-o-transform:translate(-50%, -1em);transform:translate(-50%, -1em);-webkit-box-shadow:0 .75em 2em 0 rgba(0,0,0,.1);-moz-box-shadow:0 .75em 2em 0 rgba(0,0,0,.1);-ms-box-shadow:0 .75em 2em 0 rgba(0,0,0,.1);-o-box-shadow:0 .75em 2em 0 rgba(0,0,0,.1);box-shadow:0 .75em 2em 0 rgba(0,0,0,.1)}.twentyone-modal.is--inline.is--active{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0)}.twentyone-modal.is--active{opacity:1;pointer-events:all;visibility:visible;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.twentyone-modal#search-modal{display:flex;align-items:center;flex-direction:row-reverse;gap:1em}@media(min-width: 64.01em){.twentyone-modal#search-modal{gap:2em}}.twentyone-modal#search-modal .twentyone-button.icon--only,.twentyone-modal#search-modal .twentyone-button.is--modal{aspect-ratio:1;margin:0;position:relative;top:unset;right:unset;width:2em}@media(min-width: 64.01em){.twentyone-modal#search-modal .twentyone-button.icon--only,.twentyone-modal#search-modal .twentyone-button.is--modal{width:3em}}