.similar-strip{--paper:42 28% 93%;--paper-ink:30 20% 16%;--paper-mute:30 12% 36%;z-index:35;left:1rem;right:1rem;bottom:calc(var(--tray-clearance,5rem) + 16px);max-width:44rem;color:hsl(var(--paper-ink));filter:drop-shadow(0 1px 1px hsl(var(--lift) / .35)) drop-shadow(0 6px 8px hsl(var(--lift) / .28));transform-origin:bottom;margin-inline:auto;padding:.4rem 1rem .55rem;animation:.24s cubic-bezier(.2,.8,.2,1) both similar-peel;position:fixed;transform:rotate(-.35deg)}.dark .similar-strip{--paper:220 7% 22%;--paper-ink:40 20% 94%;--paper-mute:40 10% 74%}.similar-strip:before{content:"";z-index:-1;background:linear-gradient(105deg, transparent 30%, #ffffff73 42%, transparent 54%), repeating-linear-gradient(0deg, hsl(var(--paper-ink) / .025) 0 1px, transparent 1px 3px), hsl(var(--paper));box-shadow:inset 0 0 0 1px hsl(var(--paper-ink) / .1);clip-path:polygon(0 5px,6% 2px,13% 5px,22% 1px,31% 4px,42% 0,53% 4px,64% 1px,75% 5px,86% 2px,94% 4px,100% 1px,100% 100%,0 100%);border-radius:3px;position:absolute;inset:0;-webkit-mask:radial-gradient(4px at 0,#0000 98%,#000) 0/51% 14px repeat-y,radial-gradient(4px at 100%,#0000 98%,#000) 100%/51% 14px repeat-y;mask:radial-gradient(4px at 0,#0000 98%,#000) 0/51% 14px repeat-y,radial-gradient(4px at 100%,#0000 98%,#000) 100%/51% 14px repeat-y}.dark .similar-strip:before{background:linear-gradient(105deg, transparent 30%, #ffffff17 42%, transparent 54%), repeating-linear-gradient(0deg, #ffffff05 0 1px, transparent 1px 3px), hsl(var(--paper));box-shadow:inset 0 0 0 1px #ffffff1a}@keyframes similar-peel{0%{opacity:0;transform:translateY(14px)rotate(-2deg)scale(.97)}to{opacity:1;transform:rotate(-.35deg)}}@media (prefers-reduced-motion:reduce){.similar-strip{animation:none}}.similar-head{align-items:center;gap:.5rem;min-height:32px;display:flex}.similar-head img{object-fit:contain;flex:none}.similar-head p{min-width:0;color:hsl(var(--paper-mute));white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.75rem;overflow:hidden}.similar-head b{font-family:var(--font-code);color:hsl(var(--paper-ink));margin-inline-start:.3em;font-weight:600;display:inline-block}.similar-close{cursor:pointer;min-width:32px;min-height:32px;color:hsl(var(--paper-ink));border-radius:999px;flex:none;font-size:.8125rem}.similar-close:hover{background:hsl(var(--paper-ink) / .1)}.similar-list{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:.5rem;margin:.25rem -1rem 0;padding:.5rem 1.25rem .25rem;scroll-padding-inline:1.25rem;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.1rem calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1.1rem calc(100% - 2rem),#0000)}.similar-item{scroll-snap-align:start;flex:none;width:76px;position:relative}.similar-pick{text-align:center;cursor:pointer;border:1.5px dashed hsl(var(--paper-ink) / .3);width:100%;color:hsl(var(--paper-ink));transition:transform .25s var(--spring,cubic-bezier(.34, 1.56, .64, 1)), box-shadow .2s ease, background-color .2s ease;border-radius:16px;padding:.3rem .25rem .25rem;display:block;position:relative}.similar-pick img{object-fit:contain;width:56px;height:56px;filter:drop-shadow(0 1px 1px hsl(var(--lift) / .25));margin:0 auto;display:block}.similar-pick span{white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-code);margin-top:.125rem;font-size:.625rem;display:block;overflow:hidden}.similar-pick:hover{background:hsl(var(--paper-ink) / .06)}.similar-pick[aria-pressed=true]{border-style:solid;border-color:hsl(var(--cut));background:hsl(var(--paper));background-image:linear-gradient(hsl(var(--cut) / .12), hsl(var(--cut) / .12));box-shadow:0 6px 8px -2px hsl(var(--lift) / .35);transform:translateY(-4px)rotate(-3deg)}.similar-pick i{background:hsl(var(--cut));color:#fff;text-align:center;width:18px;height:18px;box-shadow:0 1px 2px hsl(var(--lift) / .4);border-radius:999px;font-size:.625rem;font-style:normal;line-height:18px;display:none;position:absolute;top:-5px;right:-5px}.similar-pick[aria-pressed=true] i{display:block}.similar-pick[data-preview-unavailable]:after{content:"?";height:56px;color:hsl(var(--paper-mute));pointer-events:none;place-items:center;display:grid;position:absolute;inset:.3rem .25rem auto}@media (prefers-reduced-motion:reduce){.similar-pick{transition:none}}.similar-chain{border:1px solid hsl(var(--paper-ink) / .3);background:hsl(var(--paper));width:24px;height:24px;color:hsl(var(--paper-ink));cursor:pointer;opacity:0;border-radius:999px;font-size:.6875rem;transition:opacity .15s;position:absolute;top:-4px;left:-4px}.similar-item:hover .similar-chain,.similar-item:focus-within .similar-chain,.similar-chain:focus-visible{opacity:1}.similar-chain:hover{background:hsl(var(--cut) / .2)}@media (hover:none){.similar-chain{opacity:.75;width:28px;height:28px}}@media (pointer:coarse){.similar-close{min-width:44px;min-height:44px;margin:-6px -6px -6px 0}}.similar-note{min-height:56px;color:hsl(var(--paper-mute));align-items:center;gap:.75rem;margin:.25rem 0 0;font-size:.8125rem;display:flex}.similar-note button{min-height:44px;color:hsl(var(--paper-ink));cursor:pointer;padding:0 .5rem;text-decoration:underline}.similar-strip button:focus-visible{outline:2px solid hsl(var(--cut));outline-offset:1px}