.xo-modal-content-2__inner{max-height:var(--height)}@media(min-width:768px){.xo-modal-content-2__inner{width:var(--width)}}xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]){--xo-backdrop-color: color-mix(in srgb, rgba(var(--color-foreground)) calc(var(--modal-backdrop-opacity) * 100%), transparent);--xo-backdrop-blur: var(--modal-backdrop-blur)}xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content-2{padding:var(--modal-margin)}xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content-2__inner--full-height{height:calc(100vh - var(--modal-margin) * 2);max-height:calc(100vh - var(--modal-margin) * 2)}xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content-2__inner--full-width{width:calc(100vw - var(--modal-margin) * 2);max-width:calc(100vw - var(--modal-margin) * 2)}xo-modal[xo-placement*=-left],xo-modal[xo-placement*=-right]{--xo-backdrop-color: color-mix(in srgb, rgba(var(--color-foreground)) calc(var(--drawer-backdrop-opacity) * 100%), transparent);--xo-backdrop-blur: var(--drawer-backdrop-blur)}xo-modal[xo-placement*=-left] .xo-modal-content-2,xo-modal[xo-placement*=-right] .xo-modal-content-2{padding:var(--drawer-margin)}xo-modal[xo-placement*=-left] .xo-modal-content-2__inner--full-height,xo-modal[xo-placement*=-right] .xo-modal-content-2__inner--full-height{height:calc(100vh - var(--drawer-margin) * 2);max-height:calc(100vh - var(--drawer-margin) * 2)}xo-modal[xo-placement*=-left] .xo-modal-content-2__inner--full-width,xo-modal[xo-placement*=-right] .xo-modal-content-2__inner--full-width{width:calc(100vw - var(--drawer-margin) * 2);max-width:calc(100vw - var(--drawer-margin) * 2)}.xo-modal-content-2__left{max-height:var(--height);width:100%}@media(min-width:768px){.xo-modal-content-2__left{max-width:var(--width-left)}}.xo-modal-content-2__right{max-height:var(--height);width:100%}@media(min-width:768px){.xo-modal-content-2__right{max-width:var(--width-right)}}.xo-modal-content-2__right-close svg{transition:all .3s}.xo-modal-content-2__right-close svg:hover{rotate:90deg}.xo-modal-content-2__left-body::-webkit-scrollbar{width:.7rem}.xo-modal-content-2__left-body::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,rgba(var(--color-foreground)) 30%,transparent)}
/*# sourceMappingURL=/cdn/shop/t/32/assets/modal-content-2.css.map */