.likes{padding:20px 16px 32px;color:var(--app-ink, #1c1c1a)}.likes [hidden]{display:none!important}.likes__head{margin-bottom:14px}.likes__title{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}.likes__status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:4px 0 0;font-size:13px;color:var(--app-muted, #8a8680)}.likes__status svg{flex:0 0 auto}.likes__dot{opacity:.6}.likes__status-ok{display:inline-flex;align-items:center;gap:4px;color:var(--app-accent, #2d4a2a)}.likes__status-flag{display:inline-flex;align-items:center;gap:4px;color:var(--app-warn)}.likes__status-cta{margin-left:2px;padding:3px 10px;border-radius:999px;background:rgb(var(--app-warn-rgb) / 16%);color:var(--app-warn);font-weight:700;text-decoration:none}.likes__plan{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 10px 10px 12px;border-radius:16px;background:var(--app-surface);color:inherit;text-decoration:none}.likes__plan-icon{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--app-accent-soft, #b8d4b0);color:var(--app-accent, #2d4a2a)}.likes__plan-text{display:flex;flex:1 1 auto;flex-direction:column;gap:1px;min-width:0;font-size:12px;line-height:1.3;color:var(--app-muted, #8a8680)}.likes__plan-text strong{font-size:14px;color:var(--app-ink, #1c1c1a)}.likes__plan-go{flex:0 0 auto;padding:8px 14px;border-radius:999px;background:rgb(var(--app-ink-rgb) / 10%);font-size:13px;font-weight:700}.likes__plan.is-ready .likes__plan-go{background:var(--app-accent-fill);color:var(--app-on-accent)}.likes__tools{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.likes__search{display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:12px;background:var(--app-surface);color:var(--app-muted, #8a8680)}.likes__search input{flex:1 1 auto;min-width:0;height:40px;padding:0;border:0;background:transparent;color:var(--app-ink, #1c1c1a);font:inherit;font-size:16px;outline:none}.likes__bar{display:flex;align-items:center;gap:8px}.likes__filters{display:flex;flex:1 1 auto;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;margin:-2px 0;padding:2px 16px 2px 0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent)}.likes__filters::-webkit-scrollbar{display:none}.likes__chip{flex:0 0 auto;padding:7px 12px;border:1px solid var(--app-line, rgb(0 0 0 / 12%));border-radius:999px;background:transparent;color:var(--app-ink, #1c1c1a);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.likes__chip span{margin-left:2px;opacity:.55}.likes__chip.is-on{border-color:var(--app-ink, #1c1c1a);background:var(--app-ink, #1c1c1a);color:var(--app-bg)}.likes__sort{position:relative;flex:0 0 auto;margin-left:auto;color:var(--app-muted, #8a8680)}.likes__sort select{appearance:none;-webkit-appearance:none;padding:7px 26px 7px 10px;border:0;border-radius:999px;background:transparent;color:var(--app-ink, #1c1c1a);font:inherit;font-size:13px;font-weight:600;text-align:right;cursor:pointer}.likes__sort select option{background:var(--app-surface);color:var(--app-ink, #1c1c1a)}.likes__sort svg{position:absolute;top:50%;right:8px;transform:translateY(-50%);pointer-events:none}.likes__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.like-card{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:20px;background:var(--app-surface)}.like-card__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:#fff;text-decoration:none}.like-card__link img,.like-card__ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.like-card__ph{background:linear-gradient(160deg,#3b5e36,#1f3a1d)}.like-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 45%,#0a100acc)}.like-card__body{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px}.like-card__title{display:-webkit-box;overflow:hidden;font-size:14px;font-weight:700;line-height:1.2;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.like-card__chips{display:flex;flex-wrap:wrap;gap:4px}.like-card__chip{padding:3px 8px;border-radius:999px;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px;font-weight:600}.like-card__chip--protein{background:rgb(var(--app-media-accent-rgb) / 18%);color:var(--app-media-accent)}.like-card__unlike{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#0e140e66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ff5a6e;cursor:pointer;transition:transform .15s var(--app-ease, ease)}.like-card__unlike:active{transform:scale(.86)}.like-card__plan{position:absolute;top:48px;right:6px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0e140e66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;transition:transform .15s var(--app-ease, ease)}.like-card__plan:active{transform:scale(.86)}.likes-save{position:relative;grid-column:1 / -1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px 16px;border:1px solid rgb(var(--app-warn-rgb) / 28%);border-radius:20px;background:radial-gradient(120% 90% at 100% 0%,rgb(var(--app-warn-rgb) / 14%),transparent 60%),var(--app-surface)}.likes-save__close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--app-muted, #8a8680);cursor:pointer}.likes-save__stack{display:flex;margin-bottom:2px;padding-left:8px}.likes-save__stack img,.likes-save__stack span{width:40px;height:40px;margin-left:-8px;border:2px solid var(--app-surface);border-radius:50%;object-fit:cover;background:var(--app-bg)}.likes-save__stack span{display:grid;place-items:center;font-size:12px;font-weight:700}.likes-save__title{padding-right:28px;font-size:17px;line-height:1.25}.likes-save__text{margin:0;font-size:13px;line-height:1.45;color:var(--app-muted, #8a8680)}.likes-save__cta{align-self:stretch;margin-top:6px;text-align:center}.likes-save__fine{align-self:center;font-size:11px;color:var(--app-muted, #8a8680)}.likes__btn{display:inline-block;padding:13px 24px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none}.likes__btn--primary{background:var(--app-accent-fill);color:var(--app-on-accent)}.likes__btn--ghost{color:var(--app-ink, #1c1c1a)}.likes__nomatch{padding:40px 24px;text-align:center;color:var(--app-muted, #8a8680)}.likes__nomatch p{margin:0 0 12px;font-size:14px}.likes__nomatch button{padding:9px 16px;border:1px solid var(--app-line, rgb(0 0 0 / 12%));border-radius:999px;background:transparent;color:var(--app-ink, #1c1c1a);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.likes__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;text-align:center;color:var(--app-muted, #8a8680)}.likes__empty-art{position:relative;width:150px;height:120px;margin-bottom:8px}.likes__empty-art span{position:absolute;top:10px;left:50%;width:72px;height:96px;margin-left:-36px;border-radius:14px;background:var(--app-surface);border:1px solid var(--app-line, rgb(0 0 0 / 12%))}.likes__empty-art span:nth-child(1){transform:translate(-34px) rotate(-10deg)}.likes__empty-art span:nth-child(3){transform:translate(34px) rotate(10deg)}.likes__empty-art svg{position:absolute;top:43px;left:50%;margin-left:-15px;color:var(--app-red)}.likes__empty h2{margin:0;font-size:20px;color:var(--app-ink, #1c1c1a)}.likes__empty p{max-width:300px;margin:0 0 12px;font-size:14px;line-height:1.45}.likes__toast{position:fixed;left:50%;bottom:calc(var(--app-bottom, 60px) + 14px);z-index:80;display:flex;align-items:center;gap:14px;padding:10px 10px 10px 16px;border-radius:999px;background:var(--app-surface-2);color:var(--app-ink);font-size:14px;white-space:nowrap;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}.likes__toast button{padding:8px 14px;border:0;border-radius:999px;background:rgb(var(--app-ink-rgb) / 16%);color:var(--app-ink);font:inherit;font-weight:700;cursor:pointer}.likes__noscript{padding:24px;text-align:center;color:var(--app-muted, #8a8680)}.likes__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.like-card__play{position:absolute;top:10px;left:10px;display:grid;place-items:center;width:26px;height:26px;padding-left:2px;border-radius:50%;background:#0e140e66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.like-card{transition:transform .18s var(--app-ease, ease)}.like-card:has(.like-card__link:active){transform:scale(.97)}.likes__grid.is-entering :is(.like-card,.likes-save){animation:likes-rise .42s var(--app-ease, ease) both;animation-delay:calc(var(--i, 0) * 35ms)}@keyframes likes-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}}::view-transition-group(*.lk){animation-duration:.38s;animation-timing-function:var(--app-ease, ease)}::view-transition-old(*.lk):only-child{animation:likes-out .22s ease-in both}::view-transition-new(*.lk):only-child{animation:likes-in .34s var(--app-ease, ease) .08s both}@keyframes likes-out{to{opacity:0;transform:scale(.85)}}@keyframes likes-in{0%{opacity:0;transform:scale(.85)}}.likes__toast{transition:opacity .24s var(--app-ease, ease),transform .3s var(--app-ease, ease),display .3s allow-discrete}.likes__toast[hidden]{display:none;opacity:0;transform:translate(-50%,16px) scale(.96)}@starting-style{.likes__toast:not([hidden]){opacity:0;transform:translate(-50%,16px) scale(.96)}}@media(prefers-reduced-motion:reduce){.like-card,.likes__toast{transition:none}.likes__grid.is-entering :is(.like-card,.likes-save){animation:none}}.likes-own{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 14px;border:1.5px dashed rgb(var(--app-accent-rgb) / 35%);background:rgb(var(--app-accent-rgb) / 5%);color:var(--app-ink);text-align:center;text-decoration:none;transition:transform .18s var(--app-ease, ease),background-color .2s}.likes-own:active{transform:scale(.97);background:rgb(var(--app-accent-rgb) / 10%)}.likes-own__plus{display:grid;place-items:center;width:56px;height:56px;margin-bottom:4px;border-radius:50%;background:var(--app-accent-fill);color:var(--app-on-accent, #fff);box-shadow:0 8px 18px rgb(var(--app-accent-rgb) / 30%)}.likes-own__title{font-size:15px;font-weight:800;line-height:1.2;color:var(--app-ink)}.likes-own__note{font-size:12px;line-height:1.35;color:var(--app-muted)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/vhp-likes.css.map */