.right-popup-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;width:100%;height:100%}.right-popup-modal[open]{opacity:1;visibility:visible;z-index:101}.right-popup-modal:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100%;opacity:0;z-index:4;visibility:hidden;background-color:rgba(var(--color-foreground),.52);transition:opacity var(--duration-extra-long) var(--ease-out-expo),visibility var(--duration-extra-long) var(--ease-out-expo)}.right-popup-modal:not(.closing)[open]:after{visibility:visible;opacity:1}.right-popup-modal .scroll-trigger.scroll-trigger{animation:none;opacity:1;transform:none}.right-popup-modal__content{position:absolute;top:0%;right:0%;transform:translate(0);margin:0 auto;background-color:rgb(var(--color-background));overflow:hidden;max-width:58.8rem;width:100%;height:100vh;height:100dvh;z-index:5}.right-popup-modal.closing .right-popup-modal__content{transform:translate(100%)}.right-popup-modal:not(.closing)[open] .right-popup-modal__content{animation:slide-right-modal var(--duration-extra-long) var(--ease-out-expo)}.right-popup-modal.closing .right-popup-modal__content{animation:slide-right-modal-closing var(--duration-extra-long) var(--ease-out-expo) forwards}.right-popup-modal__content img{max-width:100%}.right-popup-modal__content-info{padding-right:4.4rem;overflow-y:auto;padding:1.7rem;height:100vh;height:100dvh}.right-popup-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}.right-popup-modal__toggle{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;width:3.4rem;height:3.4rem;position:fixed;top:0;right:0}.right-popup-modal__toggle .icon-close{width:1.4rem;height:1.4rem}@keyframes slide-right-modal{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-right-modal-closing{0%{transform:translate(0)}to{transform:translate(100%)}}@media screen and (min-width: 750px){@keyframes slide-right-modal{0%{transform:translate(100%,-50%)}to{transform:translateY(-50%)}}@keyframes slide-right-modal-closing{0%{transform:translateY(-50%)}to{transform:translate(100%,-50%)}}.right-popup-modal__content{top:50%;overflow-y:auto;transform:translateY(-50%);height:auto}.right-popup-modal__content-info{padding:2.7rem}}
/*# sourceMappingURL=/cdn/shop/t/195/assets/0-wtc-component-modal-dialog.css.map */