favorites-drawer.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;visibility:hidden}favorites-drawer.drawer.active{visibility:visible}.favorites-drawer__panel{position:relative;width:100%;height:100%;display:flex;justify-content:flex-end}.favorites-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}.favorites-drawer__inner{position:relative;z-index:1;height:100%;width:40rem;max-width:calc(100vw - 3rem);padding:0 1.5rem 2rem;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;background-color:rgb(var(--color-background))}favorites-drawer.drawer.active .favorites-drawer__inner{transform:translate(0)}.favorites-drawer__header{position:relative;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.favorites-drawer__header .drawer__heading{margin:0}.favorites-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;flex:1;text-align:center;padding:2rem 1rem}favorites-drawer:not(.is-empty) .favorites-drawer__empty{display:none}.favorites-drawer__empty-text{margin:0;font-size:1.5rem}.favorites-drawer__list{flex:1;overflow-y:auto;margin:0;padding:0 0 1rem}.favorites-drawer__item{display:grid;grid-template-columns:8rem 1fr auto;gap:1.2rem;align-items:start;padding:1.2rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.favorites-drawer__media{display:block;width:8rem;height:8rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.favorites-drawer__media img{width:100%;height:100%;object-fit:cover}.favorites-drawer__image-placeholder{width:100%;height:100%;background:rgba(var(--color-foreground),.08)}.favorites-drawer__details{display:flex;flex-direction:column;gap:.6rem;min-width:0;padding-top:.2rem}.favorites-drawer__title{font-size:1.4rem;line-height:1.3;text-decoration:none;color:rgb(var(--color-foreground))}.favorites-drawer__price{display:flex;flex-wrap:wrap;gap:.6rem;align-items:baseline;font-size:1.3rem}.favorites-drawer__compare-price{opacity:.55}.favorites-drawer__remove{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.favorites-drawer__remove .svg-wrapper,.favorites-drawer__remove .icon{width:1.6rem;height:1.6rem}.favorites-count-bubble{position:absolute;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));height:1.7rem;width:1.7rem;border-radius:100%;display:flex;justify-content:center;align-items:center;font-size:.9rem;bottom:.8rem;left:2.2rem;line-height:1}.favorites-count-bubble[hidden]{display:none}.header__icon--favorites{position:relative}.header__icon--favorites .icon{fill:currentColor;color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-favorites-drawer.css.map */