.rive-ui{--rive-ui-selected:var(--rive-ui-pack-selected,var(--mat-selected,var(--shop-accent,#ff5ebb)));--rive-ui-cool:var(--rive-ui-pack-cool,var(--mat-cool,var(--shop-accent,#68e3e8)));--rive-ui-cta:var(--rive-ui-pack-cta,var(--shop-cta,var(--shop-accent,#ff628f)));--rive-ui-status:var(--rive-ui-pack-status,var(--mat-status,var(--shop-accent,#b5f0cc)));--rive-ui-ink:var(--rive-ui-pack-ink,var(--shop-onCta,var(--shop-onAccent,#2a0c1c)));--rive-ui-core:var(--lightningcss-light,#0000)var(--lightningcss-dark,#ffffffd9);vertical-align:middle;pointer-events:none;contain:layout style;flex:none;display:inline-block;position:relative}.rive-ui[data-surface=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--rive-ui-selected:var(--rive-ui-pack-selected,oklch(from var(--mat-selected,var(--shop-accent,#ff5ebb)) min(l, .6) c h));--rive-ui-cool:var(--rive-ui-pack-cool,oklch(from var(--mat-cool,var(--shop-accent,#68e3e8)) min(l, .56) max(c, .1) h));--rive-ui-status:var(--rive-ui-pack-status,oklch(from var(--mat-status,var(--shop-accent,#b5f0cc)) min(l, .56) max(c, .1) h))}.rive-ui-fallback,.rive-ui-fallback>svg,.rive-ui-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.rive-ui-fallback>svg{overflow:visible}.rive-ui-halo{filter:blur(1.6px)}.rive-ui[data-live]>.rive-ui-fallback{visibility:hidden}.rive-ui-canvas{transition:opacity .22s var(--ease-out,cubic-bezier(.23, 1, .32, 1))}.rive-ui-canvas[data-layer=pending],.rive-ui-canvas[data-layer=out]{opacity:0}@media (prefers-reduced-motion:reduce){:where(:root:not([data-motion=full])) .rive-ui-canvas{transition:none}}:where(:root[data-motion=calm]) .rive-ui-canvas{transition:none}.rive-ui-breath{pointer-events:none;opacity:0;animation:rive-ui-breathe 2s var(--ease-in-out,cubic-bezier(.77, 0, .175, 1)) 2.4s infinite alternate both;position:absolute;inset:0}.rive-ui-breath>svg{filter:blur(2.4px);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rive-ui[data-surface=light]>.rive-ui-breath{display:none}@keyframes rive-ui-breathe{0%{opacity:0}to{opacity:.6}}
.card-favorite{--favorite-line:var(--mat-selected,var(--shop-accent));--favorite-fill:var(--shop-cta,var(--shop-accent));--favorite-plate:var(--mat-glass,color-mix(in oklab, var(--shop-surface) 78%, transparent));--favorite-rim:var(--mat-edge-hi,color-mix(in oklab, var(--shop-text) 18%, transparent));--favorite-glow:1;box-sizing:border-box;border:1px solid var(--favorite-rim);background:radial-gradient(120% 90% at 30% 18%, #fff3, transparent 58%), var(--favorite-plate);block-size:44px;inline-size:44px;color:var(--favorite-line);font:600 15px / 1 var(--shop-font,inherit);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--spring-lift-ms,.483s) var(--spring-lift,cubic-bezier(.23, 1, .32, 1));border-radius:50%;flex:none;place-items:center;margin:0;padding:0;display:inline-grid;position:relative;box-shadow:inset 0 1px #ffffff42,0 8px 18px -10px #0000008c;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.26),0 8px 18px -10px lab(0% 0 0/.54902)}@supports (color:lab(0% 0 0)){.card-favorite{background:radial-gradient(120% 90% at 30% 18%, lab(100% -.0000298023 .0000119209/.2), transparent 58%), var(--favorite-plate)}}@container style(--mat-bloom:0 0 0 transparent){.card-favorite{--favorite-glow:0}}[data-shop-theme] .card-favorite[data-slot]{border-radius:var(--part-button-radius,50%)}[data-shop-theme] .card-favorite[data-slot][data-variant=plate]{border-radius:var(--part-button-radius,999px)}.card-favorite:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px color-mix(in oklab, var(--favorite-fill) 70%, transparent), 0 0 18px -2px color-mix(in oklab, var(--favorite-fill) calc(var(--favorite-glow) * 72%), transparent), inset 0 0 12px -4px color-mix(in oklab, var(--favorite-fill) calc(var(--favorite-glow) * 60%), transparent);opacity:0;transition:opacity .22s var(--ease-out,cubic-bezier(.23, 1, .32, 1));position:absolute;inset:-1px}.card-favorite[aria-pressed=true]:after{opacity:1}.card-favorite:focus-visible{outline:2px solid var(--mat-focus,var(--shop-accent));outline-offset:2px}@media (hover:hover) and (pointer:fine){.card-favorite:not(:disabled):hover{transform:scale(1.08)}}.card-favorite:not(:disabled):active{transition-duration:var(--spring-press-ms,.167s);transition-timing-function:var(--spring-press,cubic-bezier(.23, 1, .32, 1));transform:scale(.9)}.card-favorite:disabled{cursor:default}.card-favorite-glyph{pointer-events:none;transform-origin:50% 55%;flex:none;block-size:40px;inline-size:40px;display:block;position:relative}.card-favorite[data-variant=plate]>.card-favorite-glyph{block-size:30px;inline-size:30px}.card-favorite-heart,.card-favorite-glyph:before{position:absolute;inset:0}.card-favorite-heart{-webkit-mask:var(--favorite-heart-line) center / 100% 100% no-repeat;mask:var(--favorite-heart-line) center / 100% 100% no-repeat;background:var(--favorite-line);filter:drop-shadow(0 0 2px color-mix(in oklab, var(--favorite-line) calc(var(--favorite-glow) * 80%), transparent))}.card-favorite-glyph:before{content:"";-webkit-mask:var(--favorite-heart-fill) center / 100% 100% no-repeat;mask:var(--favorite-heart-fill) center / 100% 100% no-repeat;background:var(--favorite-fill);opacity:0;transition:opacity .16s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), transform var(--spring-settle-ms,.573s) var(--spring-settle,cubic-bezier(.23, 1, .32, 1));transform:scale(.4)}.card-favorite[aria-pressed=true] .card-favorite-glyph:before{opacity:1;transform:none}.card-favorite-glyph:has(>.rive-ui[data-live])>.card-favorite-heart{visibility:hidden}.card-favorite-glyph:has(>.rive-ui[data-live]):before{visibility:hidden}.card-favorite .rive-ui:not([data-live])>.rive-ui-fallback{visibility:hidden}.card-favorite .rive-ui{position:absolute;inset:0}.product-card>.card-favorite{z-index:3;position:absolute;inset-block-start:8px;inset-inline-end:8px}.product-card[data-zoom=true]>.card-favorite,:is([data-shop-material=fresh],[data-shop-look=fresh],:root:has(#shop-theme-prepaint[data-look=fresh])) .product-card:not([data-zoom=false],.density-compact)>.card-favorite{inset-inline:8px auto}.product-card.density-compact>.card-favorite{block-size:36px;inline-size:36px;inset-block-start:6px;inset-inline-end:6px}.product-card.density-compact>.card-favorite:before{content:"";position:absolute;inset:-4px}.product-card.density-compact>.card-favorite>.card-favorite-glyph{scale:.82}.product-card:has(>.card-favorite):not(:has(>.product-art))>[data-slot=card-content]{padding-inline-end:56px}@supports (anchor-scope:--favorite-tile){@container style(--mat-vapor-edge:1) and (not style(--mat-photo-aspect:auto)){.product-card:has(>.card-favorite){anchor-scope:--favorite-tile}.product-card:has(>.card-favorite)>.product-art>img{anchor-name:--favorite-tile}.product-card>.card-favorite{position-anchor:--favorite-tile;position-visibility:always;inset-block-start:calc(anchor(inside, 2px) + 6px);inset-inline-end:calc(anchor(inside, 2px) + 6px)}.product-card[data-zoom=true]>.card-favorite{inset-inline-start:calc(anchor(inside, 2px) + 6px);inset-inline-end:auto}.product-card.density-compact>.card-favorite{inset-block-start:calc(anchor(inside, 2px) + 4px);inset-inline-end:calc(anchor(inside, 2px) + 4px)}}}.card-favorite[data-variant=plate]{inline-size:auto;min-inline-size:44px;color:var(--shop-text,currentColor);border-radius:999px;grid-auto-flow:column;gap:4px;padding-block:0;padding-inline:6px 16px}.card-favorite[data-variant=plate] .card-favorite-word{color:var(--shop-text,currentColor)}.product-unfold .product-unfold-quiet .card-favorite[data-variant=plate][data-slot]:before{inset:-6px -3px}.card-favorite[data-variant=plate][aria-pressed=true]{background:radial-gradient(120% 90% at 30% 18%, #ffffff2e, transparent 58%), color-mix(in oklab, var(--favorite-fill) 22%, var(--favorite-plate))}@supports (color:lab(0% 0 0)){.card-favorite[data-variant=plate][aria-pressed=true]{background:radial-gradient(120% 90% at 30% 18%, lab(100% -.0000298023 .0000119209/.18), transparent 58%), color-mix(in oklab, var(--favorite-fill) 22%, var(--favorite-plate))}}.card-favorite-name{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){:where(:root:not([data-motion=full])) .card-favorite,:where(:root:not([data-motion=full])) .card-favorite:after,:where(:root:not([data-motion=full])) .card-favorite-glyph:before{transition:none}}:where(:root[data-motion=calm]) .card-favorite,:where(:root[data-motion=calm]) .card-favorite:after,:where(:root[data-motion=calm]) .card-favorite-glyph:before{transition:none}.shopping-favorites{gap:14px;min-inline-size:0;display:grid}.favorites-heading{align-items:baseline;gap:10px;display:flex}.favorites-heading>h2{font:700 var(--part-title-fontSize,20px) / 1.2 var(--shop-font,inherit);color:var(--shop-text);margin:0}.favorites-count{background:color-mix(in oklab, var(--shop-cta,var(--shop-accent)) 18%, transparent);color:var(--shop-text);font:600 12px / 1.4 var(--shop-font,inherit);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,164px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.shopping-favorites[data-placement=sheet] .favorites-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.favorites-item{min-inline-size:0;transition:transform var(--spring-settle-ms,.573s) var(--spring-settle,cubic-bezier(.23, 1, .32, 1)), opacity .22s var(--ease-out,cubic-bezier(.23, 1, .32, 1))}@starting-style{.favorites-item{opacity:0;transform:translateY(10px)scale(.92)}}.favorites-item>.product-theme,.favorites-item .product-card{block-size:100%}.favorites-item[data-morph-ghost]{transform-origin:50%;list-style:none;transition:none}.favorites-empty{text-align:center;justify-items:center;gap:8px;padding:8px 12px 20px;display:grid}.favorites-empty-heart{--favorite-line:var(--mat-selected,var(--shop-accent));--favorite-fill:var(--shop-cta,var(--shop-accent));--favorite-glow:1;box-sizing:border-box;border:1px solid var(--mat-edge-hi,color-mix(in oklab, var(--shop-text) 18%, transparent));background:radial-gradient(120% 90% at 30% 18%, #fff3, transparent 58%), var(--mat-glass,color-mix(in oklab, var(--shop-surface) 78%, transparent));block-size:112px;inline-size:112px;transition:transform var(--spring-settle-ms,.573s) var(--spring-settle,cubic-bezier(.23, 1, .32, 1)), opacity .22s var(--ease-out,cubic-bezier(.23, 1, .32, 1));border-radius:50%;place-items:center;margin-block:6px 2px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff42,0 16px 34px -20px #0009;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.26),0 16px 34px -20px lab(0% 0 0/.6)}@supports (color:lab(0% 0 0)){.favorites-empty-heart{background:radial-gradient(120% 90% at 30% 18%, lab(100% -.0000298023 .0000119209/.2), transparent 58%), var(--mat-glass,color-mix(in oklab, var(--shop-surface) 78%, transparent))}}@starting-style{.favorites-empty-heart{opacity:0;transform:scale(.7)}}@container style(--mat-bloom:0 0 0 transparent){.favorites-empty-heart{--favorite-glow:0}}.favorites-empty-heart:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 30px -6px color-mix(in oklab, var(--favorite-fill) calc(var(--favorite-glow) * 55%), transparent);position:absolute;inset:-1px}.favorites-empty-glyph{transform-origin:50% 55%;block-size:58px;inline-size:58px;animation:favorites-heartbeat 1.2s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) .46s 2 both;position:relative}.favorites-empty-glyph:before,.favorites-empty-line{position:absolute;inset:0}.favorites-empty-glyph:before{content:"";-webkit-mask:var(--favorite-heart-fill) center / 100% 100% no-repeat;mask:var(--favorite-heart-fill) center / 100% 100% no-repeat;background:var(--favorite-fill);opacity:.2}.favorites-empty-line{-webkit-mask:var(--favorite-heart-line) center / 100% 100% no-repeat;mask:var(--favorite-heart-line) center / 100% 100% no-repeat;background:var(--favorite-line);filter:drop-shadow(0 0 3px color-mix(in oklab, var(--favorite-line) calc(var(--favorite-glow) * 80%), transparent))}@keyframes favorites-heartbeat{0%,to{transform:none}14%{transform:scale(1.14)}28%{transform:scale(.97)}42%{transform:scale(1.08)}62%{transform:none}}.favorites-empty-title{font:700 17px / 1.3 var(--shop-font,inherit);color:var(--shop-text);margin:4px 0 0}.favorites-empty-hint{max-inline-size:34ch;font:400 14px / 1.45 var(--shop-font,inherit);color:var(--shop-muted,var(--shop-text));margin:0}.favorites-browse{background:var(--shop-cta,var(--shop-accent));min-block-size:44px;color:var(--shop-onCta,var(--shop-onAccent));font:600 15px / 1 var(--shop-font,inherit);cursor:pointer;transition:transform var(--spring-press-ms,.167s) var(--spring-press,cubic-bezier(.23, 1, .32, 1));border:0;border-radius:999px;margin-block-start:6px;padding:0 20px}.favorites-browse:active:not(:disabled){transform:scale(.96)}.favorites-browse:disabled{opacity:.5;cursor:default}.favorites-browse:focus-visible{outline:2px solid var(--mat-focus,var(--shop-accent));outline-offset:2px}@media (prefers-reduced-motion:reduce){:where(:root:not([data-motion=full])) .favorites-item,:where(:root:not([data-motion=full])) .favorites-browse,:where(:root:not([data-motion=full])) .favorites-empty-heart{transition:none}:where(:root:not([data-motion=full])) .favorites-empty-glyph{animation:none}}:where(:root[data-motion=calm]) .favorites-item,:where(:root[data-motion=calm]) .favorites-browse,:where(:root[data-motion=calm]) .favorites-empty-heart{transition:none}:where(:root[data-motion=calm]) .favorites-empty-glyph{animation:none}
