.c-dialog-modal{border:var(--ak-dialog-border);box-shadow:var(--ak-dialog-box-shadow);margin:0;position:fixed;top:0;right:0;bottom:0;left:auto;background:#fff;transform:none;height:100vh;max-height:100vh;width:var(--ak-dialog-width-desktop);max-width:var(--ak-dialog-max-width-desktop);padding:var(--ak-dialog-padding-mobile);border-radius:0;--ak-dialog-close-position: right}.c-dialog-modal::backdrop{background:var(--ak-dialog-backdrop-color)}.c-dialog-modal[open]{animation:elementSlideInRight var(--ak-dialog-animation-speed ) var(--ak-dialog-animation-easing ) forwards}.c-dialog-modal[open]::backdrop{animation:backdropFadeIn var(--ak-dialog-animation-speed) var(--ak-dialog-animation-easing)}.c-dialog-modal.c-dialog-closing{animation:elementSlideOutRight var(--ak-dialog-animation-speed ) var(--ak-dialog-animation-easing ) forwards}.c-dialog-modal.c-dialog-closing::backdrop{animation:backdropFadeOut var(--ak-dialog-animation-speed) var(--ak-dialog-animation-easing) forwards}.c-dialog-content{display:flex;flex-direction:column;height:100%}.c-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ak-dialog-header-padding);flex-shrink:0}.c-dialog-title{font-size:var(--ak-dialog-title-font-size);font-weight:var(--ak-dialog-title-font-weight);font-family:var(--ak-heading-font-family);text-transform:uppercase;margin:0;color:var(--ak-dialog-title-color)}.c-dialog-close{display:flex;align-items:center;justify-content:center;width:var(--ak-dialog-close-size);height:var(--ak-dialog-close-size);padding:0;border:none;border-radius:var(--ak-dialog-close-border-radius);background:var(--ak-dialog-close-background);color:var(--ak-dialog-close-color);cursor:pointer;transition:var(--ak-dialog-close-transition);position:absolute;top:1rem;z-index:10}.c-dialog-modal[data-close-position=left] .c-dialog-close{left:1rem;right:auto}.c-dialog-modal:not([data-close-position=left]) .c-dialog-close,.c-dialog-modal[data-close-position=right] .c-dialog-close{right:1rem;left:auto}.c-dialog-close:hover,.c-dialog-close:focus{background:var(--ak-dialog-close-background-hover);color:var(--ak-dialog-close-color-hover);outline:none}.c-dialog-close:active{transform:scale(.95)}.c-dialog-body{flex:1;overflow-y:var(--ak-dialog-body-overflow);padding:var(--ak-dialog-body-padding)}@keyframes elementSlideInRight{0%{opacity:0;transform:translate(var(--ak-dialog-animation-slide-distance))}to{opacity:1;transform:translate(0)}}@keyframes elementSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--ak-dialog-animation-slide-distance))}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/dialog-component.css.map */