.npx-fav-btn{position:absolute;top:10px;right:10px;z-index:4;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;margin:0;border:0;background:none;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s ease,transform .12s ease;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}.npx-fav-btn:hover{transform:scale(1.12)}.npx-fav-btn:active{transform:scale(.94)}[data-npx-fav-host]:hover .npx-fav-btn,.npx-fav-btn:focus-visible,.npx-fav-btn[aria-pressed=true]{opacity:1}@media(any-pointer:coarse){.npx-fav-btn{opacity:1}}.npx-fav-btn svg{width:22px;height:22px;display:block;pointer-events:none}.npx-fav-btn .npx-fav-btn__on,.npx-fav-btn[aria-pressed=true] .npx-fav-btn__off{display:none}.npx-fav-btn[aria-pressed=true] .npx-fav-btn__on{display:block}.npx-fav-bar{position:fixed;right:20px;bottom:20px;z-index:60;display:none;align-items:center;gap:.5em;padding:11px 18px;border:0;border-radius:999px;background:#1a1a1a;color:#fff;font:inherit;font-size:14px;line-height:1;cursor:pointer;box-shadow:0 4px 16px #00000038}.npx-fav-bar[data-visible=true]{display:flex}.npx-fav-bar svg{width:16px;height:16px}.npx-fav-bar__count{font-weight:700}.npx-fav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000073;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.npx-fav-overlay[data-open=true]{opacity:1;visibility:visible}.npx-fav-panel{position:fixed;top:0;right:0;bottom:0;z-index:101;width:min(420px,100%);display:flex;flex-direction:column;background:#fff;color:#1a1a1a;transform:translate(100%);transition:transform .25s ease;box-shadow:-2px 0 20px #0003}.npx-fav-panel[data-open=true]{transform:translate(0)}.npx-fav-panel__head{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:18px 20px;border-bottom:1px solid rgba(0,0,0,.12)}.npx-fav-panel__title{margin:0;font-size:17px;font-weight:700}.npx-fav-panel__close{border:0;background:none;padding:6px;cursor:pointer;color:inherit;line-height:0}.npx-fav-panel__close svg{width:18px;height:18px}.npx-fav-panel__note{margin:0;padding:12px 20px;background:#f2f2f2;font-size:13px;border-bottom:1px solid rgba(0,0,0,.12)}.npx-fav-panel__body{flex:1 1 auto;overflow-y:auto;padding:8px 20px 20px}.npx-fav-panel__empty{padding:32px 0;font-size:14px;color:#555}.npx-fav-list{list-style:none;margin:0;padding:0}.npx-fav-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.09)}.npx-fav-item__thumb{flex:0 0 72px;width:72px;aspect-ratio:16/10;object-fit:cover;background:#eee;border-radius:3px}.npx-fav-item__body{flex:1 1 auto;min-width:0}.npx-fav-item__title{display:block;font-size:14px;line-height:1.35;color:inherit;text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.npx-fav-item__title:hover{text-decoration:underline}.npx-fav-item__remove{flex:0 0 auto;border:0;background:none;padding:6px;cursor:pointer;color:#666;line-height:0}.npx-fav-item__remove:hover{color:#1a1a1a}.npx-fav-item__remove svg{width:15px;height:15px}.npx-fav-panel__foot{border-top:1px solid rgba(0,0,0,.12);padding:16px 20px;display:flex;flex-direction:column;gap:10px}.npx-fav-btn-main,.npx-fav-btn-alt{display:block;width:100%;padding:12px 16px;border-radius:var(--btn-border-radius,3px);font:inherit;font-size:14px;text-align:center;cursor:pointer;border:1px solid #1a1a1a}.npx-fav-btn-main{background:#1a1a1a;color:#fff}.npx-fav-btn-alt{background:transparent;color:#1a1a1a}.npx-fav-panel__clear{border:0;background:none;padding:0;font:inherit;font-size:13px;color:#666;text-decoration:underline;cursor:pointer;align-self:center}.npx-fav-panel__clear:hover{color:#1a1a1a}.npx-fav-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%);z-index:120;padding:10px 18px;border-radius:999px;background:#1a1a1a;color:#fff;font-size:13px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.npx-fav-toast[data-open=true]{opacity:1;visibility:visible}@media(prefers-reduced-motion:reduce){.npx-fav-btn,.npx-fav-panel,.npx-fav-overlay,.npx-fav-toast{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/northpix-favorites.css.map */