.base-modal__dialog{background:transparent;border:none;border-radius:0;color:inherit;height:100dvh;inset:0;margin:0;max-height:none;max-width:none;padding:0;position:fixed;width:100dvw;z-index:var(--planastico-max-z-index)}.base-modal__dialog:focus{outline:none}.base-modal__dialog::backdrop{background-color:#00000080}@media(min-width:768px){.base-modal__dialog{border-radius:var(--planastico-border-radius-m);height:-moz-fit-content;height:fit-content;inset:0;margin:auto;max-height:85vh;max-width:500px;width:90%}}.base-modal__dialog--framed{border:var(--planastico-border-m);border-radius:var(--planastico-border-radius-m);height:-moz-fit-content;height:fit-content;inset:0;margin:auto;max-height:85vh;max-width:400px;width:80%}.base-modal__dialog--framed .base-modal__content{height:auto}.base-modal__content{background-color:var(--planastico-white);border-radius:inherit;display:flex;flex-direction:column;height:100%;overflow-y:auto;position:relative}@media(min-width:768px){.base-modal__content{height:auto}}.base-modal__title{font-weight:600;margin:0;padding:1.5rem 1.5rem 0}.base-modal__body{flex:1;padding:1.5rem 1.5rem 2rem}.base-modal__close{position:absolute;right:1rem;top:1rem}.base-modal__close:not(.base-button-icon--overlay){color:var(--planastico-cold-black)}@media(min-width:768px){.base-modal__close{right:2rem}}