.specimen-tile{min-width:0;list-style:none}.specimen-tile__link{gap:var(--space-4);border-radius:var(--radius-plate);color:inherit;text-decoration:none;display:grid}.specimen-tile__field{isolation:isolate;aspect-ratio:4/5;border-radius:var(--radius-plate);background:var(--area-light);position:relative;overflow:clip}.specimen-tile__material{opacity:.68}.specimen-tile__field:before{z-index:1;background:var(--tile-hover-veil);opacity:0;content:"";position:absolute;inset:0}@media (hover:hover){.specimen-tile__field:hover:before{opacity:1}.specimen-tile:has(.specimen-tile__vial:hover) .specimen-tile__name{-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}}.specimen-tile__field:has(>.specimen-tile__vial:focus-visible):before{opacity:1}.specimen-tile__stage{--stage-glass:.74;--stage-base:.12;z-index:2;width:100%;height:100%}.specimen-tile__vial{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none;display:block}.specimen-tile__vial:focus-visible{outline:none}.specimen-tile__field:has(>.specimen-tile__vial:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.specimen-tile__vial[data-leaving=true] .vial-drum{opacity:0!important;transition:none!important}.specimen-tile__vial[data-leaving=true] .specimen__picture{visibility:visible!important;transition:none!important}@media (hover:hover) and (pointer:fine){.specimen-tile__vial.specimen-stage[data-turnable=true]{cursor:pointer}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.specimen-tile__vial:focus-visible .specimen__object{--vial-lift:-8px}.specimen-tile__vial:focus-visible .specimen__light{opacity:1}.specimen-tile__vial:focus-visible .specimen-stage__shadow:before{opacity:.82;scale:1.05 .98}.specimen-tile__vial:focus-visible .specimen-stage__shadow:after{opacity:.6;scale:.96 1.3}}.specimen-tile__text{gap:var(--space-1);min-width:0;display:grid}.specimen-tile__headline{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.specimen-tile__price{color:var(--ink);font-family:var(--font-plex-mono);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:16px;line-height:24px}.specimen-tile__name{color:var(--ink);font-family:var(--font-sans);letter-spacing:var(--type-card-tracking);text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:var(--hairline-width);text-underline-offset:6px;margin:0;font-size:20px;font-weight:500;line-height:22px}.specimen-tile__link:hover .specimen-tile__name{-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.specimen-tile__class{height:calc(2em * var(--type-card-leading));color:var(--quiet);font-size:var(--type-card-size);line-height:var(--type-card-leading);letter-spacing:var(--type-card-tracking);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.specimen-tile__from{min-height:24px;margin:var(--space-1) 0 0;color:var(--ink);font-family:var(--font-plex-mono);font-variant-numeric:tabular-nums;font-size:16px;line-height:24px}.specimen-tile__soon{top:var(--space-4);left:var(--space-4);z-index:2;color:var(--quiet-on-area);font-family:var(--font-plex-mono);font-size:var(--type-caption-size);line-height:var(--type-caption-leading);pointer-events:none;position:absolute}@media (width<=599px){.specimen-tile__field--soon .specimen-tile__stage{--stage-base:.08;--soon-glass-top:calc(var(--space-4) + var(--type-caption-leading) + 12px);--vial-h:calc(min(var(--stage-glass) * 100cqh, (1 - var(--stage-base)) * 100cqh - var(--soon-glass-top)) / var(--specimen-glass-share))}}@media (prefers-reduced-motion:no-preference){.specimen-tile__field:before,.specimen-tile__name{transition:all var(--duration-tile) var(--ease-tile)}}@media (width<=767px){.specimen-tile__link{gap:var(--space-3)}.specimen-tile__class{height:calc(3em * var(--type-card-leading));-webkit-line-clamp:3;line-clamp:3}}.specimen-tile--selectable{flex-direction:column;gap:16px;display:flex}.specimen-tile--selectable .specimen-tile__field{place-items:center;display:grid}.specimen-tile__explore{z-index:3;border:1px solid var(--hairline);background:var(--ground);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.specimen-tile__purchase{gap:12px;margin-top:auto;display:grid}.specimen-tile__strengths{border:0;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;display:flex}.specimen-tile__strengths button{border:1px solid var(--hairline);border-radius:var(--radius-control);min-width:44px;min-height:44px;color:var(--ink);background:0 0;flex:auto;padding:7px 10px;font-size:13px}.specimen-tile__strengths button[aria-pressed=true]{border-color:var(--forest);background:var(--mint);color:var(--forest)}.specimen-tile__add{border:1px solid var(--forest);border-radius:var(--radius-pill);background:var(--forest);min-height:48px;color:var(--ground);justify-content:space-between;align-items:center;gap:8px;padding:10px 15px;font-size:14px;font-weight:500;display:flex}.specimen-tile__add:hover:not(:disabled){background:var(--forest-pressed);color:var(--ground)}.specimen-tile__add:disabled{opacity:.55}.specimen-tile__feedback{min-height:20px;color:var(--quiet);justify-content:center;align-items:center;gap:4px;margin:0;font-size:12px;line-height:20px;display:flex}.specimen-tile__feedback a{text-underline-offset:3px}@media (width<=599px){.specimen-tile--selectable{gap:12px}.specimen-tile__add{padding:9px 10px;font-size:12px}.specimen-tile__strengths button{padding-inline:5px}.specimen-tile__feedback{flex-wrap:wrap;font-size:11px}}@media (prefers-reduced-motion:no-preference){.specimen-tile__add,.specimen-tile__strengths button{transition:color .18s,background-color .18s,border-color .18s}}
