favorites-drawer{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:1000;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);visibility:hidden;transition:visibility var(--duration-default) ease;pointer-events:none}favorites-drawer.active{visibility:visible;pointer-events:auto}favorites-drawer .favorites-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}favorites-drawer .favorites-drawer__overlay:empty{display:block}favorites-drawer .favorites-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;background-color:rgb(var(--color-background))}favorites-drawer.active .favorites-drawer__inner{transform:translate(0)}.favorites-drawer__close{display:inline-block;padding:0;min-width:4.4rem;min-height:4.4rem;box-shadow:0 0 0 .2rem rgba(var(--color-button),0);position:absolute;top:10px;right:-10px;color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer}.favorites-drawer__close .svg-wrapper{height:2rem;width:2rem}.favorites-drawer__empty-state{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.favorites-drawer__empty-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem}.favorites-drawer__empty-icon svg{width:4rem;height:4rem;opacity:.4;margin-bottom:1.5rem}.favorites-drawer__empty-text{margin-bottom:1.5rem}.favorites-drawer__populated-state{flex:1;display:flex;flex-direction:column;overflow:hidden}.favorites-drawer__header{position:relative;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:.1rem solid rgba(var(--color-foreground),.08);flex-shrink:0}.favorites-drawer__heading{margin:0}.favorites-drawer__items-wrapper{flex:1;overflow-y:auto;padding:.5rem 0}.favorites-drawer__items-wrapper::-webkit-scrollbar{width:3px}.favorites-drawer__items-wrapper::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.7);border-radius:100px}.favorites-drawer__item{display:grid;grid-template-columns:10rem 1fr;gap:1.5rem;padding:1.5rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.favorites-drawer__item:last-child{border-bottom:none}.favorites-drawer__item-image{border-radius:var(--media-radius);overflow:hidden;aspect-ratio:1;background-color:rgba(var(--color-foreground),.04)}.favorites-drawer__item-image a{display:block;height:100%}.favorites-drawer__item-image img{width:100%;height:100%;object-fit:cover}.favorites-drawer__no-image{width:100%;height:100%;background-color:rgba(var(--color-foreground),.04)}.favorites-drawer__item-details{display:flex;flex-direction:column;gap:.5rem;padding-top:.3rem}.favorites-drawer__item-title{text-decoration:none;margin:0;color:rgb(var(--color-foreground));word-break:break-word}.favorites-drawer__item-title:hover{text-decoration:underline;text-underline-offset:.3rem}.favorites-drawer__item-price{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.favorites-drawer__compare-price{color:rgba(var(--color-foreground),.55);font-size:1.2rem}.favorites-drawer__current-price--on-sale{color:rgb(var(--color-foreground))}.favorites-drawer__item-actions{display:flex;align-items:center;gap:.8rem;margin-top:auto;padding-top:.5rem}.favorites-drawer__remove{margin-left:auto;background:none;border:none;padding:.4rem;cursor:pointer;color:rgba(var(--color-foreground),.55);transition:color var(--duration-short) ease;flex-shrink:0}.favorites-drawer__remove:hover{color:rgb(var(--color-foreground))}.favorites-drawer__remove svg{display:block}.favorites-drawer__item--skeleton{pointer-events:none}.favorites-drawer__item--skeleton .skeleton,.favorites-drawer__item--skeleton .favorites-drawer__item-image{background:linear-gradient(90deg,rgba(var(--color-foreground),.06) 25%,rgba(var(--color-foreground),.12),rgba(var(--color-foreground),.06) 75%);background-size:200% 100%;animation:favorites-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--media-radius, 4px)}.skeleton--text{display:block;border-radius:4px}@keyframes favorites-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}#favorites-icon-bubble{position:relative}.favorites-count-bubble{position:absolute;bottom:.8rem;right:.4rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:50%;min-width:1.7rem;min-height:1.7rem;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}.favorites-count-bubble[hidden]{display:none}.card-product__favorites-btn{position:absolute;top:.8rem;right:.8rem;z-index:2;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 6px #00000014;transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease}.card-product__favorites-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000001f}.card-product__favorites-btn svg{width:1.8rem;height:1.8rem;transition:fill var(--duration-short) ease,color var(--duration-short) ease;fill:none;stroke:rgb(var(--color-foreground));stroke-width:1.5}.card-product__favorites-btn.is-favorited svg{fill:#e53e3e;stroke:#e53e3e}@keyframes favorites-heart-pulse{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.95)}to{transform:scale(1)}}.card-product__favorites-btn.is-animating{animation:favorites-heart-pulse .4s ease}.product__favorites-btn{background:none;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;width:4rem;height:4rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:border-color var(--duration-short) ease,transform var(--duration-short) ease}.product__favorites-btn:hover{border-color:rgba(var(--color-foreground),.3);transform:scale(1.08)}.product__favorites-btn svg{width:2rem;height:2rem;fill:none;stroke:rgb(var(--color-foreground));stroke-width:1.5;transition:fill var(--duration-short) ease,stroke var(--duration-short) ease}.product__favorites-btn.is-favorited svg{fill:#e53e3e;stroke:#e53e3e}.product__favorites-btn.is-animating{animation:favorites-heart-pulse .4s ease}.product__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.product__title-row h1,.product__title-row h2{flex:1;min-width:0}.title-with-action{display:flex;align-items:center;justify-content:space-between}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-favorites-drawer.css.map */