cl-cart[type=mini]{--cl-cart-mini-backdrop-bg:#000;--cl-cart-mini-backdrop-opacity:.33;--cl-cart-mini-modal-z-index:100;--cl-cart-mini-modal-bg:#fff;--cl-cart-mini-modal-width:400px;--cl-cart-mini-modal-max-width:calc(100vw);--cl-cart-mini-transition-duration:.3s;--cl-cart-mini-transition-timing-function:ease-in-out;--cl-cart-mini-padding-top:40px;--cl-cart-mini-padding-x:20px;--cl-cart-mini-padding-bottom:20px;display:flex;cursor:auto;position:fixed;z-index:var(--cl-cart-mini-modal-z-index);top:0;width:var(--cl-cart-mini-modal-width);max-width:var(--cl-cart-mini-modal-max-width);height:100%;pointer-events:none;box-sizing:border-box;box-shadow:none}cl-cart[type=mini]::before,cl-cart[type=mini]::after{position:fixed;content:" ";opacity:0;width:100%;height:100%;top:0;right:0;z-index:-1;transition:opacity var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function)}cl-cart[type=mini]::before{background:var(--cl-cart-mini-backdrop-bg)}cl-cart[type=mini]::after{position:fixed;width:var(--cl-cart-mini-modal-width);max-width:var(--cl-cart-mini-modal-max-width);background:var(--cl-cart-mini-modal-bg)}cl-cart[type=mini],cl-cart[type=mini]::after{right:calc(var( -  - cl - cart - mini - modal - width)*-1+var(--cl-cart-mini-padding-x)+1px);transition:right var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function),opacity var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function);opacity:0}@media(max-width:400px){cl-cart[type=mini],cl-cart[type=mini]::after{right:calc( - 100% + var( -  - cl - cart - mini - padding - x)+1px)}}cl-cart[type=mini][open]:not([open=false]){right:0;opacity:1;pointer-events:initial}cl-cart[type=mini][open]:not([open=false])::before{opacity:var(--cl-cart-mini-backdrop-opacity)}cl-cart[type=mini][open]:not([open=false])::after{right:0;opacity:1}cl-cart[type=mini]::part(close-button){user-select:none;position:absolute;cursor:pointer;top:15px;right:15px;width:1.25rem;height:1.25rem;border:0;color:rgba(0,0,0,0);background:#fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZmlsbD0iIzY4NkU2RSIgZD0iTTEyLjg1NCAxMi4xNDZhLjUuNSAwIDAgMS0uNzA4LjcwOEw4IDguNzA3bC00LjE0NiA0LjE0N2EuNS41IDAgMSAxLS43MDgtLjcwOEw3LjI5MyA4IDMuMTQ2IDMuODU0YS41LjUgMCAwIDEgLjcwOC0uNzA4TDggNy4yOTNsNC4xNDYtNC4xNDdhLjUuNSAwIDEgMSAuNzA4LjcwOEw4LjcwNyA4bDQuMTQ3IDQuMTQ2WiIvPgo8L3N2Zz4K") no-repeat center;border:1px solid #e6e7e7;border-radius:.25rem;padding:2px;box-sizing:content-box}cl-cart[type=mini]::part(iframe){width:1px;min-width:calc(100% - var( -  - cl - cart - mini - padding - x) - var(--cl-cart-mini-padding-x))!important;min-height:calc(100% - var( -  - cl - cart - mini - padding - top) - var(--cl-cart-mini-padding-bottom))!important;border:0;margin:var(--cl-cart-mini-padding-top) var(--cl-cart-mini-padding-x) var(--cl-cart-mini-padding-bottom)}body.cl-cart--open{overflow:hidden}