info-drawer{position:fixed;top:0;right:0;left:auto;z-index:2147483646;pointer-events:none;margin:0;padding:0}info-drawer.active{pointer-events:auto}.info-drawer-wrapper{position:fixed;top:0;right:0;left:auto;height:100vh;height:100dvh;width:90vw;max-width:500px;pointer-events:none;margin:0;padding:0}info-drawer.active .info-drawer-wrapper{pointer-events:auto}.info-drawer{background:#fff;position:fixed;top:0;right:0;bottom:0;left:auto;height:100vh;height:100dvh;transform:translate(100%);visibility:hidden;width:90vw;max-width:500px;z-index:2147483646;overflow:hidden;border-radius:0;box-shadow:var(--shadow-card);display:flex;flex-direction:column;pointer-events:none;margin:0;padding:0;transition:transform .3s ease,visibility .3s ease}info-drawer.active .info-drawer{transform:translate(0);visibility:visible;pointer-events:auto}.info-drawer__header{padding:var(--m) var(--l);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between}.info-drawer__title{margin:0;font-size:var(--size-text-md);text-transform:uppercase}.info-drawer__close.button--icon{width:var(--xl);height:var(--xl);padding:var(--xxs);border-radius:50%;min-width:auto;min-height:auto;background:#fff;border:1px solid #ccc}@media (hover: hover){.info-drawer__close.button--icon:hover{background:#e5e5e5;border-color:#e5e5e5}}.info-drawer__content{flex:1;overflow-y:auto;padding:var(--l);-webkit-overflow-scrolling:touch;font-family:var(--font-body-family, "Proxima Nova", sans-serif);font-size:var(--size-text-sm);line-height:1.5;color:#000}.info-drawer__content h1,.info-drawer__content h2,.info-drawer__content h3,.info-drawer__content h4{font-family:var(--font-heading-family);font-size:12px;text-transform:uppercase;font-weight:500;margin:var(--m) 0 var(--s) 0}.info-drawer__content p{font-size:var(--size-text-sm);margin:0 0 var(--m) 0}.info-drawer__content img{max-width:100%;height:auto;margin:var(--m) 0}.info-drawer__content a{text-decoration:underline;color:inherit}@media screen and (max-width: 767px){.info-drawer-wrapper,.info-drawer{width:100vw;max-width:100vw}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/component-info-drawer.css.map */
