body.side-drawer-open{overflow:hidden!important;position:fixed!important;width:100%!important}body:has(side-drawer.open){overflow:hidden!important;position:fixed!important}side-drawer{display:block!important;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;visibility:hidden;pointer-events:none;transition:visibility 0s linear .3s,opacity .3s ease-in-out}side-drawer.open{visibility:visible;pointer-events:all;transition:visibility 0s linear 0s,opacity .3s ease-in-out}side-drawer .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease-in-out}side-drawer .modal-overlay.open{opacity:1}side-drawer .modal-container{position:absolute;top:0;height:100%;background:#fff;overflow-y:auto;transition:transform .3s ease-in-out}@media screen and (min-width: 768px){side-drawer .modal-container{width:412px;height:80%;left:0;top:50%}side-drawer[data-direction-desktop=right] .modal-container{right:40px;left:auto}}@media screen and (max-width: 767px){side-drawer .modal-container{width:100%;left:0;right:0;bottom:0;top:auto;border-radius:16px 16px 0 0;height:auto;max-height:80vh;transform:translateY(100%)}side-drawer[data-direction-mobile=bottom] .modal-container{bottom:0;top:auto}side-drawer.open .modal-container{transform:translateY(0)}side-drawer[data-direction-mobile=right] .modal-container{right:0;left:auto;bottom:auto;top:0;border-radius:8px;height:fit-content;transform:translate(100%)}side-drawer[data-direction-mobile=right].open .modal-container{transform:translate(0)}}side-drawer .modal-content{position:relative;height:100%;padding:20px 20px 80px;overflow-y:auto}side-drawer .modal-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;padding:0;width:20px;height:20px;z-index:10}side-drawer .modal-close svg{width:100%;height:100%}fade-modal{display:block!important;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;visibility:hidden;opacity:0;pointer-events:none;transition:visibility 0s linear .3s,opacity .3s ease-in-out}fade-modal.open{visibility:visible;opacity:1;pointer-events:all;transition:visibility 0s linear 0s,opacity .3s ease-in-out}fade-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease-in-out}fade-modal .modal-overlay.open{opacity:1}fade-modal .modal-container{position:absolute;background:#fff;overflow-y:auto}fade-modal .modal-content{position:relative;height:100%;padding:20px}fade-modal .modal-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;padding:0;width:20px;height:20px;z-index:10}fade-modal .modal-close svg{width:100%;height:100%}.side-drawer-content.grid-layout .metafield-rich_text_field{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:baseline}.side-drawer-content.grid-layout .metafield-rich_text_field h3{justify-self:start;margin:0;font-size:12px}.side-drawer-content.grid-layout .metafield-rich_text_field h3:first-of-type{margin-top:27px}.side-drawer-content.grid-layout .metafield-rich_text_field p{margin:0;font-weight:500;font-size:12px;line-height:1.4}@media (min-width: 768px){.side-drawer-content.grid-layout .metafield-rich_text_field{gap:14px}.side-drawer-content.grid-layout .metafield-rich_text_field h3{font-size:14px}.side-drawer-content.grid-layout .metafield-rich_text_field p{font-size:14px;line-height:1.3}}.side-drawer-content.grid-layout>*{width:100%}.side-drawer-content.grid-layout img,.side-drawer-content.grid-layout video{width:100%;height:auto;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/2/assets/side-drawer-component-stylesheet.css.map */