.modal-drawer{--modal-close-icon-size: 1.4rem;position:fixed;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;transition:visibility var(--duration-default) ease;opacity:0;visibility:hidden;z-index:-1}.modal-drawer[open]{opacity:1;visibility:visible;z-index:1000}.modal-drawer__inner{height:100%;width:70%;background-color:rgb(var(--color-background));overflow:hidden;display:flex;flex-direction:column;will-change:transform;overflow-y:auto}@media screen and (max-width: 1099px){.modal-drawer__inner{width:100vw}}@media screen and (min-width: 1600px){.modal-drawer__inner{width:50%}}.modal-drawer__close{color:rgb(var(--color-primary));display:flex;align-items:center;justify-content:center;padding:0;width:2.5rem;height:2.5rem;position:absolute;top:2rem;right:2rem;background-color:rgba(var(--color-black),.1);border-radius:50%;border:none;cursor:pointer;transition:color var(--transition-hover)}.modal-drawer__close:hover,.modal-drawer__close:focus-visible,.modal-drawer__close:active{color:rgb(var(--color-primary));transition:color var(--transition-hover-active)}.modal-drawer__close .icon{display:block;transition:transform var(--transition-hover);will-change:transform;height:auto;width:var(--modal-close-icon-size);margin:0}.modal-drawer__close:hover .icon,.modal-drawer__close:focus-visible .icon{transform:scale(1.08);transition:transform var(--transition-hover-active)}.modal-drawer__close:active .icon{transform:scale(1.02);transition:transform var(--transition-hover-active)}
/*# sourceMappingURL=/cdn/shop/t/289/assets/component-modal-drawer.css.map */