.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;color:#000;--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);border-bottom:var(--ak-dialog-header-border-bottom);flex-shrink:0;color:#000}.c-dialog-title{font-size:var(--ak-dialog-title-font-size);font-weight:var(--ak-dialog-title-font-weight);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)}.c-dialog-body .s-content-formatter h1,.c-dialog-body .s-content-formatter .u-h1{font-size:var(--ak-heading-font-size-3xl);line-height:1.091}.c-dialog-body .s-content-formatter h2,.c-dialog-body .s-content-formatter .u-h2{font-size:var(--ak-heading-font-size-2xl);line-height:1.125}.c-dialog-body .s-content-formatter h3,.c-dialog-body .s-content-formatter .u-h3{font-size:var(--ak-heading-font-size-xl);line-height:1.33}.c-dialog-body .s-content-formatter h4,.c-dialog-body .s-content-formatter .u-h4{font-size:var(--ak-heading-font-size-l);line-height:1.2}.c-dialog-body .s-content-formatter h5,.c-dialog-body .s-content-formatter .u-h5{font-size:var(--ak-body-font-size);line-height:1.25}@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/2/assets/dialog-component.css.map */