.aura-dialog--offcanvas{--aura-dialog-backdrop-background: rgb(0 0 0 / .9);--aura-dialog-main-width: 350px;--aura-dialog-main-background: #fff;--aura-dialog-close-icon-color: #fff;--aura-dialog-close-icon-size: 32px;--aura-dialog-close-offset-top: 12px;--aura-dialog-close-offset-right: -44px;--aura-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--aura-transition-transition-duration: .35s;pointer-events:none;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;isolation:isolate;z-index:99999;display:flex;transition-property:visibility;transition-timing-function:var(--aura-transition-timing-function);transition-duration:var(--aura-transition-transition-duration)}.aura-dialog--offcanvas[data-open=yes]{visibility:visible;pointer-events:auto}.aura-dialog--offcanvas[data-open=yes] .aura-dialog--offcanvas__backdrop{opacity:1}.aura-dialog--offcanvas[data-open=yes] .aura-dialog--offcanvas__main{transform:translate(0);opacity:1}.aura-dialog--offcanvas__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-10;background:var(--aura-dialog-backdrop-background);opacity:0;transition-property:opacity;transition-timing-function:var(--aura-transition-timing-function);transition-duration:var(--aura-transition-transition-duration)}.aura-dialog--offcanvas__main{position:relative;width:calc(100% - 52px);max-width:var(--aura-dialog-main-width, 350px);transition-property:opacity,transform;transition-timing-function:var(--aura-transition-timing-function);transition-duration:var(--aura-transition-transition-duration);transform:translate(-100%);opacity:0;background:var(--aura-dialog-main-background, #fff)}.aura-dialog--offcanvas__container{height:100%;overflow-y:auto;overscroll-behavior:contain}.aura-dialog--offcanvas__close{position:absolute;top:var(--aura-dialog-close-offset-top, .75rem);right:var(--aura-dialog-close-offset-right, -3rem)}.aura-dialog--offcanvas__close svg{height:var(--aura-dialog-close-icon-size, 24px);width:var(--aura-dialog-close-icon-size, 24px)}.aura-dialog--offcanvas__close svg path{stroke:var(--aura-dialog-close-icon-color, #fff)}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-offcanvas.css.map */