.drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease}.drawer.active{visibility:visible}.drawer__inner{height:100%;width:40rem;max-width:calc(100vw - 3rem);padding:0 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-right:0;overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease}.drawer__inner-empty{height:100%;padding:0 1.5rem;overflow:hidden;display:flex;flex-direction:column}.recently-viewed-drawer__warnings{display:flex;flex-direction:column;flex:1;justify-content:center}recently-viewed-drawer.is-empty .drawer__inner{display:grid;grid-template-rows:1fr;align-items:center;padding:0}recently-viewed-drawer.is-empty .drawer__header{display:none}recently-viewed-drawer:not(.is-empty) .drawer__inner-empty{display:none}.drawer.active .drawer__inner{transform:translate(0)}.drawer__header{position:relative;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center}.drawer__heading{margin:0 0 1rem}.drawer__close{display:inline-block;padding:0;min-width:4.4rem;min-height:4.4rem;position:absolute;top:10px;right:-10px;background:transparent;border:none;cursor:pointer}.drawer__close svg{height:2rem;width:2rem}.drawer__contents{flex-grow:1;display:flex;flex-direction:column}recently-viewed-drawer{position:fixed;top:0;left:0;width:100vw;height:100%}.cart-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}cart-drawer__overlay:empty{display:block}recently-viewed-drawer-items{overflow:auto;flex:1}@media screen and (max-height:650px){recently-viewed-drawer-items{overflow:visible}.drawer__inner{overflow:scroll}}.recently-viewed-drawer__items-wrapper{flex-grow:1}.recently-viewed-drawer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1.2rem;width:100%;padding-bottom:1.5rem}.recently-viewed-drawer__grid .card-wrapper{width:100%}.recently-viewed-drawer__grid .card{height:100%}.recently-viewed-drawer__grid .card__content{padding-top:1rem}.recently-viewed-drawer__grid .card-information{margin-top:.4rem}.recently-viewed__empty-text{margin-bottom:2rem}.recently-viewed-drawer__empty-content{text-align:center}@media screen and (min-width:990px){recently-viewed-drawer .drawer__inner{width:31.25vw;max-width:31.25vw}}@media screen and (max-width:989px){recently-viewed-drawer{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/ad-component-recently-viewed-drawer.css.map */