:root{--slideout-z-overlay: 1000;--slideout-z-panel: 1001;--slideout-z-host: 1001;--slideout-z-portaled: 1002;--slideout-transform-closed: translateX(-100%);--slideout-transition: transform .3s ease}.slideout-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--slideout-z-overlay);background:var(--transparency-scrim-dim)}.slideout-modal-overlay[data-layer-portaled],modal-slideout[data-portal-body][open]+.slideout-modal-overlay{z-index:calc(var(--slideout-z-portaled) - 1)}.slideout-modal-overlay[data-layer-cart-stack],cart-drawer[open]~modal-slideout[data-portal-body][open]+.slideout-modal-overlay,cart-drawer[open]~modal-slideout[data-portal-body][open]~.slideout-modal-overlay{z-index:calc(var(--slideout-z-portaled) - 1)}modal-slideout,cart-drawer,.br-slideout-root{visibility:hidden;display:none}modal-slideout[open] .slideout,.br-slideout-root .slideout{overflow-y:auto}modal-slideout[open],cart-drawer[open],.br-slideout-root[open]{visibility:visible;display:initial;z-index:var(--slideout-z-host)}modal-slideout[data-portal-body][open],.br-slideout-root[data-portal-body][open]{z-index:var(--slideout-z-portaled)}modal-slideout .slideout,cart-drawer .slideout,.br-slideout-root .slideout{position:fixed;top:0;bottom:0;z-index:var(--slideout-z-panel);overflow:hidden;background:var(--basic-surface-variant);transition:var(--slideout-transition);display:flex;flex-direction:column;min-width:20rem;width:100%;opacity:0;visibility:hidden;transform:var(--slideout-transform-closed)}@media screen and (min-width:964px){modal-slideout .slideout,cart-drawer .slideout,.br-slideout-root .slideout{max-width:26.313rem}}modal-slideout[animation=slide-right],cart-drawer[animation=slide-right],.br-slideout-root[data-animation=slide-right]{--slideout-transform-closed: translateX(100%)}modal-slideout[animation=slide-right] .slideout,cart-drawer[animation=slide-right] .slideout,.br-slideout-root[data-animation=slide-right] .slideout{right:0;left:auto}modal-slideout[animation=slide-left],cart-drawer[animation=slide-left],.br-slideout-root[data-animation=slide-left]{--slideout-transform-closed: translateX(-100%)}modal-slideout[animation=slide-left] .slideout,cart-drawer[animation=slide-left] .slideout,.br-slideout-root[data-animation=slide-left] .slideout{left:0;right:auto}modal-slideout[animation=slide-top],cart-drawer[animation=slide-top],.br-slideout-root[data-animation=slide-top]{--slideout-transform-closed: translateY(-100%)}modal-slideout[animation=slide-top] .slideout,cart-drawer[animation=slide-top] .slideout,.br-slideout-root[data-animation=slide-top] .slideout{top:0;bottom:auto;height:auto;width:100%}modal-slideout[animation=slide-bottom],cart-drawer[animation=slide-bottom],.br-slideout-root[data-animation=slide-bottom]{--slideout-transform-closed: translateY(100%)}modal-slideout[animation=slide-bottom] .slideout,cart-drawer[animation=slide-bottom] .slideout,.br-slideout-root[data-animation=slide-bottom] .slideout{margin-top:auto;top:auto;bottom:0;max-height:38.85rem;height:fit-content;max-width:100%;width:100%}modal-slideout[open] .slideout,cart-drawer[open] .slideout,.br-slideout-root[open] .slideout{transform:translate(0);opacity:1;visibility:visible}modal-slideout.no-animation .slideout,cart-drawer.no-animation .slideout,.br-slideout-root.no-animation .slideout{transition:none!important}modal-slideout .side-slideout__content,cart-drawer .side-slideout__content,.br-slideout-root .side-slideout__content{overflow-y:auto}modal-slideout .side-slideout__footer,.br-slideout-root .side-slideout__footer{flex:0 0 auto}@media(prefers-reduced-motion:reduce){modal-slideout .slideout,cart-drawer .slideout,.br-slideout-root .slideout{transition:none}}html.slideout-scroll-locked{overflow:hidden}@media screen and (min-width:964px){modal-slideout[data-portal-body][open]{position:fixed;z-index:var(--slideout-z-portaled);width:max-content;max-width:50%;top:50%;left:50%;transform:translate(-50%,-50%)}modal-slideout[data-portal-body][open]+.slideout-modal-overlay,.slideout-modal-overlay[data-layer-portaled]{z-index:calc(var(--slideout-z-portaled) - 1)}}@media screen and (max-width:963px){modal-slideout[data-portal-body][open]{position:fixed;z-index:var(--slideout-z-portaled)}modal-slideout[data-portal-body][open] .slideout{z-index:var(--slideout-z-portaled)}}
/*# sourceMappingURL=/cdn/shop/t/225/assets/component-slideout.css.map */