.DialogOverlay{background-color:rgba(0,0,0,.5);bottom:0;left:0;opacity:1;pointer-events:none;position:fixed;right:0;top:0;transition:opacity var(--transition);width:100%;z-index:20}.DialogOverlay.is-visible{opacity:1;pointer-events:auto}.DialogContent{animation-duration:.3s;animation-name:dialog-in;animation-timing-function:cubic-bezier(1,0,.29,1);background-color:var(--color-soft-white);border-radius:8px;border-radius:var(--radius-large,8px);box-shadow:0 10px 30px rgba(0,0,0,.2);color:var(--color-deep-gray);display:flex;flex-direction:column;height:auto;left:50%;max-height:calc(100vh - (var(--store-page-padding-top) + var(--gap-micro))*2);max-width:60pc;overflow:auto;padding:var(--gap-small);pointer-events:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem);z-index:30}.DialogContent__inner{display:flex;flex-direction:column;gap:var(--gap-tiny);height:100%}.DialogContent__inner-header{display:flex;flex-direction:row;justify-content:space-between}.DialogContent__inner-header-title{font-family:var(--font-heading);font-size:var(--font-size-xlarge);font-weight:400}.DialogContent__inner-header-close{display:flex;flex-direction:row;justify-content:flex-end}.DialogContent__inner-header-close-icon{color:var(--color-deep-gray);height:1pc;width:1pc}.DialogContent__inner-content{flex:1;overflow:auto}@keyframes dialog-in{0%{opacity:.7;transform:translate(-50%,-53%)}to{opacity:1;transform:translate(-50%,-50%)}}