@layer components{@keyframes rain{0%{transform:translateY(0)}to{transform:translateY(16px)}}.wrap{max-width:var(--measure);padding-inline:var(--space-md);margin-inline:auto}.narrow{max-width:38rem}.lede{color:var(--fgColor-muted);margin:0 0 var(--space-md)}.answer{border-left:2px solid var(--borderColor-default);padding-left:var(--space-sm)}.note{color:var(--fgColor-muted);font-size:var(--text-sm)}.bad{color:var(--fgColor-danger)}.given{color:var(--fgColor-success);font-weight:650}.empty{margin-block:var(--space-md);color:var(--fgColor-muted)}[aria-busy=true]{opacity:.5;transition:opacity var(--duration-fast) var(--ease-out) .15s}a.back{width:fit-content;margin-top:var(--space-xl);color:var(--fgColor-muted);font-size:var(--text-sm);display:flex}.tally{min-inline-size:1.6em;padding-inline:var(--space-2xs);corner-shape:squircle;background:var(--fgColor-default);color:var(--bgColor-default);font-size:var(--text-xs);text-align:center;border-radius:999px;margin-inline-start:var(--space-xs);font-weight:600;line-height:1.6em;display:inline-block}.play{aspect-ratio:1;background:color-mix(in oklab, var(--bgColor-default) 88%, transparent);width:clamp(24px,40%,56px);color:var(--fgColor-default);pointer-events:none;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.play .icon{width:45%;height:45%;translate:6%}.sr,.tip{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(.primary,.danger,.actions>button,form>button){min-block-size:2.75rem;padding-inline:var(--space-lg);justify-self:start}:is(.primary,.danger){background:var(--button-bgColor);border-color:var(--button-bgColor);color:var(--button-fgColor)}:is(.primary,.danger):hover{background:color-mix(in oklab, var(--button-bgColor) 88%, var(--button-fgColor))}:is(.primary,.danger):active:not(:disabled){scale:.98}:is(.primary,.danger):disabled{background:var(--borderColor-default);border-color:var(--borderColor-default);color:var(--fgColor-muted);cursor:not-allowed}.primary{--button-bgColor:var(--bgColor-accent-emphasis);--button-fgColor:var(--fgColor-onEmphasis)}.danger{--button-bgColor:var(--bgColor-danger-emphasis);--button-fgColor:var(--fgColor-onEmphasis)}.buy-now{--button-bgColor:var(--buy-bgColor);--button-fgColor:var(--fgColor-onGold)}.add-to-cart{--button-bgColor:var(--add-bgColor);--button-fgColor:var(--fgColor-onGold)}.pill{min-block-size:2.25rem;padding-block:var(--space-2xs);border-radius:var(--radius-full);font-size:var(--text-sm)}@media (pointer:coarse){.pill{min-block-size:2.75rem}}.icon{flex:none;align-self:center;width:1.25em;height:1.25em}:where(a,button,.status,h2,summary,.empty):has(>.icon){align-items:center;gap:.3em;display:inline-flex}:where(h2,summary,.empty):has(>.icon){display:flex}.bad:has(>.icon){gap:.3em;display:flex}.bad:has(>.icon)>.icon{align-self:start;height:1lh}.status{white-space:nowrap;align-items:baseline}[data-tone=success]{--tone-ink:var(--fgColor-success)}[data-tone=warn]{--tone-solid:var(--bgColor-attention-emphasis);--tone-on-solid:var(--fgColor-onEmphasis)}[data-tone=error]{--tone-ink:var(--fgColor-danger);--tone-solid:var(--bgColor-danger-emphasis);--tone-on-solid:var(--fgColor-onEmphasis)}[data-tone=quiet]{--tone-ink:var(--fgColor-muted)}.status[data-tone]{color:var(--tone-ink,inherit)}.status[data-tone=warn]{font-weight:650}.item{gap:var(--space-sm);align-items:flex-start;display:flex}.item>:not(.thumb){min-width:0}.thumb{background:var(--bgColor-default);block-size:48px;inline-size:48px;color:var(--fgColor-muted);flex:none;place-items:center;display:grid;overflow:hidden}.thumb>img{object-fit:cover;block-size:100%;inline-size:100%}.link{color:var(--fgColor-default);font-size:var(--text-sm);background:0 0;border:0;min-block-size:0;padding:0}.link:hover{background:0 0;text-decoration:underline}@supports (anchor-name:--tip){:has(>.tip){anchor-name:--tip;anchor-scope:--tip}.tip{position-anchor:--tip;position-area:top;position-try-fallbacks:flip-block;width:max-content;max-width:16rem;height:auto;margin:var(--space-xs);padding:var(--space-2xs) var(--space-xs);clip-path:none;white-space:normal;border-radius:calc(var(--radius-lg) / 2);background:var(--fgColor-default);color:var(--bgColor-default);font-size:var(--text-xs);pointer-events:none;z-index:60;opacity:0;transition:opacity var(--duration-fast) var(--ease-out), scale var(--duration-fast) var(--ease-out);font-weight:500;position:fixed;overflow:visible;scale:.96}:is(:focus-visible,:has(>:focus-visible))>.tip{opacity:1;scale:1}@media (hover:hover){:hover>.tip{opacity:1;transition-delay:.3s;scale:1}}}:is(.form-dialog,.confirm){--enter-scale:.9;--enter-translate:0 var(--space-xl);border:var(--line);border-radius:var(--radius-lg);background:var(--bgColor-default);color:var(--fgColor-default);box-shadow:var(--overlay-boxShadow);scale:var(--enter-scale);translate:var(--enter-translate)}:is(.form-dialog,.confirm) .answers{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}:is(.form-dialog,.confirm)::backdrop{background:color-mix(in oklab, var(--scrim) 40%, transparent)}:is(.form-dialog,.confirm),:is(.form-dialog,.confirm)::backdrop{opacity:0;transition:opacity, scale, translate, display allow-discrete, overlay allow-discrete;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-in)}:is(.form-dialog,.confirm):is([open],:popover-open){translate:0;scale:1}@starting-style{:is(.form-dialog,.confirm):is([open],:popover-open){scale:var(--enter-scale);translate:var(--enter-translate)}}:is(.form-dialog,.confirm):is([open],:popover-open),:is(.form-dialog,.confirm):is([open],:popover-open)::backdrop{opacity:1;transition-duration:var(--duration-slow);transition-timing-function:var(--ease-out)}@starting-style{:is(.form-dialog,.confirm):is([open],:popover-open),:is(.form-dialog,.confirm):is([open],:popover-open)::backdrop{opacity:0}}.confirm{--enter-scale:.95;--enter-translate:0 var(--space-xs);padding:var(--space-xs)}.confirm button{min-block-size:0;padding:var(--space-xs) var(--space-md)}@supports (position-area:bottom){@media (pointer:fine){.confirm{margin:var(--space-xs) 0;position-area:block-end span-inline-end;position-try-fallbacks:flip-inline, flip-block, flip-block flip-inline;inset:auto}.confirm::backdrop{background:0 0}}}.toast{z-index:60;width:fit-content;max-width:28rem;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:var(--tone-solid,var(--fgColor-default));color:var(--tone-on-solid,var(--bgColor-default));box-shadow:var(--toast-boxShadow);font-size:var(--text-base);visibility:hidden;margin-inline:auto;position:fixed;inset-block-start:16px;inset-inline:16px}.toast:not(:empty){gap:var(--space-sm);animation:toast 7s linear forwards, drop var(--duration-base) var(--ease-out);align-items:center;display:flex}.toast a{color:inherit}.toast:hover{animation-play-state:paused}@keyframes toast{0%{visibility:visible;opacity:0}6%,92%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}@keyframes drop{0%{translate:0 -12px}}.flying-photo{left:var(--fly-left);top:var(--fly-top);z-index:55;width:var(--fly-width);height:var(--fly-height);pointer-events:none;will-change:transform, opacity;animation:fly-to-cart var(--duration-slow) var(--ease-in) both;position:fixed}@keyframes fly-to-cart{to{transform:translate(var(--fly-x), var(--fly-y)) scale(var(--fly-scale));opacity:.6}}.landed{animation:landed var(--duration-base) var(--ease-out)}@keyframes landed{40%{scale:1.25}}.slides{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow:auto hidden}.slides>li{scroll-snap-align:start;flex:0 0 100%;min-width:0}.plated{--tint:transparent;isolation:isolate;position:relative}.plated:before{content:"";inset:calc(var(--plate-inset) * -1);z-index:-1;border-radius:var(--radius-xl);background:var(--tint);opacity:0;transition:opacity var(--plate-time) var(--plate-ease), scale var(--plate-time) var(--plate-ease);pointer-events:none;position:absolute;scale:.9}@media (hover:hover){.plated:hover:before{opacity:1;transition-delay:var(--plate-delay);scale:1}}.plated:focus-within:before{opacity:1;scale:1}.photo{border-radius:var(--media-borderRadius);corner-shape:var(--media-cornerShape)}:where(.thumb,.rail a){border-radius:var(--media-thumb-borderRadius);corner-shape:var(--media-cornerShape)}.zoom{all:unset}.zoom img{cursor:pointer}.zoom:focus-visible{outline:2px solid var(--focus-outlineColor);outline-offset:2px}.lightbox{background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.lightbox::backdrop{background:var(--scrim)}.lightbox .slides{height:100%}.lightbox .slides>li{place-items:center;height:100%;display:grid}.lightbox .slides img{object-fit:contain;max-width:100vw;max-height:100dvh}.lightbox :is(.close,.prev,.next,.count){background:var(--bgColor-default);color:var(--fgColor-default);position:fixed}.lightbox :is(.close,.prev,.next){border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid}.lightbox .close{top:12px;right:12px}.lightbox :is(.prev,.next){top:50%;translate:0 -50%}.lightbox :is(.close,.prev,.next) .icon{width:1.5rem;height:1.5rem}.lightbox .prev{left:12px}.lightbox .next{right:12px}.lightbox :is(.prev,.next):disabled{opacity:.4}@media (hover:none){.lightbox :is(.prev,.next){display:none}}.lightbox .count{padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-lg);corner-shape:squircle;font-size:var(--text-sm);font-variant-numeric:tabular-nums;bottom:16px;left:50%;translate:-50%}}
