.spotCardWrapper{background:var(--color-white);isolation:isolate;border-radius:16px;width:100%;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.spotCardAction{color:var(--color-gray-400);background:var(--color-gray-100);justify-content:flex-end;align-items:center;padding-right:30px;transition:color .2s,background .2s;display:flex;position:absolute;inset:0}.spotCardAction--triggered{color:#e53935;background:#ffebee}.spotCardAction--saved{color:#e53935}.spotCard{background:var(--color-white);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000001a;border-radius:16px;gap:16px;width:100%;padding:16px;transition:border-color .3s;display:flex;position:relative}.spotCard:active{cursor:pointer}.spotCard:hover{border-color:#000c}.spotCardImage{object-fit:cover;pointer-events:none;border-radius:8px;flex-shrink:0;width:80px;height:80px}.spotCardInfo{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.spotCardTop{justify-content:space-between;align-items:center;width:100%;display:flex}.spotCardName{font-family:var(--font-family);letter-spacing:-.5px;color:var(--color-black);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:800;overflow:hidden}.spotCardTag{font-family:var(--font-family);letter-spacing:.5px;border-radius:100px;flex-shrink:0;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.spotCardTag--food{background:var(--color-tag-food-bg);color:var(--color-tag-food-text)}.spotCardTag--bar{background:var(--color-tag-bar-bg);color:var(--color-tag-bar-text)}.spotCardTag--culture{background:var(--color-tag-culture-bg);color:var(--color-tag-culture-text)}.spotCardTag--relax{background:var(--color-tag-relax-bg);color:var(--color-tag-relax-text)}.spotCardTag--park{background:var(--color-tag-park-bg);color:var(--color-tag-park-text)}.spotCardTag--cafe{background:var(--color-tag-cafe-bg);color:var(--color-tag-cafe-text)}.spotCardTag--popup{background:var(--color-tag-popup-bg);color:var(--color-tag-popup-text)}.spotCardTag--new{color:#f57f17;background:#fff9c4;font-size:11px}.spotCardTags{flex-shrink:0;align-items:center;gap:4px;display:flex}.spotCardMeta{align-items:center;gap:4px;display:flex}.spotCardMeta svg{color:var(--color-gray-700);flex-shrink:0}.spotCardMetaText{font-family:var(--font-family);color:var(--color-gray-600);font-size:11px;font-weight:400}.spotCardDot{color:var(--color-gray-600);font-size:11px}.spotCardRating{align-items:center;gap:3px;display:flex}.spotCardRating svg{color:var(--color-gray-600)}.spotCardRatingText{font-family:var(--font-family);color:var(--color-gray-600);font-size:11px;font-weight:500}.spotCardDesc{font-family:var(--font-family);color:var(--color-gray-800);font-size:12px;font-weight:400;line-height:1.5}@keyframes hintDrag{0%{transform:translate(0)}25%{transform:translate(-36px)}45%{transform:translate(-36px)}75%{transform:translate(6px)}88%{transform:translate(-2px)}to{transform:translate(0)}}.spotCard--hint{animation:2s cubic-bezier(.34,1.56,.64,1) 3s both hintDrag}@media (max-width:768px){.spotCard{gap:12px;padding:12px}.spotCardImage{width:64px;height:64px}}