[data-tab-drawer]{display:block;width:100%;max-width:100%;margin:0 auto}[data-tab-drawer] .tab-drawer__trigger{width:100%;padding:16px 0;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}[data-tab-drawer] .tab-drawer__trigger:hover,[data-tab-drawer] .tab-drawer__trigger:focus{background-color:transparent!important;color:inherit!important;border-color:currentColor!important}[data-tab-drawer] .tab-drawer__title{margin:0;font-size:16px;display:flex;align-items:center;gap:12px}[data-tab-drawer] .tab-drawer__icon{width:20px;height:20px;flex-shrink:0;margin-left:16px}[data-tab-drawer] .tab-drawer__icon svg{width:100%;height:100%;stroke:currentColor}[data-tab-drawer] .tab-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}[data-tab-drawer] .tab-drawer__overlay.active{opacity:1;visibility:visible}[data-tab-drawer] .tab-drawer__panel{position:fixed;top:0;right:0;width:100%;max-width:500px;height:100%;background-color:#fbfaf6;z-index:10000;transform:translate(100%);transition:transform .4s ease;overflow-y:auto;box-shadow:-4px 0 20px #00000026}[data-tab-drawer] .tab-drawer__panel.active{transform:translate(0)}collapsible-tab-drawer .tab-drawer__close,collapsible-tab-drawer .tab-drawer__close:hover,collapsible-tab-drawer .tab-drawer__close:focus,collapsible-tab-drawer .tab-drawer__close:active{background:transparent!important;background-color:transparent!important;color:inherit!important;opacity:1!important;visibility:visible!important;box-shadow:none!important;filter:none!important}[data-tab-drawer] .tab-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #000000;position:sticky;top:0;background-color:#fbfaf6;z-index:10001}[data-tab-drawer] .tab-drawer__header-title{margin:0;font-size:20px;font-weight:600;color:#012a06}[data-tab-drawer] .tab-drawer__close{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}[data-tab-drawer] .tab-drawer__close svg{width:24px;height:24px;stroke:currentColor}[data-tab-drawer] .tab-drawer__content{padding:24px;font-size:15px;line-height:1.6}body.tab-drawer-open{overflow:hidden}@media screen and (max-width:749px){[data-tab-drawer] .tab-drawer__panel{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collapsible-tab-drawer.css.map */
